.rs-banners {
width: 100%;
height: 250px;
}
.rs-banners .swiper-wrapper {
align-items: center;
}
.rs-banners .swiper-slide {
border-radius: 15px;
width: 600px;
height: 225px;
overflow: hidden;
opacity: .6;
transition: .3s;
user-select: none;
display: flex;
align-items: center;
justify-content: center;
margin: 0 6px;
}
.rs-banners .swiper-slide a {
width: 100%;
height: 100%;
display: block;
}
.rs-banners .swiper-slide a img {
width: 100%;
height: 100%;
object-fit: cover !important;
display: block;
object-position: left center;
transition: .15s;
}
.rs-banners .swiper-slide:hover img {
filter: brightness(90%);
}
.rs-banners .swiper-slide-active {
height: 100% !important;
opacity: 1;
}
@media (max-width: 767px) {
.rs-banners {
height: 170px;
}
.rs-banners .swiper-slide {
width: 420px;
height: inherit;
margin: 0 2px;
}
}
@media (max-width: 550px) {
.rs-banners {
height: 150px;
}
.rs-banners .swiper-slide {
width: 360px;
}
}
@media (max-width: 360px) {
.rs-banners .swiper-slide {
width: 100%;
}
}