#slideshow{position:relative;width:800px;height:500px;margin:0 auto;overflow:hidden}
#slideshow .mainSwiper{height:100%}
#slideshow .main_pagin{position:absolute;left:initial;right:33px;bottom:30px;z-index:1;width:auto;display:flex;align-items:center;gap:6px}
#slideshow .main_pagin > span{display:block;width:10px;height:10px;border-radius:50%;background-color:#fff;opacity:1;margin:0}
#slideshow .main_pagin > span.on{width:30px;height:10px;border-radius:50pt;background:#64498d}

@media (max-width:1300px){
#slides,#slideshow,#slides li{width:100%}
#slides li img{max-width:100%;width:100%}
}
@media (max-width:1024px){
#slideshow{height:clamp(280px, 58vw, 500px)}
}
@media (max-width:580px){
#slideshow .main_pagin{right:5%;bottom:10%}
}
@media (max-width:480px){
#slides li img{height:100%;object-position:left;object-fit:cover}
}