@media only screen and (max-width:1398px){
	
	.logo a img { width: 175px; }
	.hdr-navigation ul li { margin-right: 25px; }
	.footer .ftr-navigation { width: 10.9%; margin-right: 7.75%; }
	.footer .ftr-adress { width: 24.4%; margin-right: 6.75%; }
	.footer .socialMedia { width: 19.6%; margin-right: 5.75%; }
	
	/* Inner Pages */
	.contacts ul li {padding: 14px; margin-right:1.5%; width: 32.3%; }
	
}
@media only screen and (max-width:1198px){
	
	.wrapper { padding:0 20px; }
	.logo {top: 10px;}
	.logo a img { width: 140px; }
	.hdr-navigation ul li {margin-right: 15px;}
	.hdr-navigation ul li a { font-size: 14px; padding: 25px 0 15px 0; }
	.contactNumber { padding-top: 20px; }
	
	.bannerContent .bannerText { bottom: 40px; }
	.bannerContent .bannerText span {font-size: 30px;margin-bottom: 10px;}
	.bannerContent .bannerText h1 { font-size: 40px; margin-bottom: 15px; }
	.bannerContent .bannerText p {font-size: 22px;}
	.bannerContent .bannerText a { padding: 10px 15px; }
	
	.ourService { padding: 50px 0; }
	.ourService p { font-size: 16px; }
	.ourService ul li { width: 10.7%; }
	.ourService ul li h3 { font-size: 14px; }
	
	.welcometextContent .wText .welcomeimg {margin-left: 28px;}
	.welcometextContent .wText .welcomeimg img { width:620px; }
	
	.welcomeText {padding: 45px 0 50px 0;}
	.welcometextContent h1 {margin-bottom: 20px;}
	
	.footer { padding: 50px 0; }
	.footer .ftr-navigation { width: 12.9%; margin-right: 2.75%; }
	.footer .ftr-adress { width: 31.4%; margin-right: 1.75%; }
	.footer .socialMedia { width: 19.6%; margin-right: 3.75%; }
	.footer .socialMedia ul li { margin-right: 26px; }
	.footer .socialMedia ul li a { font-size: 28px; }
	.footer .copyRight {width: 27.7%;}
	
	.sticky .main-navigation {margin-left: 2em; }
	
	
	/* Inner Pages */
	.contacts ul li { padding: 10px; }
	.maintitle { font-size: 34px; }
	
	/* Our Service */
	.tab_content ul li .tabcontent p { line-height: 30px; }
	.tabTitle ul li {margin-right: 0;padding: 8px;}
	.tabTitle ul li h4 {font-size: 16px;}
	
	/* reference */
	.referenceContent ul li { padding: 0 60px 30px; }
	
	 /* about us */
	 .infraredImg { margin-top: 40px; }
	
}
@media only screen and (max-width:999px){
	.main-navigation { float:right; position:relative; margin-top:22px; margin-left:1em; }
	.main-navigation .menuNav { display:inline-block;  cursor:pointer; color:#018e01; text-transform:uppercase; font-size: 18px; font-weight: 600; }
	.main-navigation .menu1 { display:block; color: #fff; font-size:16px; text-transform:uppercase; font-family:'Oswald', sans-serif; }
	.hdr-navigation { display:none; width: 300px; z-index: 9999; top: 100%; right: 0; padding: 5px; border-top:5px solid #018e01; box-shadow:0 0 5px #aaa; background: #fff; position:absolute;	margin-top:13px; margin-bottom:0; } 
	.hdr-navigation ul li {  display:block; border-bottom: 1px solid #ddd; float:none; margin:0;  text-align:left; }
	.hdr-navigation ul li a { font-size:15px; border:none; padding:10px;  }
	.hdr-navigation ul li a:hover { border:none; }
	.hdr-navigation ul li:last-child {border:none;}
	.hdr-navigation:before{content: ""; position: absolute; border-width: 10px; right: 12px; top: -25px;  border-style: solid;  border-color: transparent transparent #018e01 transparent; }
	.contactNumber {padding: 20px 0; }
	.contactNumber a { padding-left: 30px;background-size: 24px; line-height:24px; }
	
	.flexslider .slides img { min-height:350px; }	
	.bannerContent .bannerText span {font-size: 26px;}
	.bannerContent .bannerText h1 { font-size: 36px; }
	.bannerContent .bannerText p { font-size: 19px; }
	
	.serviceContent { margin-top: 25px; }
	.ourService ul li { width: 18.7%; margin-bottom: 10px; }
	.ourService ul li h3 { font-size: 16px; }
	
	.welcomeText { padding: 30px 0 35px 0; }
	.welcometextContent h1 { margin-bottom: 15px;font-size: 28px; }
	.welcometextContent .wText p {margin-bottom: 20px;line-height: 22px; }
	.welcometextContent .wText .welcomeimg {margin-left: 15px;}
	.welcometextContent .wText .welcomeimg img { width: 525px; }
	.welcometextContent .wText .welcomeimg p a { font-size: 16px; }
	
	.footer {padding: 30px 0;}
	.footer .ftr-navigation {width: 16.9%;margin-right: 9.75%;}
	.footer .ftr-adress {width: 40.4%;margin-right: 5.75%;}
	.footer .socialMedia {width: 25.6%;margin-right: 0;}
	.footer .copyRight { width: 100%; border-top:1px solid #018e01; padding-top:10px; margin-top:10px;}
	
	.sticky .contactNumber { padding-top: 20px; }
	.sticky .hdr-navigation ul li.active a { border:none; }
	.sticky .hdr-navigation ul li a { border:none; padding:10px 5px; }
	
	/* Inner Pages */
	.headerborder { padding: 40px 0 30px 0; }
	.contactInfo p { font-size: 16px; line-height: 26px; }
	.contactInfo p:last-child { font-size: 15px; line-height: 25px; }
	.contactInfo h3 { font-size: 20px; margin: 10px 0; }
	.maintitle { font-size: 32px; }
	.contacts ul li { width: 49%; padding:20px; margin-bottom:1.5%;  }
	.contacts ul li:nth-child(2) { margin-right:0; }
	.contacts ul li h4 { font-size: 20px; margin-bottom: 10px; }
	.contacts ul li a {font-size: 16px;}
	.contacts ul li span { font-size: 16px; }
	 
	 
	 /* Our Service Page*/
	 .alldetails p { font-size: 16px;line-height: 28px; }
	 .alldetails h5 { font-size: 22px; }
	.tab_content ul li .tabimage {width: 100%;float: none; margin-top: 0;}
	.tab_content ul li .tabcontent {width: 100%;float: none; }
	.tab_content p:first-child {font-size: 16px;}
	.tabTitle ul li { margin-top: 10px; }
	.tab_content ul li .tabcontent h3 { margin: 15px 0 10px 0; }
	.tab_content ul li:last-child .tabcontent h3 { margin-top:0; }
	.tab_container { padding: 10px; }
	.tab_content .tabimage1 {margin: 20px 0;width: 100%; }
	.tab_content { margin-bottom:15px; }
	
	/* project page */
	.projectContent p { font-size: 16px; line-height: 28px;}
	.projectContent p:first-child { font-size: 16px; line-height: 28px;}
	
	/* reference page */
	.referenceContent p { font-size: 16px; line-height: 26px; margin-bottom: 10px; }
	.deerContent { margin-top: 30px; }
	.referenceContent ul li::after { height: 35px; width: 42px; background-size: 40px; }
	.referenceContent ul li::before { height: 35px; width: 42px; background-size: 40px; }
	.referenceContent h2 { font-size: 26px; }
	.referenceContent span { font-size: 18px; margin: 0.2em 0; }
	.referenceContent h3 { font-size: 22px; margin-bottom: 10px; }
	.referenceContent ul li p { line-height: 28px; }
	.referenceContent ul li { padding: 0 60px 20px 50px; margin-bottom: 15px; }
	
	/* About Us */
	.aboutus p {font-size: 16px; line-height: 26px; margin-bottom: 10px; }
	.infraredImg {	width: 100%; margin-top: 10px; margin-bottom:20px; }
	.infraredText { width:100%; margin-right:0; }
	
}
@media only screen and (max-width:768px){
	
	.flexslider .slides img { min-height: 320px; }
	.ourService {padding: 30px 0;}
	.ourService h2 {font-size: 26px;margin-bottom: 10px;}
	.ourService p {font-size: 15px;line-height: 25px;}
	.serviceContent { margin-top: 20px; }
	.ourService ul li h3 {font-size: 15px;}
	
	.welcometextContent h1 {margin-bottom: 10px;font-size: 26px;}
	.welcometextContent .wText p { text-align:justify; }
	.welcometextContent .wText .welcomeimg { float: none; width: 100%; margin:0 0 20px 0; }
	.welcometextContent .wText .welcomeimg img {width: 100%;}
	
	
	.footer .ftr-navigation { width: 19.9%; margin-right: 5.75%; }
	.footer .ftr-adress { width: 42.4%; margin-right: 5.75%; }
	.footer .socialMedia {width: 24.6%; }
	.footer .socialMedia ul li { margin-right: 18px; }
	.footer .socialMedia ul li a { font-size: 24px; }
	
	.alldetails { margin-bottom: 20px; }
	.tabTitle { display:none; padding:0;  }
	.tabs {
		display: none;
	}
	.tab_drawer_heading {
		background-color: #015e01;
		color: #fff;
		margin: 0 0 10px 0;
		padding: 5px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		font-size:20px;
	}
	.d_active {
		background-color: #015e01;
		color: #fff;
	}
	
	.tab_container { padding: 0; }
	.tab_content ul li .tabcontent h3 {font-size: 22px;}
	.tab_content ul li { margin-top: 15px; padding-bottom: 15px; }
	.tab_content ul li .tabimage {margin-top: 5px;}
	
	
	.referenceContent ul li::before { height: 30px; width: 35px; background-size: 35px; }
	.referenceContent ul li::after { height: 30px; width: 35px; background-size: 35px; }
	
	.aboutus h3 {font-size: 24px;}
	.aboutus h4 {font-size: 20px;}
}
@media only screen and (max-width:640px){
	
	.logo { top: 6px; }
	.logo a img {width: 115px;}
	.main-navigation { margin-top: 18px; }
	.main-navigation .menuNav { font-size: 15px; }
	.hdr-navigation ul li a { font-size:14px; padding: 8px;  }
	.contactNumber { padding: 14px 0; }
	.contactNumber a { padding-left: 24px; background-size: 18px; background-position:left 3px; }
	.contactNumber a span { font-size: 15px; }
	
	.bannerContent .bannerText { bottom: 30px; }
	.bannerContent .bannerText span { font-size: 22px; }
	.bannerContent .bannerText h1 { font-size: 30px; }
	.bannerContent .bannerText p { font-size: 16px; margin-bottom: 28px; }
	.bannerContent .bannerText a {font-size: 14px;}
	
	.ourService h2 {font-size: 24px;margin-bottom: 5px;}
	.ourService p {font-size: 14px;line-height: 24px;}
	.ourService ul li { width:32.7%; }
	
	.welcometextContent h1 {font-size: 24px;}
	.welcometextContent .wText p { margin-bottom: 15px; font-size: 15px; }
	.welcometextContent .wText .welcomeimg {  margin:0 0 15px 0; }
	.welcometextContent .wText .welcomeimg p a { font-size: 14px; }
	
	.footer .ftr-navigation { width: 28.9%; margin-right: 3.75%; }
	.footer .ftr-adress { width: 66.4%; margin-right: 0; }
	.footer .socialMedia { width: 100%; border-top:1px solid #018e01; padding-top:10px; margin-top:10px; }
	
	.sticky .contactNumber a {background-size: 20px;}
	.sticky .contactNumber {  padding-top: 15px; }
	
	/* Inner Pages */
	
	
	.maintitle { font-size: 26px; margin-bottom:10px; }
	
	.contacts ul li { width: 100%; margin-right:0; min-height: 170px; }
	.alldetails {margin-bottom: 10px;}
	.alldetails p { font-size: 15px; line-height: 26px; margin-bottom:5px;  }
	.alldetails h5 { font-size: 20px; margin-bottom: 5px; }
	.tab_content p:first-child { font-size: 15px; line-height: 26px; }
	.tab_content ul li {margin-top: 10px;padding-bottom: 10px;}
	.tab_content ul li .tabcontent h3 { font-size: 20px; margin: 10px 0 5px 0; }
	.tab_content ul li .tabcontent p { line-height: 26px; font-size: 14px; }
	.tab_content p {font-size: 15px;line-height: 30px;}
	#tab2 ul li {font-size: 15px;}
	
	.projectContent h3 { font-size: 22px; margin-bottom: 10px; }
	.projectContent p { font-size: 15px; line-height: 26px; margin-bottom: 10px; }
	.projectContent p:first-child { font-size: 15px; line-height: 26px; }
	.projectContent ul li { font-size: 15px; line-height: 26px; }
	.projectContent span {font-size: 16px;}
	
	
	.referenceContent p { font-size: 15px; line-height: 25px;  margin-bottom: 5px; }
	.deerContent { margin-top: 20px; }
	.referenceContent ul li {padding: 0 42px 15px 42px;}
	.referenceContent h2 { font-size: 22px; }
	.referenceContent span {font-size: 16px;}
	.referenceContent h3{font-size: 20px;}
	.referenceContent ul li span.clientName {font-size: 16px;}
	.referenceContent ul li p { line-height: 26px; font-size: 15px; }	
	.referenceContent ul li .inlinecontent { margin-bottom: 10px; }
	.referenceContent ul li .inlinecontent ul li { margin: 0 0 0 15px; font-size:15px; line-height:25px; }
	
	.aboutus h3 { font-size: 22px; }
	.aboutus ul li p { font-size: 15px; line-height: 28px; margin-bottom: 5px; }
	.aboutus h4 { font-size: 18px; }
	.infraredImg { margin-top: 5px; margin-bottom: 10px; }
	
	.c-go-top { padding:2 10px; bottom:20px; right:20px; }
	.fa.fa-angle-up { font-size:24px; }
	
@media only screen and (max-width:480px){
	
	.logo {top: 2px;}
	.logo a img { width: 105px; }
	.hdr-navigation { width: 280px; }
	.main-navigation {margin-top: 14px; margin-left: 0.8em;}
	.contactNumber { padding: 10px 0; }
	.contactNumber a { padding-left: 18px; background-position: left 5px; }
	.contactNumber a span { font-size: 0; }
	
	.flexslider .slides img { min-height: 220px; }
	.bannerContent .bannerText {display: none;}
	
	.ourService h2 {font-size: 22px; margin-bottom: 5px; }
	.ourService ul li { width: 32%; }
	.ourService ul li h3 {font-size: 13px;margin-bottom: 10px;}
	.ourService ul li::after { bottom: 12px; }
	
	.welcometextContent h1 { font-size: 22px; }
	.welcometextContent .wText .welcomeimg p {bottom: 48px;}
	
	.footer .ftr-navigation { width: 100%; margin-right: 0;  }
	.footer .ftr-adress { width: 100%; border-top:1px solid #018e01; padding-top:10px; margin-top:10px;  }
	
	.sticky .main-navigation { margin-left: 0.3em; margin-top: 20px; }
	.sticky .contactNumber a { background-size: 18px; }
	
	/* Inner pages */
	.maintitle { font-size: 24px; margin-bottom: 5px; }
	.contactInfo p { font-size: 15px; }
	.contactInfo h3 { font-size: 18px; }
	.contactInfo p:last-child { font-size: 14px; line-height: 24px; }
	.contacts ul li { padding: 15px;  }
	.contacts ul li h4 {font-size: 18px;}
	.contacts ul li span {font-size: 15px; line-height: 25px; }
	.contacts ul li a { font-size: 15px; line-height: 25px; } 
	
	.alldetails p { font-size: 14px; line-height: 24px; }
	.tab_content ul li .tabcontent h3 { font-size: 19px; }
	.tab_drawer_heading { font-size: 18px; }
	
	.tab_content p {font-size: 14px; line-height: 26px; }
	#tab2 ul li { font-size: 14px; }
	.tab_content h2 {font-size: 19px;margin-bottom: 5px;}
	
	.projectContent h3 { font-size: 18px; margin-bottom: 5px; }
	.projectContent ul li { font-size: 14px; }
	.projectContent p { font-size: 14px;  margin-bottom: 5px; }
	
	.referenceContent ul li::before { height: 18px; width: 20px; background-size: 20px; }
	.referenceContent ul li::after { height: 18px; width: 20px; background-size: 20px; }
	.referenceContent h2 { font-size: 20px; }
	.referenceContent span { font-size: 15px; }
	.referenceContent h3 {font-size: 18px;}
	.referenceContent ul li p { line-height: 24px; font-size: 14px; }
	.referenceContent ul li span.clientName { font-size: 15px; }
	.referenceContent ul li .inlinecontent ul li {font-size: 14px;line-height: 24px;}
	.referenceContent ul li {padding: 0 34px 15px 34px;}
	
	.aboutus p { font-size: 15px; line-height: 25px; }
	.aboutus h3 { font-size: 20px; }
	.aboutus ul li p { font-size: 14px; line-height: 25px; }
	
}



