@media only screen and (max-width: 767px)
{ 
    .dropdown-sep ul li.has-sub-right ul { 
    left: 10px;
    top: 10px;}
    .data-section .sec-title h2,
    section.banner-section h2 {
    line-height: 45px;
    font-size: 28px;
    padding: 0px 10px;
}
    h2.block-title__title {
    line-height: 45px;
}
.row.certificates-list.brand-products-list .col-md-4 {
    width: 100% !important;
}

    .header-top .left{padding: 2% 2% 0;}
    .header-top .right{padding: 0px 10px;width:100%;float:left;display: flex;margin-top: 0px;margin-bottom: 15px;}
    .contact-top{right:0;top:-15px}
    .header-style-two .outer-box{margin-left:0}
    .header-contact a{width:110px;font-size:12px;padding:7px}
    .dropdown.dropdown-outer{margin-left:10px!important;float:right;margin-bottom:7px;margin-right:-6px}
    .main-header .outer-box .dropdown-outer input{width: 150px;margin-top:2px}
    .header-style-two .logo-box img{width:190px}button.search-btn{right:6px}
    .category-section .sec-title.text-center,.pro-section .sec-title.text-center{padding: 25px  10px 35px !important;}
    .category-section .sec-title p,.pro-section .sec-title p{width:100%}

    .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: 100%;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: 0px;position: fixed;left: 0px;}

    .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{
        position: fixed;
        width: 100%;
        height: 100%;
        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;
        top: 0px;
        }
    .main-menu .navbar-header{position:relative;float: right;display:block;text-align:right;width: 16%;padding:13px 0;right:0;z-index:12}
    .main-menu .navbar-header .navbar-toggle{display:inline-block;z-index:7;top: 0px;right: 10px;border: 1px solid #f0d813;float:none;margin:0;border-radius:0;background: #f0d813;}
    .main-menu .navbar-header .navbar-toggle .icon-bar{background:#fff}
    .main-menu .navbar-collapse>.navigation{float:none!important;margin:0!important;width: 81%!important;background: #4c416e;border:1px solid #fff;border-top:none;height: 100%;}
    .main-menu .navbar-collapse>.navigation>li{margin:0!important;float:none!important;padding:0!important;width:100%}
    .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}
    .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: #4c416e;
            text-align:left;
            min-height:0;
            font-size:14px!important;
            margin-left: 0px;
            border-radius: unset;
            /* border-bottom: solid 1px #fff !important; */
            border-top: unset !important;
            }
    .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: #c1ad0b;color:#fff!important;border-radius: unset;}
    .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%;margin-right: 0px !important;float: right;margin-bottom: -20px;}

    .cart.head-box{display:none!important} 
    section.products-section .auto-container{margin:0}
    
    #my_product .modal-header h1{font-size:23px;margin-top:40px}
    .modal-body .product-box .prod-left,.modal-body .product-box .prod-right{width:100%}
    .modal-body .product-box .prod-right h3{font-size:20px;margin-top:10px;margin-left: 0px;}
    .modal-body .product-box .prod-right .prod-desc{margin:0!important}
    .modal-body .product-box .prod-right .prod-images{margin-left:0}
    #my_product .modal-header i.fa{top:10px}

    .brochure-block{margin:10px 5%;width:90%}
    .news-block.service-block{width:90%;margin:20px}
    section.about-us.divisions.careers.alternate{background:unset}
    .career-block{width:90%;margin:10px 20px}

    .contact-page-section .heading-box .text p{width:100%!important}
    .contact-page .contact-page-section .row.cbox{margin: 0px;}
    form#contact-form input{width:100%}
    
    .category-block{width:100%;padding: 10px 0px;margin-bottom: 0px;margin-top: 0px;margin-left: 0%;}
    .category-block .inner-box .lower-content h3{height:auto}
    .footer-top .left,.footer-top .right{padding:10px;width:100%;float:left}
    .footer-top .right{padding:0 10px}
    .main-footer .footer-logo img{margin:0 auto}
    .main-footer .footer-column .widget-title{line-height:21px;margin-bottom:0}
    section.services-section .service-block img{right:0}.service-block h2{margin-top:30px}


    a.all-prod{display:block;top:20px;position:relative;right:0}
    .cat-section .sec-title{margin-bottom:0}
    .row.products-list{margin-left:0;display:block;top:32px}

    .modal-body .product-box .prod-right h5 { margin-left: 0px; }
    .contact-page .contact-column{left:0;margin-bottom:40px}form#contact-form input,form#contact-form textarea{width:100%}
    .contact-page .contact-column ul.contact-info li{padding-left:10px}
    .contact-page .contact-column{min-height:300px}

    .fixed-header .header-contact,.fixed-header .outer-box .dropdown-outer{display:none}
    .fixed-header .main-menu .navbar-header .navbar-toggle{top: 17px;}
    
    section.brands-section .brand-block{min-width:120px!important;display:table-cell;vertical-align:middle}
    .fixed-header.header-style-two .nav-outer{width:100%}
    div#slider{height:200px}
    div#slider img{width:700px}
    #slider .owl-item.active h1{width:80%;font-size:30px;top:40%;margin-left:10%}
    .about-one__image{margin-top:35px;width:100%;margin-bottom: 25px;}
    
    .data-section{padding: 20px 0;}
    .content-left:after{right:15px}
    .content-left:before{left:28px;bottom:-22px}
    .content-block{margin-top:50px}
    section.services-section{padding:50px 0}
    .addr_box .right-box{font-size:15px}
    .contentWrap iframe{margin-left:-30px;width:120%;margin-bottom:-5px}

    .fixed-header .main-menu{top:0}
    .header-style-two .main-menu .navigation>li.current,.header-style-two .main-menu .navigation>li:hover{border-bottom:unset}
     
     section.banner-section .sec-title{position:absolute;text-align:center;width:100%;left:0;top: 30%;}
    
    .header-top .right a{font-size:12px;position:absolute;right:10px;top:-42px}
    .header-top .left p,.header-top .right p{float:unset;line-height:15px;font-size:14px}
    .header-top .left span img{width:17px;margin-top:-6px}
    .header-style-two .header-lower{padding:10px 0}
    .main-menu .navigation>li.dropdown:hover>ul{width:100%;background-color:#143885;border-radius:unset;display: none;}
    .main-menu .navigation>li.dropdown:hover>ul li{border-radius:unset}
    .main-menu .navigation>li.dropdown:hover>ul li a{border:unset!important;padding:4px 20px!important}
    #slider .slider-item h2{font-size:10px;line-height:10px;width:74%;top:52%;left:20%}
    #slider .slider-item h1{font-size:30px!important}
    .about-one{padding-top:30px}
    section.category-section{padding-top:0}

    .project-block h4{font-size:17px}
    .project-block p{font-size:13px}
    .project-block{margin-bottom:20px}
    #my_project .modal-header h1{font-size:28px;line-height:40px;margin-bottom:0}
    .modal-body .product-box .prod-right .prod-desc span,.modal-body .product-box .prod-right p{margin-left:0}
    .modal-body .product-box .prod-right b{margin-left:10px;font-size:12px;width:auto;margin-right:13px}
    .prod-scope b{margin-left:0!important}
    .row.clients-list{padding:0 20px}
    section.certificates-section,section.clients-section{padding:20px 0}
    section.banner-section { height: 200px; }
 


    .main-slider,.main-slider div,body{height:200px}
    section.service-one,section.service-two{padding:10px}
    section.service-one ul li{width:43%;margin-bottom:20px;margin-left:1px}
    section.service-one ul li h3,section.service-two ul li h3{font-size:18px}
    section.service-two ul li{width:44%;margin-right:18px;margin-bottom:20px}
    section.service-two ul li img{width:80px;height:auto}
    section.brands-sec-blue { padding: 20px 10px; height: 300px;}
    .vision-block{padding:20px}
    section.vision-section img{width:100%}
    .dropdown-sep {z-index: 999;padding-left: 5%;}
    .product-block { margin-bottom: 60px; }
    .dropdown-sep ul{background:#fff; padding:10px;}
    
    .dropdown-sep ul li {
    height: auto;
    margin-bottom: 10px;
}
}


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

}

@media only screen and (min-width: 767px) and (max-width: 1340px)
{
    
    section.banner-section h2 {
        font-size: #fff;
        line-height: 45px;
        font-size: 28px;
        margin-top: 10px;
    } 
}

@media only screen and (min-width: 1341px) and (max-width: 1900px)
{
    
    section.banner-section h2 { 
            margin-top: -25px;
            line-height: 55px;
    } 
}
@media only screen and (min-width: 1920px)
{
    
    .main-slider,  .main-slider div {
    height: 1150px;
    width: 100% !important;
}

}

@media only screen and (min-width: 2000px)
{
    
    .dropdown-sep{padding-left: 40% !important;}

}




h2.block-title__title.aos-init {}

li {}