@media only screen and (max-width: 1500px) {
	/*.second-section figure { height: 306px; text-align: center}
	.second-section figure { padding-right: 0}
	.second-section li .intro-col { padding-left: 60px}*/
}
@media only screen and (max-width: 1400px) {
section, .footer {}	
.first-section li {padding: 0 15px}
.newsletter-section .row { width: 100%; padding: 80px 20px}
.header.header-fixed .nav { margin-top: 0}
}

@media only screen and (max-width: 1200px) {
section {padding:80px 0;}	
.first-section li {padding: 0 15px}
.container { padding: 0 40px}
.newsletter-section figure, .newsletter-section figure img { width: 110px; height:110px; margin-right: 0px}
.newsletter-section .col { padding-left: 60px}
h3, .banner-content strong { font-size:28px}
.banner-content .col { max-width: 500px; padding: 45px 45px}
.header .container { padding: 0 30px}
.header, .header.header-fixed { padding: 25px 0 15px}
	banner-section { height: 400px; }
.first-section ul figure, .first-section ul figure img { height: 235px}
.first-section .row { margin-top: 40px}
.nav li:last-child { margin-right: 0px}
.banner-section img, .second-section img{ height: 400px }
.first-section figure img { height: 400px }
.first-section .container, .second-section .ss-content { padding: 0 75px }
.ciimg-section { padding-top: 40px}
}
@media only screen and (max-width:1038px) {
	.nav-middle { padding-left: 36px}
}

