@media only screen and (min-width:1660px) and (max-width: 1920px) { 
.header-slide { padding-top: 5.2vw; height: 56.9vw;}
}
@media only screen and (max-width:1660px) {

}
@media only screen and (max-width:1440px) {
.header-slide .caption{ width:50%}
.header-content h1{ font-size:38px; letter-spacing:0}
.header-content p{ font-size:15px;}	
header .header-slide hr{ margin:20px 0 10px}
.pushtop-140, .pushtop-100, .pushtop-150{ margin-top:20px}
.our-core-values img, .expertise-widget-2 img, .expertise-wdiget-4 img{ width:100%}	
.what-we-do{ background-size:100%; padding:50px 0}
.expertise-wdiget-4 img{ margin-top:15%}
.header-slide { padding-top:7vw; }

}
@media only screen and (max-width:1366px) {
header .logo{ margin-right:40px}	
nav > .nav-desktop > ul > li:not(:last-child){ margin-right:60px;}
.header-slide .caption{ width:50%}
.header-content h1{ font-size:38px; letter-spacing:0}
.header-content p{ font-size:15px;}	
header .header-slide hr{ margin:20px 0 10px}
.our-core-values img, .expertise-widget-2 img, .expertise-wdiget-4 img{ width:100%}
.what-we-do{ background-size:100%; padding:50px 0}
.pushtop-140, .pushtop-100, .pushtop-150{ margin-top:20px}
.gauges-widget{ padding:40px;}
.contact-widget .watermark-2{ padding-top:0}
.testimonial:nth-child(3){ right: -40px;}
}
@media only screen and (max-width: 1280px) {
header .logo{ margin-right:40px}	
nav > .nav-desktop > ul > li:not(:last-child){ margin-right:60px;}
.header-slide .caption{ width:50%}
.header-content h1{ font-size:38px; letter-spacing:0}
.header-content p{ font-size:15px!important;}	
header .header-slide hr{ margin:20px 0 10px}
.our-core-values img, .expertise-widget-2 img, .expertise-wdiget-4 img{ width:100%}
.what-we-do{ background-size:100%; padding:50px 0}
.pushtop-140, .pushtop-100, .pushtop-150{ margin-top:20px}
.gauges-widget{ padding:40px;}
.contact-widget .watermark-2{ padding-top:0}
.testimonial:nth-child(3){ right: -40px;}

}
@media only screen and (min-width: 960px) and (max-width: 1200px) {

}

