/* Swiper specific rules */

.swiper {
    width: 900px;
    height: 475px;
    margin-top: 50px;
    padding-bottom: 150px;
}

@media screen and (max-width: 1000px) {
    .swiper{
        width: 750px;
    }
}

@media screen and (max-width: 820px) {
    .swiper{
        width: 500px;
        height: 200px;
    }
}

@media screen and (max-width: 575px) {
    .swiper{
        width: 340px;
        height: 200px;
    }
}