@media only screen and (max-width: 1023px) {
section {padding:60px 0}
.container { padding: 0 60px}
.header { padding:10px 0 10px; height: 76px; z-index:2; position: fixed; left:0;top:0;}
.banner-section { margin-top: 0; height:auto }
.banner-section img, .second-section img{ height: 300px }
.main { padding-top:76px;}   
.banner-section h3, h2 { font-size: 20px }
.first-section aside { padding-left:40px }
.first-section .container { max-width: 100%; }
.second-section { padding:0 }
.second-section .ss-content { width:100%; left:0; }
.second-section .heading-column { max-width: 600px; padding-left: 0; padding-right: 0 }
.heading-column p { margin-bottom: 15px }
h2 { margin-bottom: 15px }
.btn {padding: 8px 20px}
.form .form-group input[type="text"] { height:45px}
.form .form-group textarea { height:100px}
.footer .footer-col h5 { font-size: 17px }
.footer .footer-col:first-child, .footer .footer-col:last-child {width: 30%}
.footer .footer-col { width: 40% }
.inquiry-section .form { max-width: 500px }
.logo img { width: 150px }
.close, .navMenu { display: block}
.nav-overlay {width: 100%;height: 100%;position: fixed;top:76px; left: 0;background: rgba(0, 0, 0, 0.7);z-index:1;display: none;}
.icon-bar {width: 30px;height: 2px;background-color:#fff;display: block;transition: all .2s;margin-top: 7px;position: relative;border: 0 solid #121834}
.navMenu.active .middle-bar {opacity: 1;left: 0}
.navMenu.active .bottom-bar {transform: rotate(0)}
.navMenu {border: none;background: 0 0!important;outline: none;position: absolute;right:15px; top:0;
	}
.navMenu.active .icon-bar { background: #fff }
.hr-top { border-bottom:0; float: left; margin-top: 18px}
.navMenu { top:22px; right: 25px;}
.navMenu.active .top-bar {transform: rotate(42deg);transform-origin: 3px 0}
.navMenu.active .navMenu .middle-bar {left: 0}
.navMenu.active .middle-bar {opacity: 0;left: 100%}
.navMenu.active .bottom-bar {transform: rotate(-42deg);transform-origin: 0 0}
.navMenu .top-bar {transform: rotate(0)}
.navMenu, .close {color: #3a4267;border: none;margin-top: 0;z-index: 9999999;; float: right;background:none}
.header .container { padding:0 15px}
.close { position: absolute; right: 0; top:0; background: #008aff; width: 40px; height: 40px; color: #121834;padding: 0 5px 4px 8px; display: block}
.close .icon-bar {  background: #fff}
.close .top-bar {transform: rotate(42deg);transform-origin: 3px 0}
.close .navMenu .middle-bar {left: 0}
.close .middle-bar {opacity: 0;left: 100%}
.close .bottom-bar {transform: rotate(-42deg);transform-origin: 0 0}
.nav-middle { margin-top:0; position: relative; height:auto;-moz-border-radius: 0;-o-border-radius: 0;-ms-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
.navMenu.active { top:15px; right:15px; }
.nav { z-index:2;position: fixed; right:-280px;top:76px; max-width: 270px; width: 100%;
	height: 100%; background: #00355d; margin-top: 0; z-index: 999999; padding-top: 10px;
	left:0%; top:0%; max-width: 100%;
-moz-display: flex;-o-display: flex;-ms-display: flex;
-webkit-display: flex;display: flex;-moz-flex-flow:column wrap; 
-o-flex-flow:column wrap; -ms-flex-flow:column wrap; -webkit-flex-flow:column wrap;
 flex-flow:column wrap; -moz-align-items: flex-start;-o-align-items: flex-start;
 -ms-align-items: flex-start;-webkit-align-items: flex-start;align-items: flex-start;
 transform: scale(0);
 border-radius: 0%
}

.nav.active { left: 0; top:0; height:100%-moz-transform: translate(0 0);
	-o-transform: translate(0 0);-ms-transform: translate(0 0);
	-webkit-transform: translate(0 0);
	transform: translate(0 0);
	transform: scale(1);
	 border-radius: 0
} 

.nav ul > li,  .nav .social-icon {-moz-transform: translateX(200%);-o-transform: translateX(200%);-ms-transform: translateX(200%);-webkit-transform: translateX(200%); transform: translateX(200%);-moz-transition: transform 550ms cubic-bezier(0.45, 1, 0.32, 1);-o-transition: transform 550ms cubic-bezier(0.45, 1, 0.32, 1); -ms-transition: transform 550ms cubic-bezier(0.45, 1, 0.32, 1);-webkit-transition: transform 550ms cubic-bezier(0.45, 1, 0.32, 1);transition: transform 550ms cubic-bezier(0.45, 1, 0.32, 1)}
.nav.active ul > li, .nav.active .social-icon {-moz-transform: translateX(0%);-o-transform: translateX(0%);-ms-transform: translateX(0%);-webkit-transform: translateX(0%);transform: translateX(0%)}
.nav.active ul > li:nth-child(1) {-moz-transition-delay: 0.05s;-o-transition-delay: 0.05s;-ms-transition-delay: 0.05s;-webkit-transition-delay: 0.05s;transition-delay: 0.05s}
.nav.active ul > li:nth-child(2){-moz-transition-delay: 0.1s;-o-transition-delay: 0.1s;-ms-transition-delay: 0.1s;-webkit-transition-delay: 0.1s; transition-delay: 0.1s}
.nav.active ul > li:nth-child(3){-moz-transition-delay: 0.15s;-o-transition-delay: 0.15s;-ms-transition-delay: 0.15s;-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}
.nav.active ul > li:nth-child(4){-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;-ms-transition-delay: 0.2s;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.nav.active ul > li:nth-child(5){-moz-transition-delay: 0.25s;-o-transition-delay: 0.25s;-ms-transition-delay: 0.25s;-webkit-transition-delay: 0.25s;transition-delay: 0.25s;}
.nav.active ul > li:nth-child(6){-moz-transition-delay: 0.3s;-o-transition-delay: 0.3s;-ms-transition-delay: 0.3s;-webkit-transition-delay: 0.3s;transition-delay: 0.3s; }
.nav.active ul > li:nth-child(7), .nav.active .social-icon{-moz-transition-delay: 0.35s;-o-transition-delay: 0.35s;-ms-transition-delay: 0.35s;-webkit-transition-delay: 0.35s;transition-delay: 0.35s;}
.nav.active ul > li:nth-child(8){-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.nav.active ul > li:nth-child(9){-moz-transition-delay: 0.45s;-o-transition-delay: 0.45s;-ms-transition-delay: 0.45s;-webkit-transition-delay: 0.45s;transition-delay: 0.45s;}
.nav.active ul > li:nth-child(10){-moz-transition-delay: 0.50s;-o-transition-delay: 0.50s;-ms-transition-delay: 0.50s;-webkit-transition-delay: 0.50s;transition-delay: 0.50s;}
.nav.active ul > li:nth-child(11){-moz-transition-delay: 0.55s;-o-transition-delay: 0.55s;-ms-transition-delay: 0.55s;-webkit-transition-delay: 0.55s;transition-delay: 0.55s;}
.nav li.logo { display: none}
.nav ul { height:480px; margin-top: 35px; overflow-y:scroll;text-align:left; margin-left: 0;width: 100%;display: -webkit-flex;display: flex;-webkit-flex-flow:column;flex-flow: column;}
.nav a.main-btn { position: relative; right:auto; left:auto; margin: 0 auto;}	
.nav li { display:block; margin: 0 0; padding:12px 10px 12px 10px; height: auto; text-align: center;}
.nav a { font-size: 14px; color:#fff; font-weight: 400; position: relative; margin: 0 0 0}
/*.nav a:after{content: '\f105';position: absolute; right:12px; top:2px;color: #000;display: inline-block;font: normal normal normal 14px/1 FontAwesome;
font-size: inherit; font-size: 24px; text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale }*/
.nav ul ul { border-top:0; height:auto !important; margin: 0; text-align: left; width: 100%; background: #fff; position:static; top:0;opacity: 1; display: none; visibility: visible;  transition: all 0.2s ease-out; -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0);-webkit-transform: translateY(0); transform: translateY(0); margin: 10px 10px 0}
.nav ul ul a:after { display: none}
.nav ul ul li { border-bottom:0; padding:6px 0}
.nav li:hover ul{  top:0; -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0);-webkit-transform: translateY(0); transform: translateY(0)}
.nav li i{ position:absolute;font-size: 24px;color: #000; right:0; top:0; width:34px; height:40px;line-height:38px; display:inline-block; text-align:center}
.nav li:hover ul li a {color:#444 !important}
.nav li:hover ul li a:hover { color:#ff0000}
.contactus-section li{ width: 50% !important }
.contactus-section h2 { margin-bottom: 40px }
.contactus-section.pb-0 {padding-bottom: 0 !important}
.ciimg-section { text-align: center }
.ciimg-section figure { width: 49%; margin-bottom: 30px; float: none; display: inline-block; }
.first-section.img-section p { padding:0 0}
.first-section.img-section figure { margin-bottom:30px}
.first-section.img-section .table-data:first-child { margin:10px 0 30px}
.first-section.img-section .table-data:last-child {margin-bottom: 10px}
.form .wpcf7-submit { margin-left:0}
.inquiry-section .form { max-width: 100%}
.wpcf7-form p + p { margin-bottom:0}
.ciimg-section {padding-top: 0px}
.ciimg-section figure:last-child { margin-bottom:0}
.ciimg-section.fourcolumn figure { width:49%}
	.form .wpcf7-submit{margin-left:15px}	
	
}
@media only screen and (min-width: 768px) {
.fa.button_cl{ display: none !important}	
}

@media only screen and (max-width: 767px) {
	body { font-size: 14px }
	.container { padding: 0 30px}
	section{ padding: 30px 0!important}
	.navMenu { right: 15px}
	.footer .footer-col { width: 100%;margin:0 0 10px}
	.footer .footer-col .col{ width: 100%; margin: 0 auto}
	.footer .footer-col:first-child .col { text-align:left}
	.footer .footer-col h5 { display:none}
	.footer .footer-col h5.footer-heading { display: block}
	.footer .footer-col h5:after { width: 100%; height: 1px}
	.footer-lbl:after, .footer-lbl:before { }
/*	.footer-collapse { display:none}*/
	.footer-lbl { position: absolute; right:3px; top:8px;}
	.footer-lbl:before{ content: ''; position: absolute; left:-4px; top:4px; width:10px; height: 2px;background: #fff }
	.footer-lbl:after{ content: ''; position: absolute; left:0; top:0; width:2px; height: 10px; background: #fff}
	.footer .footer-col h5.footer-heading.active .footer-lbl:after {  display: none }
	.footer .footer-col h5 { font-size: 16px; padding-bottom: 15px;}
	.footer .footer-col { padding: 0!important}
	.footer { padding:30px 0 0 !important}
	.category-row li { width:100%}
	.nav.mobile .menu-toggle { right: 15px}
	.btn, .footer-form input[type="submit"] { padding: 9px 20px; font-size: 15px}
	.two-column-sec strong { margin-bottom:15px}
	.footer .social-icon a {margin: 0 10px 0 0}
	.footer .social-icon { text-align: left; margin:13px 0 0}
	.footer .social-icon a i { font-size: 24px}
	.footer .footer-col.two-column .col { width:100%}
	.footer-bottom { margin:20px 0 0}
	section.two-column-sec { padding-bottom: 0}
	.footer .footer-col.two-column{ margin-bottom: 30px}
	 .footer .footer-col p { margin-bottom:5px}
	.footer .fl li { margin-bottom: 5px}
    .footer .footer-col h5.footer-heading { display: block}
	.footer .footer-col h5:after { width: 100%; height: 1px}
	.footer-lbl:after, .footer-lbl:before { }
	.footer-collapse { display:none}
	.footer-lbl { position: absolute; right:3px; top:8px}
	.footer-lbl:before{ content: ''; position: absolute; left:-4px; top:4px; width:10px; height: 2px;background: #fff }
	.footer-lbl:after{ content: ''; position: absolute; left:0; top:0; width:2px; height: 10px; background: #fff}
	.footer .footer-col h5.footer-heading.active .footer-lbl:after {  display: none }
	.footer .footer-col h5:before {content: '';position: absolute; background: #03192a;left: 0;bottom: 0;z-index: 5;width: 45px;height: 2px; z-index:0}
	.footer .footer-col h5:after { content: '';position: absolute;background: rgba(255,255,255, 0.1);left: 0;bottom: 0;width: 100%;height: 2px;}
	.f-logo { margin-bottom: 30px}
	.footer-top-heading .col:last-child a, .footer-top-heading .col:last-child p { font-size: 13px}
	h3, .banner-content strong { font-size: 20px;}
	.banner-section .banner-content { left:0; bottom:0; padding:20px; }
	.banner-section img { height: auto }
	.second-section img {height:350px}
	.banner-section h3, .subbanner-section h3, h2 {  font-size: 18px}
	.first-section figure, .first-section aside { width: 100% }
	.first-section .align-middle { -moz-flex-direction: column;-o-flex-direction: column;-ms-flex-direction: column;
	-webkit-flex-direction: column;flex-direction: column; }
	.first-section aside { padding:20px 0 0; }
	.first-section, .second-section { padding-bottom: 0 !important}
	.first-section figure img { height: auto }
	.form .form-group { width: 100%; padding: 0 }
	.footer .footer-col:nth-child(2) .col { max-width: 100% }
	.footer .footer-col:first-child, .footer .footer-col:last-child { width:100%}
	.banner-section .banner-content { max-width:400px;width: 100%; margin:0;}
	.form .form-group input[type="text"], .form .form-group textarea, 
	.form .form-group input[type="submit"] { font-size: 14px }
	.table-row {margin-top: 15px}
	.first-section.left .align-middle {margin-top: 30px; flex-direction: column-reverse; }
	.subbanner-section img {height: 200px}
	.first-section.left aside { padding-right: 0 }
	.first-section .container, .second-section .ss-content {padding: 0 30px}
	.second-section .heading-column { padding:0 }
	.gmap iframe { height: 250px }
	.form .form-group, .form .wpcf7-form-control-wrap { width:100%; padding:0 0}
	.table-data { padding:20px 20px}
	.table-data th, .table-data td { vertical-align:top}
	.table-data h2 { padding-left:7px; padding-right:7px}
	.form h2 { padding-left:0}
	.contactus-section h2 { margin-bottom:10px}
	.contactus-section ul{ margin-left:0; margin-right:0}
	.banner-section .banner-content .col, .banner-content .col {padding:0 0 0 !important;}
	.form .wpcf7-submit{margin-left:0px}	
}
@media only screen and (max-width: 640px) {
	.product-img-section .hw {padding-top: 30px; width:100%}
	.ciimg-section { padding-bottom:0 !important}
	.ciimg-section figure { width:100%; padding-left:5px; padding-right:5px}
	.product-img-section .two-column { display:inherit !important} 
	.product-img-section.pb-0 { padding-bottom:0 !important}

}
@media only screen and (max-width: 570px) {
	.top-features li { width: 100%}
	.top-features li:last-child { margin-bottom: 0}
}
@media only screen and  (max-width: 540px) {
	.ciimg-section figure { width: 100%}
	.ciimg-section.fourcolumn figure { width:100%}
}
@media only screen and (max-width: 480px) {
	.second-section .heading-column { padding: 0 20px }
	.contactus-section li{ width: 100% !important; margin-bottom: 0} 
	.contactus-section li .col { padding-bottom: 5px }
	.contactus-section li .col, .contactus-section li { padding-left:0; padding-right:0}
}
@media only screen and (max-width: 420px) {
	.footer-bottom p { display: block; text-align: center}
	.pp-link{ float: none; text-align: center; margin: 15px 0 10px}
	
}
@media only screen and (max-width:389px) {

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