@media (min-width: 220px) and (max-width: 768px) {
    nav.mainmenu {
    display: none;
}
.main-menu-sec.left-0  nav.mainmenu {
    display: block;
}
    .mbl-overlay {
        position: fixed;
        left: 0;
        top: 0;
        height: 100vh;
        width: 100%;
        background: #000000a8;
        z-index: 9999;
    }
    .main-menu-sec {
        position: fixed;
        width: 280px;
        height: 100vh;
        background: #604696;
        z-index: 99999;
        top: 0;
        left: -100%;
        transition-duration: 0.5s;
    }
    .hero-section::after {
        z-index: 0 !important;
        left: -150px !important;
    }
    .hero-section::before {
        z-index: 0 !important;
        width: 200px !important;
       
    }
    .emoji-float.top-right img {
  display: none;
}
.emoji-float.bottom-left img {
    display: none;
}
    .hero-heading {
        font-size: 30px !important;
    }
 
    .Homecarousel {
        margin-top: -135px !important;
    }
    .hero-section {
        height: 600px !important;
    }
    a.mbl-logo {
        background: #fff;
        margin-left: -15px;
        margin-right: -10px;
        margin-bottom: 20px;
    }
    a.mbl-logo img {
        display: flex;
        margin: 0 auto;
        padding-bottom: 10px;
        padding-top: 12px;
        width: 150px;
    }
    nav.mainmenus {
        border-radius: unset !important;
        padding: unset !important;
        box-shadow: unset !important;
        background: unset !important;
    }
    nav ul {
        display: inline !important;
    }
nav ul li a.active{
    color: #fff !important;
}
        nav ul li a {
            color: #fff !important;
            display: block;
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
            color: #4b5563;
            padding: 10px 13px;
            position: relative;
            border-radius: 50px;
            transition: color 0.2s;
            white-space: nowrap;
        }
            nav ul li a::after {
                display: none !important;
            }
    .logo {
        margin-bottom: 0px;
        margin-top: 0;
        width: 50px !important;
    }
    .subimagesarea {
        position: relative;
    }
   .vls-au-card {
        height: 400px !important;
    }
    .vls-product-img-wrap {
        min-height: 160px !important;
    }
    .vls-btn-buy {
        font-size:11px !important;
    }
    .vls-product-code {
        font-size: 11px !important;
    }
    .btn-explore {
        font-size: 11px !important;
    }
    .btn-learn {
        font-size: 11px !important;
    }
}