/* =========================================
   DESKTOP BANNER
========================================= */

.banner-area-slider-classic {
    width: 100%;
    height: 700px;
    min-height: 0 !important;

    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* =========================================
   BANNER IMAGES
========================================= */

.banner-area-slider-classic.bg_image {
    background-image: url("/assets/images/banner/2nd.jpg");
}

.banner-area-slider-classic.image-two {
    background-image: url("/assets/images/banner/4th.jpg");
}

.banner-area-slider-classic.image-three {
    background-image: url("/assets/images/banner/5th.jpg");
}

.banner-area-slider-classic.image-four {
    background-image: url("/assets/images/banner/6th.jpg");
}

.banner-area-slider-classic.image-five {
    background-image: url("/assets/images/banner/7th.jpg");
}


/* =========================================
   TABLET
========================================= */

@media only screen and (max-width: 991px) {

    .banner-area-slider-classic {
        height: 500px;
        min-height: 0 !important;
    }

}


/* =========================================
   MOBILE
========================================= */

@media only screen and (max-width: 767px) {

    .banner-area-slider-classic {
        width: 100%;
        height: 300px !important;
        min-height: 0 !important;

        background-size: cover;
        background-position: center center;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media only screen and (max-width: 480px) {

    .banner-area-slider-classic {
        height: 250px !important;
    }

}