.wrapper__gradient{background:#fff}
.gallery__image img{width:100%; height:240px; object-fit:cover}
.filter-photo{font-size: 18px; color: rgb(70, 70, 70); font-weight: 700}
.filter-photo ul{padding:0; margin:0}
.filter-photo ul li{padding:7px 0 7px 15px; margin:0; list-style:none}
.filter-photo ul li a{font-weight:400; color:#81909e; text-decoration:none !important; display:block; line-height: 40px; padding:0 25px; border-radius:40px; background-color: rgb(255, 255, 255); box-shadow: 0px 3px 11px 0px rgba(178, 220, 224, 0.33);}
.filter-photo ul li a:hover{background-color: rgb(153, 203, 10); box-shadow: 0px 3px 11px 0px rgba(178, 220, 224, 0.33); color:#fff}
.gallery__out:nth-child(12) ~ .gallery__out{display:none}
.gal-btn{font-size: 18px;text-align:center;color: #fff !important; text-decoration:none !important; text-transform: uppercase;width: 270px;line-height: 46px;background-color: rgb(44, 172, 38);display: flex;border-radius: 50px;font-weight: 500;align-items: center;justify-content: center;margin: 0 auto;}
.gal-btn:hover{background:#53637e}
.gallery__image{position:relative}
.gallery__image::after{transition:all 0.3s linear 0s; opacity:0; position:absolute;content:"";background: #fff url(/templates/potolki/images/zoom.png) no-repeat center center;width: 85px;height: 85px;top: 50%;left: 50%;border-radius: 100%;transform: translate(-50%, -50%);}
.gallery__list a:hover::after{opacity:1}
@media(max-width:1229px){
	.gallery__image img{height:180px}
	.filter-photo{font-size: 16px;}
	.filter-photo ul li{padding: 5px 0 5px 10px;}
	.filter-photo ul li a{line-height: 36px;padding: 0 15px;}
	.gal-btn{font-size: 16px;width: 240px;line-height: 42px}
}
@media(max-width:991px){
	.gallery__image img{height:140px}
	.filter-photo{font-size: 14px;}
	.filter-photo ul{margin-bottom:10px}
	.filter-photo ul li a{line-height: 32px;padding: 0 10px;}
}
@media(max-width:767px){
	.gallery__image img{height:170px}
	.filter-photo ul li{padding: 5px;}
	.filter-photo ul li a{line-height: 30px}
	.gal-btn{font-size: 14px;width: 200px;line-height: 38px}
}
@media(max-width:575px){
	.gallery__image img{height:30vw}
	.gallery__row{margin-left:-10px; margin-right:-10px}
	.gallery__row .col-6{padding:10px}
}