@media only screen and (max-width: 767px)
{ 
    .mt-drop{left:-10px;z-index:999}
    a#back-to-top{z-index:99}

    .category-block .inner-box{height:200px}
    .category-block .image-box img{width:100px!important;margin:0 auto}
    .category-block .name{font-size:14px}
    
    .main-header .main-menu{padding-top:0;width:100%;margin:0;padding-left:0;margin-top: -60px;}

    .main-menu .collapse{overflow:auto;float:none;width:100%;padding:10px 0 0;border:none;margin:0;-ms-border-radius:3px;-moz-border-radius:3px;
        -webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px}
    .main-menu .collapse.in,.main-menu .collapsing{max-height:340px;padding:0;border:none;margin:0 0 15px;-ms-border-radius:3px;-moz-border-radius:3px;
        -webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px}
    .main-menu .navbar-header{position:relative;float:none;display:block;text-align:right;width:100%;padding:13px 0;right:0;z-index:12}
    .main-menu .navbar-header .navbar-toggle{display:inline-block;z-index:7;top:0;border: 1px solid #1d64b0;float:none;margin:0;border-radius:0;background: #1d64b0;}
    .main-menu .navbar-header .navbar-toggle .icon-bar{background:#fff}
    .main-menu .navbar-collapse>.navigation{float:none!important;margin:0!important;width:100%!important;background:#222;border:1px solid #fff;border-top:none}
    .main-menu .navbar-collapse>.navigation>li{margin:0!important;float:none!important;padding:0!important;width:100%;margin-left: 0px !important;}
    .main-menu .navbar-collapse>.navigation>li:first-child,.main-menu .navigation>li>a,.main-menu .navigation>li>ul:before{border:none}
    .main-menu .navbar-collapse>.navigation>li>a{border:none!important;margin-left: 0px;}
    .main-menu .navigation li.dropdown>a:after,.main-menu .navigation>li.dropdown>a:before,.main-menu .navigation>li>ul>li>a::before,
        .main-menu .navigation>li>ul>li>ul>li>a::before{color:#fff!important;right:15px;font-size:16px;display:none!important}
    .main-menu .navbar-collapse>.navigation>li>ul,.main-menu .navbar-collapse>.navigation>li>ul>li>ul{position:relative;border:none;float:none;visibility:visible;
        opacity:1;display:none;margin:0;padding:0;outline:0;left:auto!important;right:auto!important;top:auto!important;width:100%;background:#222;
        -webkit-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0;-moz-border-radius:0;border-radius:0;transition:none!important;
        -webkit-transition:none!important;-ms-transition:none!important;-o-transition:none!important;-moz-transition:none!important;box-shadow:none!important;
        border-top:1px solid #fff!important}
    .main-menu .navbar-collapse>.navigation>li,.main-menu .navbar-collapse>.navigation>li>ul>li,
        .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li{border-top:1px solid #fff!important;opacity:1!important;top:0!important;left:0!important;
            visibility:visible!important}
    .main-menu .navbar-collapse>.navigation>li>a,.main-menu .navbar-collapse>.navigation>li>ul>li>a,
        .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li>a{
            padding:12px 15px!important;
            line-height:22px;
            color:#fff!important;
            background: #1d64b0;
            text-align:left;
            min-height:0;
            font-size:14px!important;
            text-transform:capitalize
            }
    .main-menu .navbar-collapse>.navigation>li>a:active,.main-menu .navbar-collapse>.navigation>li>a:focus,
        .main-menu .navbar-collapse>.navigation>li>a:hover{background:#222}
    .main-menu .navbar-collapse>.navigation>li.current-menu-item>a,.main-menu .navbar-collapse>.navigation>li.current>a,
        .main-menu .navbar-collapse>.navigation>li:hover>a,.main-menu .navbar-collapse>.navigation>li>ul>li:hover>a,
        .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li:hover>a{background: #0c8641;color:#fff!important}
    .main-menu .navbar-collapse>.navigation li.dropdown .dropdown-btn{display:block}
    .main-menu .navbar-collapse>.navigation li.dropdown:after,.main-menu .navigation>li>ul:before{display:none!important}
    .sec-breadcrumbs ul{display:-webkit-box}
    .products-list .product-block{width:100%}

    .cart.head-box{display:none!important} 
    section.products-section .auto-container{margin:0}
    .cart .desc{width:60%!important;float:left!important}
    .cart-list .cart .img{width:40%!important;float:left!important}
    .cart-list .cart .price,.cart-list .cart .qty,.cart-list .cart .rem{float:left!important;position: unset;margin: 0px;padding: 0px;width: 70% !important;}
    .cart-list .cart{display: flow-root;position: relative;padding-bottom: 0px;}
    
    
    .cart-list .cart .price{position:absolute;bottom:40px;right:-60px}
    .cart-list .cart .qty .number-block{position:relative;left:0}
    .cart-list .cart .rem{position:relative;bottom:-15px;width:10%!important;right:85px}

    .nav-outer,section.support-section ul li{width:100%}
    .categories ul li{width: 100%;height: 260px;padding: 10px 10px !important;}.about-section .auto-container{padding:30px}.about-section .content-block h3{margin-top:30px}section.service-section .service-box{width:100%;margin-bottom:30px}div#awards-scroll .owl-nav{display:none}section.footer-bg h2{margin-left:5%}

    .logo img {width: 38% !important;}
    section.services-section .service-block img { right: 0px; margin-bottom: 25px; }
    .categories ul li .image-box h3 {font-size: 20px;width: 100%;}

    .categories ul li .image-box p {font-size: 14px;}
    .sec-title h2 { font-size: 25px !important; line-height: 38px; }
   .subcategories ul li{width:100%;text-align:center}
   .subcategories ul li .image-box img{left:50%;transform:translateX(-50%)}
   .subcategories ul li.subopen,.subcategories ul li:hover{height:100px;display:inline-table;position:unset!important}
   section.inner-section .inner-block img{width:97%}
   .inner-row .inner-block p{margin-top:0}
   .inner-row .inner-block{padding:20px!important;margin-top:0}
   ul#main-menu-mobile { display: block;}
    ul#main-menu, .dropdown-link { display: none;}
    
    .about-section .content-block{padding: 0 10px;width: 100%;}
    .rss-feeds .wp-block-columns{width:106%;margin-left:-10px}
    .blogs-feeds{padding-left:10px}
    .blogs-feeds ul li { width: 100%; }

   .nav-outer{height:1px !important;}
   .about-section .content-block p{padding:0px;}
   
    .footer-widget.about-widget { height: 100px; }
    
    .main-menu .navbar-collapse>.navigation>li:hover a { border-radius: unset; margin-left: 0px; }
    
    .banner-section .sec-title h2 {margin-top: 27%;font-size: 30px !important;}
    
    section.single-section h2 { font-size: 24px; line-height: 35px; }
    

    .contact-form .form-control {  width: 100%; }
    
    .contact-form { padding: 20px; }
    .about-section .content-block iframe { height: 200px; }

    .container-fluid.news-outer {
    padding-right: 0px !important;
    padding-left: 0px !important;
    }
    
    .rss-feeds, .blogs-feeds {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    
    
    
    .news-section h3 {
        margin-left: 5px;
    }
}



@media only screen and (max-width: 1340px)
{
    
    .auto-container{ max-width:1200px; }

}