#shop_success .bs-callout { margin-bottom: 30px; }

#shop_services { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; margin-top: 30px; margin-bottom: 30px; }
#shop_services .service { position: relative; overflow: hidden; cursor: pointer; border-radius:2px; }
#shop_services .service img { max-width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: all 0.2s; }
#shop_services .service:hover img { transform: scale(1.1); }
#shop_services .service .price { position: absolute; top:10px; right:10px; margin: 0; padding: 3px 10px; color: #FFF; background: #3fb358; border-radius: 2px; }
#shop_services .service .name { position: absolute; bottom:0; left:0; padding: 5px 10px; width: 100%; margin: 0; line-height: 1.2; color: #FFF; background: rgba(0, 0, 0, 0.67); }
#shop_services .service.active { box-shadow: 0px 0px 12px 1px #0080ff; } 
#shop_services .service.active img { transform: scale(1.1); } 

#shop_content { margin-bottom: 30px; }

.shop-gallery { margin-top:30px; }
.shop-gallery > ul { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 16px; margin-bottom:0; list-style:none; }
.shop-gallery > ul > li a { display: block; position: relative; cursor: pointer; border-radius: 2px; overflow: hidden; }
.shop-gallery > ul > li a > img { height: 100%; width: 100%; transition: transform 0.2s ease 0s; transform: scale3d(1, 1, 1); }
.shop-gallery > ul > li a:hover > img { transform: scale3d(1.1, 1.1, 1.1); }


@media (max-width: 767px) {
	#shop_services { grid-template-columns: 1fr 1fr; grid-gap: 10px; margin-top: 10px; margin-bottom: 10px; }
	.shop-gallery > ul { grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; }
}
@media (max-width: 480px) {
	#shop_services { grid-template-columns: 1fr; }
	.shop-gallery > ul { grid-template-columns: 1fr 1fr; grid-gap: 6px; }
}