/* CSS for header_slider */

#mobile_slider_image {
    display: none !important;
}
.mobile-slider-video{
    display: none !important;
}

@media (max-width: 1024px) {
    .swiper-slide > img {
        /*height: auto !important;*/
        object-fit: cover;
    }
}

@media (max-width: 575px) {
    .main-slide {
        height: auto;
        min-height: unset;
    }

    #mobile_slider_image {
        display: block !important;
        height: 100vh !important;
    }
    .mobile-slider-video{
        display: block !important;
        height: 100vh !important;
    }
    #desktop_slider_image {
        display: none !important;
    }
    .desktop-slider-video{
        display: none !important;
    }
    .swiper-slide > img {
        height: auto !important;
        object-fit: cover !important;
    }

    #mobile_slider_image {
        display: flex !important;
    }
    .mobile-slider-video{
        display: flex !important;
    }
}
.desktop-slider-video, .mobile-slider-video {
    width: 100%;
    height: auto;
    object-fit: cover;
}