@media only screen and (min-width:768px) and (max-width:991px){body{font-size:15px}
    .mobile-nav .logo img{max-width:110px}
    .mean-container .mean-bar{background-color:#fff;padding:0}
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .main-nav nav .navbar-nav .nav-item a{text-transform:capitalize;color:#373737;font-weight:400;font-size:14px;margin-left:9px;margin-right:9px}
    .main-nav nav .navbar-nav .nav-item a i{font-size:8px}

    .other-side .search-area .search-item{top:12px}
    .other-side .search-area .search-item i{top:-5px}
    .other-side .search-area .search-item .close-btn.active{top:-2px}
    .other-side .cart-area .cart-icon{top:5px;font-size:15px}
    .other-side .search-text{margin-right:0}

}

@media only screen and (max-width:991px){.mobile-nav{display:block;position:relative}
    .mobile-nav .logo{text-decoration:none;position:absolute;top:0;z-index:999;left:5px;color:#fff;font-weight:700;text-transform:uppercase;font-size:20px;}
    .mean-container .mean-bar{ background: #fff;padding:0}
    .mean-container a.meanmenu-reveal{padding:24px 6px 0 0}
    .mobile-nav nav .navbar-nav .nav-item a i{display:none}
    .main-nav{display:none!important}
}