/* ----------------
    DESKTOP
-------------------*/

@media (min-width: 1400px) {

}

@media (max-width: 1399px) {
    .swiper-slide { width: 650px !important; }
}

@media (max-width: 1199px) {
    .swiper-slide { width: 550px !important; }
}

@media (max-width: 991px) {
    .banner p { font-size: 60px; }

    .banner a { font-size: 40px; }

    .swiper-slide { width: 500px !important; }
}

/* ----------------
    MOBILE 
-------------------*/

@media (max-width: 767px) {
    .logo { width: 450px; }

    .banner p { font-size: 50px; }

    .banner a { font-size: 40px; }

    .swiper-slide { width: 450px !important; }
}

@media (max-width: 575px) {
    .logo { width: 410px; }

    .banner p { font-size: 35px; }

    .banner a { font-size: 30px; }

    .swiper-slide { width: 350px !important; }
}

@media (max-width: 414px) {
    .logo { width: 320px; }

    .banner p { text-align: center; }

    .banner a { font-size: 30px; }

    .swiper-slide { width: 280px !important; }
}

@media (max-width: 320px) {
    .logo { width: 250px; }

    .swiper-slide { width: 230px !important; }
}