.gallery-main{position:relative}
.gallery-main .swiper-button-prev,.gallery-main .swiper-button-next{color:#fff;background:#0006;width:40px;height:40px;border-radius:50%}
.gallery-main .swiper-button-prev::after,.gallery-main .swiper-button-next::after{font-size:16px}
.gallery{max-width:100%;padding:25px 0 0;display:flex;gap:10px;margin:0 auto;overflow:hidden;position: relative;z-index: 101;}
.gallery-main{flex:0 0 80%;min-width:0}
.gallery-main .swiper{width:100%;height:100%}
.gallery-main img{width:100%;height:auto;border-radius:10px}
.gallery-thumbs{flex:0 0 20%;height:500px;min-width:0}
.gallery-thumbs .swiper{height:100%;width:100%}
.gallery-thumbs .swiper-wrapper{height:100%}
.gallery-thumbs .swiper-slide{height:auto!important;opacity:.5;cursor:pointer}
.gallery-thumbs .swiper-slide-thumb-active{opacity:1}
.gallery-thumbs img{width:100%;height:100px;object-fit:cover;border-radius:6px}
.gallery .gallery-thumbs img{height:300px}
.gallery .gallery-thumbs{height:1280px}
@media(max-width:1320px) {
    .gallery .gallery-thumbs{height:980px}
    .gallery .gallery-thumbs img{height:270px}
}
@media(max-width:1060px) {
    .gallery .gallery-thumbs{height:780px}
    .gallery .gallery-thumbs img{height:220px}
}
@media(max-width:840px) {
    .gallery .gallery-thumbs{height:680px}
    .gallery .gallery-thumbs img{height:200px}
}
@media(max-width:740px) {
    .gallery .gallery-thumbs{height:520px}
    .gallery .gallery-thumbs img{height:150px}
}
@media (max-width: 530px) {
    .gallery .gallery-thumbs{height:120px}
    .gallery .gallery-thumbs img{height:100px}
.gallery{flex-wrap:wrap;padding:15px 0 0}
.gallery-main{flex:0 0 100%}
.gallery-thumbs{flex:0 0 100%;height:auto;margin-top:10px}
.gallery-thumbs .swiper{height:auto}
.gallery-thumbs .swiper-slide{width:auto}
.gallery-thumbs img{height:80px}
}