/* -----------------------------------------------------
	Responsive Styles
----------------------------------------------------- */
@media screen and (min-width:992px){


.vc_section.service-block .vc_col-sm-8 {
    width: 65.66666667% !important;
    margin-left: .5% !important;
    margin-right: .5% !important;
}
.vc_section.service-block .vc_col-sm-4 {
    width: 32.333333% !important;
    margin-left: .5% !important;
    margin-right: .5% !important;
}
.mobile-toggle { display: none; }

}
@media screen and (max-width:1999px){
    .grid-block .grid-item,
    .client-block .grid-item {padding-left: 50px;}
}
@media screen and (max-width:1699px){
    header .navbar-nav li {margin: 0 20px;}
    header .navbar-nav li a {font-size: 16px;}
}

@media screen and (max-width:1399px){
    header figure {max-width: 170px;}
    header .navbar-nav li {margin: 0 12px;}
    .all-service .allservice-block {height: 350px;}
    h2 {    font-size: 35px;
    line-height: 40px; }
    .gray-sec {    display: flex; }
.sec-2 > .vc_row { display: flex; align-items: center; }

}

@media screen and (max-width:1499px){

header .header-bottom #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { padding-left: 30px; padding-right: 30px; }

}

@media screen and (max-width:1399px){

header .header-bottom #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { padding-left: 20px; padding-right: 20px; }


}

@media screen and (max-width:1299px){

header .header-bottom #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { padding-left: 15px; padding-right: 15px; }


}


@media screen and (max-width:1199px){

h1 {font-size: 50px; line-height: 58px;}
h2 { font-size: 34px; line-height: 44px;}
.btn {font-size: 16px; padding: 20px 16px; }
header nav {padding: 0 10px;}
header .navbar-nav li {margin: 0 7px;}
header .navbar-nav li a {text-transform: none;}
header .header-bottom #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { padding-left: 12px; padding-right: 12px; font-size: 19px; }
.banner h2 {font-size: 56px; line-height: 68px;}
.banner p {font-size: 100px; line-height: 135px;}
.grid-block .grid-item, .client-block .grid-item {padding-left: 20px;} 
.service-block .btn, .all-service .btn {padding: 14px 35px; font-size: 18px; }
.serving-block ul li a {font-size: 28px;}
footer .footer-block {grid-template-columns: 1fr 2fr 1fr 1fr;}
footer .footer-block .each-item.info {grid-column: span 5;}
footer .footer-block .each-item.info figure {text-align: center;}
footer .footer-block .each-item.info p {margin: 0 auto 13px;}
footer.footer h2 { font-size: 50px; }
footer .footer-bottom { flex-wrap:wrap; row-gap: 5px; }
.vc_column-inner.vc_custom_1739879412425 {    padding: 30px 20px 30px 35px !important; }
.allservice-block > .vc_column-inner { padding-left: 35px !important;  }
.banner .banner-content { max-width: 530px; }
.banner h2 {    font-size: 46px;    line-height: 58px; }
.banner p { font-size: 80px;   line-height: 135px; }
.inner-banner h1 { font-size: 48px; }
.page-id-129 .sec-2 .pad-60 { padding: 20px; }
.inner-banner .vc_row{ height: 400px; }
.btn { padding: 16px 16px; }



}


