/* ------------------------ Responsive ------------------------ */

@media only screen and (min-width: 1921px) and (max-width:2560px){
    body .container {max-width: 1440px;width: 100%;}
    .vc_row.our-company {max-width: 1140px;margin: 0 auto !important;width: 100%;}
    .common-slider .tp-parallax-wrap{left:1300px !important;}
    .our-company .our-company-content{padding-left: 50px;}
}
@media only screen and (min-width: 1600px) and (max-width:1920px){
    .container {max-width: 1805px;width: 100%;padding: 0 56px;}
    .common-slider .tp-parallax-wrap{left:1000px !important;}
    .main-header-logo-sec .logo .custom-header{margin-right: 70px;}
    .main-header-logo-sec .logo h4{font-size: 20px;}
    .header-right-sec .phone-info, .header-right-sec .phone-info ul li {margin-right: 40px;font-size: 18px;}
    .header-right-sec .language-sec {margin-left: 0px;max-width: 350px;width: 100%;}
    .header-right-sec .language-sec ul li a{padding: 5px 5px;font-size: 14px;width:40px !important}
    .header-right-sec .language-sec ul li{line-height: 74px;}
    .footer-top-sec .container {max-width: 1332px;width: 100%;}
}

@media only screen and (min-width: 1500px) and (max-width:1599px){

}

@media (max-width: 1299px){


}

@media only screen and (min-width: 960px) and (max-width:1069px) {
    .header-right-sec{line-height: initial;margin-top: 5px;}
    .common-slider .tp-parallax-wrap {left: 500px !important;}
    .main-header-logo-sec .logo .custom-header{max-width: 200px; margin-right: 10px;}
    .main-header-logo-sec .logo h4{font-size: 14px;}
    .no-padding-left{padding-left: 0;}
    .header-right-sec .phone-info{margin-right: 2px;}
    .header-right-sec .phone-info ul li{margin-right: 0;}
    .header-right-sec ul li{margin-right: 0;font-size: 13px;}
    .header-right-sec .language-sec ul li a{font-size: 12px;}
    h2.ban-cap, h2.ban-cap span{font-size: 41px !important}
    a.bnr-btn{padding: 6px 10px !important; font-size: 15px !important;}
    .our-company .our-company-content{padding:0 50px 0 75px;}
    .our-company-content p{font-size: 14px; line-height: 21px;}
    .our-brand h2{font-size: 25px;}
    .footer-site-menu .header-right-sec {margin-top: 0;line-height: 70px;}

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .main-header-logo-sec .logo{padding:10px 0;}
    .main-header-logo-sec .logo, .header-right-sec{text-align: center;line-height: inherit;}
    .header-menu ul li a{padding:0.5em;}
    h2.ban-cap, h2.ban-cap span{font-size: 33px !important;}
    a.bnr-btn{font-size:13px !important;}
    .vc_row.our-brand{margin-left: -15px !important;}
    .vc_row.our-market-logo .wpb_single_image .vc_figure-caption{margin-top: 15px; font-size: 15px;}
    .vc_row.our-company {background-image: none !important;background-color: #fff;}
    .our-company .our-company-content {padding: 0 40px 0;width: 100%;}
    .vc_row.our-client {padding: 19px 0 40px !important;margin-bottom: 30px !important;}
    .footer-top-sec{padding-bottom: 20px;}
    .footer-site-menu .main-header-logo-sec .logo {padding-top: 0;}
    .footer-top-sec .footer-grid {margin-bottom: 20px;}
    .bottom-footer ul li a{padding:10px 18px;}
    .nav-side-menu {position: relative;width: 100%;margin-top: 20px;}
    .nav-side-menu .toggle-btn {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 10 !important;
        background-color: #ffffff;
        color: #c70000;
        width: 38px;
        text-align: center;
        font-size: 24px;
        height: 30px;
        line-height: 30px;
    }
    .brand {text-align: left !important;font-size: 22px;padding-left: 20px;line-height: 50px !important;}
    .nav-side-menu .menu-list .menu-content.collapse.in {display: block;}
    .common-slider .tp-parallax-wrap{left: 370px !important;}
    .our-brand h2{font-size: 19px;line-height: 49px;}
    .our-brand hr{margin: 0 !important;}
}

@media only screen and (max-width: 767px) {
    .common-slider .tp-parallax-wrap {left: 178px !important;}
    .our-brand-logo .vc_column-inner figure a img {margin-bottom: 20px;width: 70%;}
    .our-brand h2{text-align: center;}
    .our-brand hr{margin: 10px auto !important;}
    #overlay h1{font-size: 3em;}
    .main-header-logo-sec .logo{text-align: center;}
    .main-header-logo-sec .logo .custom-header{margin: 0 auto;}
    .header-right-sec{text-align: center;line-height: initial;}
    .header-right-sec .phone-info, .header-right-sec .language-sec{width:100%;}
    .header-right-sec .phone-info{margin-right: 0;}
    .header-menu .menu-toggle{color: #0d3d80;font-weight: 600;font-size: 16px;padding: 0.5em;}
    .header-menu .menu-toggle:focus{outline: none;color:#c70000;}
    h2.ban-cap, h2.ban-cap span{font-size: 15px !important;}
    a.bnr-btn{font-size:10px !important;margin: 4px 0 !important;}
    .header-menu ul {padding: 10px 0 !important;}
    .header-menu ul li a{border-right:none;}
    .vc_row.our-brand{margin-left: -15px !important;}
    .vc_row.our-brand-logo .vc_col-sm-2{display: inline-block;}
    .our-market .vc_column-inner{padding:15px 0 !important;}
    .vc_row.our-company{background-image: none !important;background-color: #fff;}
    .our-company .our-company-content{padding:0 20px;}
    .our-market h2{font-size:38px;}
    .our-brand h2, .our-company-content h2, .our-client h2{font-size: 40px;}
    .vc_row.our-client {padding: 19px 0 20px !important;margin-bottom: 20px !important;}
    .vc_row.client-logo .rt-wpls .single-logo img{display: inline-block;}
    .footer-top-sec{padding-bottom: 20px;}
    .footer-top-sec .footer-grid{margin-bottom: 20px;}
    .bottom-footer{line-height: 40px;}
    .bottom-footer p, .bottom-footer ul{text-align: center;}
    .bottom-footer ul li a{padding:10px 16px;}
    a.scroll_top{bottom: 40px;}
    .header-menu ul li ul.sub-menu{opacity:1;visibility: visible;z-index: 1;transform: translateY(0em);}
    .product-listing .product-content-section h2{font-size: 40px; margin-top: 15px;}
    .product-listing .product-content-section .product-description{margin-bottom: 30px;}
    .nav-side-menu {position: relative;width: 100%;margin-top: 20px;}
    .nav-side-menu .toggle-btn {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 10 !important;
        background-color: #ffffff;
        color: #c70000;
        width: 38px;
        text-align: center;
        font-size: 24px;
        height: 30px;
        line-height: 30px;
    }
    .brand {text-align: left !important;font-size: 22px;padding-left: 20px;line-height: 50px !important;}
    .nav-side-menu .menu-list .menu-content {display: none;}
    .nav-side-menu .menu-list .menu-content.collapse.in {display: block;}
}


@media only screen and (min-width: 480px) and (max-width: 767px) {

}


@media only screen and (min-width: 412px) and (max-width: 732px) {
}

@media only screen and (min-width: 360px) and (max-width: 640px) {

}

@media only screen and (min-width: 320px) and (max-width: 479px) {

}
@media only screen and (max-width: 320px){

}