@media (max-width: 991px) {
   
    .pc-header, .pc-shipping-methods {
        display: none !important;
    }
    .user-section ul {
        float: right;
    }
    .mobile-header{
        overflow-x:hidden;
    }
    .flagstrap{
        height:100%;
        padding-top:2px;
    }
    .top-ctrl {
        width: 100%;
        position:relative;
    }

    .top-space-body, .top-space-body.no{
        height: 55px;
    }
    .mobileToggle {
        font-size: 20px;
    }
    .products-filter {
        display: none;
    }
    .show-phone{
        display:block;
    }
    .show-pc{
        display:none;
    }
    .products-filter{
        margin-top:15px;
    }
    .footer-info{
        padding:5px 0;
    }
    .products-filter.active {
        display: block;
    }
        .user-section::after {
            clear: both;
            content: "";
            display: block;
        }
    .top-ctrl li:first-child {
        width: 40px;
    }

    .top-ctrl li {
        display: inline-block;
        text-align: center;
    }
    .header .btn-default, .mobile-header .btn-default {
        background-color: transparent;
        border-color: transparent;
        color: #6e6e6e;
    }
    .mobile-header .btn-default,
    .flagstrap .dropdown-menu > li > a {
        font-size: 12px;
    }
    .mobile-header .flagstrap .btn {
        padding: 0;
        font-size: 16px;
    }
    .shopping-cart .fa-cart-arrow-down{
        font-size:18px;
        margin-top:1px;
    }
    .shopping-cart .badge{
        font-size:10px;
        left:15px;
    }
    .shopping-cart{
        position:absolute;
        right:0;
        top:3px;
    }
    .shopping-box {
        float: right;
    }
    .shopping-cart,
    .flagstrap .btn:hover, .flagstrap .btn:active, .flagstrap .btn:visited, .flagstrap.open > .dropdown-toggle.btn-default:hover, .flagstrap.open > .dropdown-toggle.btn-default:focus, .top-header .navbar-nav > li > a:hover, .top-header .navbar-nav > li > a:active, .top-header .navbar-nav > li > a:focus {
        background-color: transparent;
    }
    .logo-box{
        margin-right:20px;
    }
    .logo-box img {
        max-height: 20px;
        max-width: 100%;
    }
    .shopping-cart .fa-cart-arrow-down {
        color: #26323e;
    }
    .flagstrap-icon{
        display:none;
    }
    .shopping-cart .ctrl-btn{
        padding:0;
    }
    .shopping-cart .badge{
        left:15px;
        top:0;
    }
    .top-space {
        padding:7px 15px;
        border-bottom: 1px solid #26323e;
        background-color: #fff;
        box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
        z-index:1000;
        position:fixed;
        width:100%;
    }
    
    .btn-sm, .btn-group-sm > .btn {
        padding: 5px;
       
    }
    .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul {
        background-color: transparent;
    }

    .hc-offcanvas-nav .nav-container {
        background-image: linear-gradient(to right bottom, #2c3134, #2f3437, #31373a, #343a3e, #373d41);
    }

    .hc-offcanvas-nav a, .hc-offcanvas-nav .nav-item {
        border-bottom: 1px solid #2C3134;
    }
    .nav-box > li{
        float:none;
    }
    .search-container{
        width:auto;
    }
    .hc-offcanvas-nav a[href]:not([href="#"]) > span.nav-next {
        border-color: #373d41;
    }
    .hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item, .hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item{
        font-size:12px;
    }
    .social-nav li{
       float:left;


    }
    .social-nav li i{
        font-size:16px;
    }
    .p-img{
        padding:0;
    }
    .product-box img {
        width: 100%;
        height: auto;
    }
    .banner-box{
        margin-top:15px;
    }
    .shipping-methods{
        margin:15px 0;
    }
    .shipping-methods img{
        height:auto;
        width:100%;
    }
    .order-checkout-box {
        
        margin-bottom: 15px;
    }
    .client-checkout-box {
        margin-bottom: 65px;
    }
    .order-checkout-box  .media>div {
        display:block;
    }
    .order-checkout-box .media-object{
        width:100px;
        margin:0 auto;
        display:block;
    }
    .buy-container{
        padding-top:25px;
    }
    .p-name, .p-aside {
        margin-top:1px;
        margin-bottom:1px;
    }
}

@media(min-width:992px) {
    .show-phone {
        display: none;
    }
    .top-space-body {
       height:20px;
    }
        .top-space-body.no{
            height:0;
        }
        .show-pc {
            display: block;
        }
    .btn-filter{
        display:none;
    }
    .mobile-header, .moblie-nav, .mobile-shipping-methods {
        display: none !important;
    }
    #mobileNav {
        display: none !important;
    }
}