

@media (min-width: 992px){
.grid-container{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(5, 1fr); 
  grid-gap: 15px;
  align-items: start;
  }
.item1 { 

	grid-column-start: 1;
	grid-column-end: span 4;
	
	 }

.item2 { 
	grid-row: 1;
	grid-column-start: 5;
	grid-column-end: 7;
	align-self: stretch;
}
.item3 { 
	grid-row: 2;
	grid-column-start: 1;
	grid-column-end: 3;
	align-self: stretch;
	justify-self: stretch;
}
.item4 { 
	grid-row: 2;
	grid-column-start: 3;
	grid-column-end: 5;
	align-self: stretch;
}
.item5 { 
	grid-row: 2;
	grid-column-start: 5;
	grid-column-end: 7;
	align-self: stretch;
}
.item6 { 
	grid-row: 3;
	grid-column-start: 1;
	grid-column-end: 2;
	
}
.item6 { 
	grid-row: 4;
	
}
.btn {
	display: inline-block;
    background-color: red;
    color: white;
    padding: 12px 16px;
    font-size: 16px;
}
.btn:hover {
    background-color: black;
}
.item13 { 
	grid-row: 4;
	grid-column-start: 1;
	grid-column-end: 3;
}
.item14 { 
	grid-row: 4;
	grid-column-start: 3;
	grid-column-end: 5;
}
.item15 { 
	grid-row: 4;
	grid-column-start: 5;
	grid-column-end: 7;
}
}
.card-img-top{
display: block;
  border: 10px solid #fff;
  margin-right: 50px;
  width: 100%;
  height:auto;
}
.price-new {
	color: red;
}
.gallery
{
	max-width: 100%;
    object-fit: cover;
}

@media (max-width: 576px){

	.grid-container{
	display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(5, 1fr); 
	}
	.item1 { 
	grid-column: 1/6;
	grid-row: 1;
	 }
	 .item2 { 
	grid-row: 2;
	grid-column: span 3;

}
 .item3 { 
	grid-row: 2;
	grid-column-start: 3;
	grid-column-end: 6;

}
.item4 { 
	grid-row: 3;
	grid-column-start: 1;
	grid-column-end: 3;

}
.item5 { 
	grid-row: 3;
	grid-column-start: 3;
	grid-column-end: 6;

}
.item7 { 
	grid-row: 4;
	grid-column-start: 1;
	grid-column-end: 2;

}
.item8 { 
	grid-row: 4;
	grid-column-start: 2;
	grid-column-end: 3;

}
.item9 { 
	grid-row: 4;
	grid-column-start: 3;
	grid-column-end: 4;

}
.item10 { 
	grid-row: 4;
	grid-column-start: 4;
	grid-column-end: 5;

}
.item11 { 
	grid-row: 5;
	grid-column-start: 1;
	grid-column-end: 2;

}
.item12 { 
	grid-row: 5;
	grid-column-start: 2;
	grid-column-end: 3;

}
.item13 { 
	grid-row: 6;
	grid-column-start: 1;
	grid-column-end: 4;

}
.item14 { 
	display: none;
}
.item15 { 
	display: none;
}
}