@media screen and (max-width:991px){
    h1 {font-size: 46px; line-height: 54px;}
    h3 { font-size: 26px; line-height: 32px;}
    .btn {font-size: 16px; padding: 14px 16px; text-transform: none;}
    header .header-block .btn {margin-right: 15px;}
    header nav#nav .navbar-nav {padding: 100px 0 20px; flex-direction:column; text-align:center; }
    header nav#nav .navbar-nav li {float: none; margin:0 0 15px 0; }
    header nav#nav .navbar-nav a {color: #fff; font-size:18px; border-bottom:1px solid transparent; }
    header nav#nav .navbar-nav li.active a, header nav#nav .navbar-nav a:hover {color: #fff; border-color: #31aba7;}
    header nav#nav.is-active{opacity:1;visibility:visible; transition:all .4s ease;}
    header .top-wrap h3 { text-align: left; left: 15px; }
    /*header nav#nav{position:fixed;top:0;right:0;margin-top:0;z-index:990;opacity:0; visibility:hidden; height: 100%; width:100%; background-color:#017ac3;transition:all .4s ease;}*/
    header .top-wrap h3 { text-align: left; left: 15px; }
    header .header-bottom .social-icons { margin-top: 0; }
    .mobile-toggle{ position:relative; outline: none; right:0; z-index:999;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.25s;transition-timing-function:linear;background-color:transparent;border:0; overflow:visible; padding:0; width:34px; height:28px;}
    .mobile-toggle-box{width:28px;height:28px;display:inline-block;position:relative;top: 9px; }
    .mobile-toggle-inner{display:block;top:50%;margin-top:-2px}
    .mobile-toggle-inner,
    .mobile-toggle-inner::before,
    .mobile-toggle-inner::after{width:28px;height:3px;background-color:#017ac3;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease;}
    .is-active .mobile-toggle-inner,
    .is-active .mobile-toggle-inner::before,
    .is-active .mobile-toggle-inner::after{background-color:#fff; }
    .mobile-toggle-inner::before,.mobile-toggle-inner::after{content:"";display:block}
    .mobile-toggle-inner::before{top:-10px}
    .mobile-toggle-inner::after{bottom:-10px}
    .mobile-toggle--squeeze .mobile-toggle-inner{ -webkit-transition-duration:.075s;-ms-transition-duration:.075s;transition-duration:.075s;-webkit-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-ms-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
    .mobile-toggle--squeeze .mobile-toggle-inner::before{-webkit-transition:top .075s .12s ease,opacity .075s ease;-ms-transition:top .075s .12s ease,opacity .075s ease;transition:top .075s .12s ease,opacity .075s ease}
    .mobile-toggle--squeeze .mobile-toggle-inner::after{-webkit-transition:bottom .075s .12s ease,transform .075s cubic-bezier(0.55,0.055,0.675,0.19);-ms-transition:bottom .075s .12s ease,transform .075s cubic-bezier(0.55,0.055,0.675,0.19);transition:bottom .075s .12s ease,transform .075s cubic-bezier(0.55,0.055,0.675,0.19)}
    .mobile-toggle--squeeze.is-active .mobile-toggle-inner{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:.12s;-ms-transition-delay:.12s;transition-delay:.12s;-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);-ms-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
    .mobile-toggle--squeeze.is-active .mobile-toggle-inner::before{top:0;opacity:0;transition:top .075s ease,opacity .075s .12s ease}
    .mobile-toggle--squeeze.is-active .mobile-toggle-inner::after{bottom:0;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:bottom .075s ease,transform .075s .12s cubic-bezier(0.215,0.61,0.355,1);-ms-transition:bottom .075s ease,transform .075s .12s cubic-bezier(0.215,0.61,0.355,1);transition:bottom .075s ease,transform .075s .12s cubic-bezier(0.215,0.61,0.355,1)}

    .banner h2 {font-size: 52px; line-height: 64px;}
    .service-block .service-left, .service-block .service-right {flex: 0 0 calc(50% - 7px);}
    .all-service .allservice-main {grid-template-columns:1fr 1fr;}
    .serving-block ul li a { font-size: 26px;}
    .custom-block .custom-left,
    .custom-block .custom-right {flex: 0 0 50%; }
    .client-block {flex-wrap: wrap;}
    .client-block .custom-left,
    .client-block .custom-right {flex: 0 0 100%; }
    .client-block .custom-right .content {margin: 0 auto !important;}
    .client-block .custom-left ul {row-gap: 30px;}
    footer .footer-block {grid-template-columns: 1fr 1fr;}
    footer .footer-block .each-item.info {grid-column: auto;}
    footer .footer-block .each-item.info figure {text-align: left;}
    footer .footer-block .each-item.info p {margin: 0 0 13px;}
    
    .banner .banner-content { max-width: 490px; }
    .banner h2 {    font-size: 44px;    line-height: 54px; }
    .vc_section.service-block #col_2 .vc_col-sm-4, .vc_section.service-block #col_2 .vc_col-sm-8{ width: 100% !important; }
    .vc_column-inner.vc_custom_1739879412425,
    .client-block .vc_column-inner.vc_custom_1739876440657,
    .allservice-block > .vc_column-inner.vc_custom_1739883800402{ min-height: auto !important; }
    .vc_column-inner.vc_custom_1739879436730 { min-height: 500px; }
    #col_3 .allservice-block > .vc_column-inner { min-height: 330px; }
    .service-block h2{ font-size: 30px;         line-height: 32px; }
    .gray-sec { display: block !important; }
    
.vc_section.service-block #col_3 .vc_col-sm-4 {
    width: 32.333333% !important;
    margin-left: .5% !important;
    margin-right: .5% !important;
}

.vc_column-inner.vc_custom_1739873238929{ padding-left: 60px !important; }
footer .copy-block { margin-top: 25px; }
.page-id-129 .sec-1 > .vc_row,
.page-id-129 .sec-2 > .vc_row{ flex-direction: column; }
.page-id-129 .sec-1 > .vc_row > .vc_col-sm-6,
.page-id-129 .sec-2 > .vc_row > .vc_col-sm-6 { width: 100%;  }
.blue-sec h4 { font-size: 22px; }
.inner-banner h1 { font-size: 36px;  line-height: 44px; }
.page-id-129 .sec-1 > .vc_row > .vc_col-sm-6 .vc_col-sm-6 { width: 49%;        display: inline-block; }
.blue-sec .wpb_column.vc_column_container.vc_col-sm-3 {  width: 49%;
    display: inline-block; }
.blue-sec .wpb_column.vc_column_container.vc_col-sm-3:nth-child(2):after{ content: none; }


.mobile-toggle-inner, .mobile-toggle-inner::before, .mobile-toggle-inner::after { 
    background-color: #fff; 
}
header .navbar-nav li a, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{ color: #fff; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{ display: block; }
#mega-menu-wrap-primary #mega-menu-primary {    padding: 60px 0px 0px 0px; }


header .mega-menu-wrap { position:inherit !important; }
header .mega-menu-wrap .mega-menu-toggle { position: absolute !important; top: 5px; right: 6px; z-index: 9 !important; }
header .header-block .top-wrap { padding-right: 35px; }
header .header-bottom nav { min-width: auto; }
header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, 
header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after { background-color:#fff !important; }
header #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary { padding-top:30px; }



}


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

h2 { font-size: 32px; line-height: 42px;}
h3 { font-size: 24px; line-height: 30px;}
.serving-block ul li a { font-size: 24px;}
.custom-block {display: block;}
.custom-block .custom-right .content {margin: 20px auto 0;}
footer .footer-block .each-item.products {grid-column: span 2;}
footer .copy-block {display: block; padding-bottom: 35px;}
footer .copy-block .social-icons {margin:20px auto; }
header .top-wrap h3 { font-size: 25px; }
header .top-wrap .btn img { max-width: 220px; }
header .header-bottom .social-icons { max-width: 200px; }
footer.footer h3 { font-size: 25px; line-height:33px; }
footer.footer ul li { font-size: 18px; }
footer.footer h2 { font-size: 40px; line-height: 45px; }
footer.footer p { font-size: 18px; margin-top: 20px; }
footer.footer ul li { font-size: 16px; line-height: 22px; }
footer.footer { padding-top: 40px; }
.vc_section.service-block #col_3 .vc_col-sm-4 {
width: 100% !important;
margin-left: 15px !important;
margin-right: 15px !important;
margin-bottom: 15px !important; }
.vc_column-inner.vc_custom_1739879436730 {  min-height: 300px; }
.banner .banner-content {   max-width: 430px; }    
.banner h2 {  font-size: 34px;   line-height: 54px; }    
.banner p { font-size: 60px;    line-height: 76px; }    
.banner {  min-height: auto; } 
.banner .banner-content .vc_column-inner { padding-left: 35px; }
.vc_column-inner.vc_custom_1739879412425 {    padding: 30px 20px 30px 50px !important; }
.allservice-block .vc_column-inner.vc_custom_1739882261942,
.allservice-block .vc_column-inner.vc_custom_1739883800402 { padding-left: 50px !important; } 
.inner-banner .vc_row {    flex-direction: column; text-align: center; } 
.inner-banner .vc_row img { max-width: 430px; margin-top: 50px; width: 100%; } 
.inner-banner .wpb_single_image.vc_align_left {   text-align: center; }
.inner-banner h1 {   max-width: 400px;   margin: 0 auto 15px; } 
.border-left .vc_single_image-wrapper, .border-right .vc_single_image-wrapper {     padding: 15px; } 
 
 
}



@media screen and (max-width:599px){

h1 {font-size: 42px; line-height: 50px;}
h2 { font-size: 28px; line-height: 38px;}
h3 { font-size: 20px; line-height: 26px;}
.banner h2 {font-size: 48px; line-height: 60px;}
.service-block {flex-wrap: wrap;}
.service-block .service-left, .service-block .service-right {flex: 0 0 100%;}
.service-block .service-right {min-height: 300px;}
.all-service .allservice-main {grid-template-columns:1fr;}

header .top-wrap h3 { font-size: 22px; }
header .top-wrap .btn img { max-width: 210px; }
header .mega-menu-wrap .mega-menu-toggle { top: 2px; }


}

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

h2 { font-size: 26px; line-height: 36px;}
h5 {font-size: 18px; }
header .header-block .btn { padding: 10px 5px; margin:0 8px;}
header figure {max-width: 150px;}
.service-block .btn, .all-service .btn {padding: 10px 20px; font-size: 16px; }
.serving-block ul li a { font-size: 20px;}
.client-block .custom-left {padding:30px 10px;}
.client-block .custom-left ul {row-gap: 20px;}
footer .footer-block { display: block; }
footer.footer aside { flex: 0 0 100%; max-width: 320px; width: 100%; margin: 0 auto; }
footer.footer h2 { font-size: 30px; line-height: 35px; margin-top: 15px; margin-bottom: 15px; }
.banner h1 { font-size: 31px;    line-height: 35px; }
.banner h2 { font-size: 30px; line-height: 44px; }
.service-block h2 {  font-size: 28px;  line-height: 32px; }
.vc_column-inner.vc_custom_1739882261942{ min-height: 320px; }
.banner .banner-content .vc_column-inner { padding-left: 20px; }
.vc_column-inner.vc_custom_1739879412425 {    padding: 30px 20px 30px 35px !important; }
.allservice-block .vc_column-inner.vc_custom_1739882261942,
.allservice-block .vc_column-inner.vc_custom_1739883800402 { padding-left: 35px !important; } 
.vc_column-inner.vc_custom_1739879436730 { padding: 35px !important; }
#col_3 .allservice-block > .vc_column-inner { padding-left: 20px !important; } 
.vc_column-inner.vc_custom_1739873238929 { padding-left: 50px !important; }
.client-block .vc_column-inner.vc_custom_1739876440657 {    padding: 50px 20px 15px 50px; }
.inner-banner h1 { font-size: 28px; line-height: 34px; }    
.page-id-129 .sec-1 > .vc_row > .vc_col-sm-6 .vc_col-sm-6 { width: 100%; display: inline-block; text-align: center; } 
.page-id-129 .sec-1 > .vc_row > .vc_col-sm-6 .vc_col-sm-6  .wpb_single_image.vc_align_left { text-align: center; }
.page-id-129 .sec-2 .pad-60 { padding: 0px; } 
.blue-sec .wpb_column.vc_column_container.vc_col-sm-3 {  width: 100%; } 
.blue-sec .vc_col-sm-3:after{ content: none !important; }

header .top-wrap h3 { display: none; }
header .mega-menu-wrap .mega-menu-toggle { top: 12px; }


}




@media screen and (max-width:375px){
    header .header-block .btn {font-size: 14px; }
}