@media screen and (min-device-width: 280px) and (max-device-width: 768px) {
    .navbar {
        min-height: 0px !important;
    }

    .navbar-nav > li {
        float: left;
        margin-right: 15px !important;
    }
     
    .collapse:not(.show) {
        display: block !important;
    }

    .sublists.collapse:not(.show) {
        display: none !important;
    }

    img.mob-logo {
        width: 118px;
        display: flex;
        margin: 5px auto;
    }

    .mobileapp-logo {
        border-bottom: 5px solid #d4b34a;
        margin-left: -20px;
        margin-right: -20px;
        margin-top: -26px;
        background: #1f628e;
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .card.Categoriesdata {
        position: relative;
        top: 15px;
        z-index: 0;
    }

    .headertitle {
        z-index: 0;
    }

    .subheading {
        font-size: 16px;
    }

    .headertitle nav {
        font-size: 12px;
    }

    .navbar {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .input-group {
        z-index: 0;
    }

    .mob-cat {
        background: #b7b49f;
        border-radius: 6px;
        margin-bottom: 6px;
        margin-top: -10px;
    }

    .Cartbtn {
        margin-left: 10px;
        position: relative;
        top: 7px;
        right: 10px;
    }

    .Smnu100 {
        min-width: 100% !important;
    }

    ul.main-menu {
        padding-left: 0;
        margin-bottom: 0;
        text-align: right;
    }

        ul.main-menu li {
            display: inline-flex;
        }

            ul.main-menu li a {
                color: #6a6a6a;
                padding: -1px 9px;
            }

    /* .main-menu {
           display: none;
       } */

    a.nav-link {
        color: #fff !important;
        font-size: 16px;
    }

    .main-header {
        z-index: 2 !important;
    }

    button.navbar-toggler.toogle-class {
        font-size: 30px;
        box-shadow: none !important;
    }

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #000 !important;
        background-color: transparent !important;
        font-weight: 600;
        font-size: 14px !important;
    }

    ul.mega-dropdown-list li a {
        font-size: 14px !important;
    }

    span.mainnemuicona i {
        color: #d3b249;
        font-size: 20px;
        padding-right: 5px;
    }

    .nav-link {
        color: #000000 !important;
        text-align: left !important;
        font-size: 14px;
    }

    .main-menu {
        height: 100% !important;
        display: block !important;
        width: 300px !important;
        bottom: 0;
        padding: 20px !important;
        top: 0;
        left: -100%;
        background: #1f628e;
        position: fixed;
        transition-duration: 0.5s;
        z-index: 9999;
    }

    .left-0 {
        left: 0px !important;
    }

    .mbl-overlay {
        background: #0000008a;
        position: fixed;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
    }

    ul.main-menu li {
        display: block;
        color: #fff;
        padding: 0px 15px;
        width: 100%;
    }

        ul.main-menu li a {
            color: #000;
            font-size: 18px;
        }

    .text-font {
        font-size: 25px;
    }

    .latest-deals {
        width: -webkit-fill-available;
    }

    .app-text-align {
        padding: 30px 0 30px 5px;
    }

    .banner-heading {
        top: -160px;
        left: 75px;
    }

    .banner-text-font {
        font-size: 20px;
        margin-bottom: 25px;
    }

    .shop-now-btn {
        font-size: 12px;
    }

    .latest-deals {
        width: 90% !important;
        left: 15px;
    }

    .app-img-google {
        width: 130px !important;
    }

    .app-img {
        width: 110px !important;
    }

    .app-text-align {
        padding: 30px 0 30px 20px;
    }

    .trust-text, .found-text {
        padding: 8px;
        color: #fff;
        text-align: justify !important;
    }

    .aboutus-bg-img, .found-img {
        height: auto !important;
    }

    .logo-box {
        padding: 0 0;
    }

    .gallery-title {
        top: 300px;
    }

    img.offer-img {
        height: auto;
    }

    .app-head {
        font-size: 25px;
    }

    img.mobileapp {
        display: flex;
        margin: 0 auto;
    }

    .xzoom-thumbs {
        display: contents;
    }

    img#xzoom-default {
        border-radius: 10px !important;
    }

    img.xzoom-gallery {
        width: 61px;
        display: inline-flex;
        overflow-x: auto;
        position: relative;
        top: 10px;
        left: 7px;
    }
}