#ads-slider {
    height: 40%;
    margin: 15px auto;
    max-width: 1024px;
}

.swiper-container {
    height: 100%;
}

.swiper-slide {
    height: auto !important;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.swiper-slide.swiper-slide-active {
    width: 100% !important;
}

@media only screen and (max-width: 800px) {
    #ads-slider {
        height: 35%;
    }
}

@media only screen and (max-width: 640px) {
    #ads-slider {
        width: 100%;
        height: 180px;
    }
}

@media only screen and (max-width: 480px) {
    #ads-slider {
        height: 100px;
    }
}


.product-photo-swiper-container {
    height: 100%;
}