/* Hide mobile img on desktop */
.slider-mobile-img {
    display: none;
    width: 100%;
    height: auto;
}

@media (max-width: 991px) {

    /* Navbar - not fixed, sits in flow */
    .mobile-menu-area {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        z-index: 999 !important;
        background: #2f6eff !important;
    }

    /* Slider - reset negative margin */
    .slider_list {
        margin-top: 0 !important;
        position: relative !important;
        z-index: 1 !important;
    }

    /* Remove CSS background, use img tag instead */
    .slider-area,
    .slider-area.style-two {
        background-image: none !important;
        height: auto !important;
        padding-bottom: 0 !important;
        min-height: unset !important;
        position: relative !important;
    }

    /* Show the img tag */
    .slider-mobile-img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        position: relative !important;
    }

    /* Hide desktop-only elements inside slider */
    .slider-area .container,
    .slider-area .hero-shape2 {
        display: none !important;
    }
}