@media (min-width: 992px) and (max-width: 1200px) {
.expertise-widget-2 img{ position:static}
.our-core-values img, .expertise-widget-2 img{ width:100%}
.pretitle{ padding-top:0}
nav > .nav-desktop > ul > li:not(:last-child){ margin-right: 28px;}
header .logo{ margin-right:40px}
.page .header-content h2{ font-size:50px}
h3, h6{ font-size:46px;}
.pushtop-140, .pushtop-100, .pushtop-150{ margin-top:20px}
.our-core-values img, .expertise-widget-2 img, .expertise-wdiget-4 img{ width:100%}
.header-slide .caption{ width:53%}
header .header-slide hr{ margin:20px 0 10px}
.header-content h1{ font-size:38px; letter-spacing:0}
.header-content p{ font-size:15px!important;}
.what-we-do{ background-size:100%}
.what-we-do section{ padding:45px 25px;}
.what-we-do-box{ min-height:500px}
.service-widget-2 h6, .what-we-do-box h6, .expertise-widget-3 h6, .service-widget-3 h6, .why-choose-us h6, .why-choose-us h3, .our-eng-model h6, .our-eng-model h3, .blog-widget h6, .our-products h6{ font-size:25px;}
.testimonial{ overflow:hidden}
.testimonial:nth-child(2n){ margin-left:0}
.testimonials-widget-1{ padding-bottom:110px;}
.expertise-widget-1 img{ width:100%; left:0; top:20%;}
.expertise-element h6{ font-size: 22px;}
.pushtop-200{ margin-top:100px}
.expertise-wdiget-4 img{ margin-top:25%}

}
@media (min-width: 768px) and (max-width: 991px) {
/**Add here**/
.header-content h1{ font-size:28px; letter-spacing:0}
.header-content p{ font-size:15px; line-height:20px;}
.navbar-collapse > ul{ box-shadow:-1px 11px 21px 5px rgba(0,0,0,0.15)}
.navbar-toggler{ background:#183f75}
.navbar-toggler.clicked{ background-color:rgba(12,46,93,0.95)}
h3, h6{ font-size:46px;}
.page .header-content h2{ font-size:50px}
.gauges-widget h3 + p{ width:100%}
.gauges-widget{ padding-bottom:0; padding-top:20px}
.our-core-values img, .expertise-widget-2 img, .expertise-wdiget-4 img{ width:100%}
.expertise-widget-2 img{ position:static}
.pushtop-140, .pushtop-100, .pushtop-150{ margin-top:20px}
.what-we-do{ background-size:110%}
.service-widget-2 h6, .what-we-do-box h6, .expertise-widget-3 h6, .service-widget-3 h6, .why-choose-us h6, .why-choose-us h3, .our-eng-model h6, .our-eng-model h3, .blog-widget h6, .our-products h6{ font-size:25px;}
.what-we-do-box, .what-we-do-box p{ min-height:auto}
.testimonial{ width:100%; overflow:hidden}
.testimonial:nth-child(2n){ margin-left:0}
.testimonials-widget-1{ padding-top: 50px; padding-bottom:50px;}
.watermark-1, .watermark-2{ font-size: 100px;}
.navbar-toggler{  float:right; margin-right:35px!important}
.navbar-collapse > ul{ width:90%;}
.service-widget-1 h6{ font-size:22px;}
.wireframing:before{ font-size: 21px;}
.expertise-widget-1 img{ left:0;}
#page-loader i{ top: 45%; left: 45%;}
.nav-mobile { top: 76px; right: 0;}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
/**Add here**/
.navbar-collapse > ul{ box-shadow:0px 40px 40px 5px rgb(0 0 0 / 15%)}
.header-slide{ height:91vh; padding-top:24vw}
.header-slide .caption{ width:100%}
.header-content h1{ font-size:16px; letter-spacing:0}
.header-content p{ font-size:13px!important;}
.header-slide .header-button{ line-height:28px;}
header .logo{ margin:20px 0 20px 30px}
.navbar-toggler{ background:#183f75; float:right; margin-right:35px!important}
.navbar-toggler.clicked{ background-color:rgba(12,46,93,0.95)}
.navbar-dark .navbar-toggler{ margin-bottom:20px;}
h3, h6{ font-size:26px;}
.expertise-wdiget-4 img{ width:100%}
.portfolio-widget-3 .portfolio-item-info h6{ margin-top:10%}
.what-we-do{ padding:20px 0; background-size:auto auto}
.pushtop-140, .pushtop-100, .pushtop-150{ margin-top:20px}
.pretitle{ padding-top:20px;}
.what-we-do section{ padding:20px; }
header{ margin-bottom:40px}
.page .header-content h2{ font-size:40px}
.gauges-widget h3 + p{ width:100%}
.gauges-widget, .contact-widget{ padding:20px 0}
.our-core-values img, .expertise-widget-2 img{ width:100%}
.our-eng-widget-3 .our-eng-img, .our-eng-widget-3 .our-eng-img2, .expertise-widget-2 img{ position:static}
.our-eng-widget-3 .our-engmargin-left{ margin-left:0}
#page-loader i{ top: 40%; left: 40%;}
.navbar-collapse > ul{ width:90%}
.mobile-apps-logo{ margin-bottom:20px}
.header-slide.slide-1, .header-slide.slide-2{ background-position-x:-260px}
.header-content h1, .page .header-content p{ background:rgba(255, 255, 255, 0.68); padding:10px}
nav .navbar-collapse{ float:left; width:100%}
.testimonial{ width:100%; overflow:hidden}
.testimonial:nth-child(2n){ margin-left:0}
.testimonials-widget-1{ padding-top: 50px; padding-bottom:50px;}
.button-link-1{ margin-bottom:32px;}
.g-recaptcha { transform: scale(.7); -webkit-transform: scale(.7); transform-origin: 0 0;-webkit-transform-origin: 0 0}
.expertise-widget-1 img{ width:100%; left:0}
footer .copyright-text{ line-height:inherit}
.wireframing:before{ font-size: 21px;}
.mobile-banner{ display:block;  }
.desktop-banner{ display:none; }
.header-slide.slide-2{ background:none }
.what-we-do-box p, .what-we-do-box{ min-height:auto }
}

@media only screen and (min-width: 240px) and (max-width: 320px) {
/**Add here**/
.header-slide{ height:100vw; padding-top:36vw}
.header-slide .caption{ width:100%}
.header-content h1{ font-size:16px; letter-spacing:0}
.header-content p{ font-size:13px!important;}
.header-slide .header-button{ line-height:28px;}
header .logo{ margin:20px 0 0 20px}
.navbar-toggler{ background:#183f75}
.navbar-toggler.clicked{ background-color:rgba(12,46,93,0.95)}
.navbar-dark .navbar-toggler{ margin-bottom:20px;}
h3, h6{ font-size:22px;}
.expertise-wdiget-4 img{ width:100%}
.portfolio-widget-3 .portfolio-item-info h6{ margin-top:10%}
.what-we-do{ padding:20px 0}
.pushtop-140, .pushtop-100, .pushtop-150{ margin-top:20px}
.pretitle{ padding-top:20px;}
.what-we-do section{ padding:20px}
header{ margin-bottom:40px}
.page .header-content h2{ font-size:40px}
.gauges-widget h3 + p{ width:100%}
.gauges-widget, .contact-widget{ padding:20px 0}
.our-core-values img, .expertise-widget-2 img{ width:100%}
.our-eng-widget-3 .our-eng-img, .our-eng-widget-3 .our-eng-img2, .expertise-widget-2 img{ position:static}
.our-eng-widget-3 .our-engmargin-left{ margin-left:0}
.mobile-banner{ display:block;  }
.desktop-banner{ display:none; }
}