/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 1819px) {
	.menuArea{padding:53px 0 0 390px;}
}

@media only screen and (max-width: 1781px) and (min-width: 1680px) {
	.menuArea ul li a {
		font-size: 20px;
	}
}

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

	.wpcf7-form-control-wrap.upload span.wpcf7-not-valid-tip { padding-top: 0; padding-left: 8px; width: 150px; }

}

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

	html, body { font-size: 18px; }

	.main { padding: 0 15px; }

	/* header wrapper */
	#headerWrapper { height: 85px; }
	#headerWrapper .logo { top: 15px; left: 15px; }
	#headerWrapper .logo img { width: 220px; height: auto; }
	#headerWrapper a.mobilemenubtn { padding: 6px 10px 5px 10px; display: block; position: absolute; top: 20px; right: 15px; font-size: 25px; color: #fff; line-height: 25px; text-decoration: none; border: 1px solid #fff; }

		/* menu area */
		.menuArea { display: none; }

		/* banner area */
		.bannerArea { padding: 150px 0 40px 0; margin: -85px 0 0 0; font-size: 20px; }
		.bannerArea h1 { font-size: 45px; line-height: 45px; }
		.bannerArea p { padding: 40px 0 0 0; }
		.bannerArea a.more { padding: 15px 30px; font-size: 20px; }

		.bannerArea .celebrating { margin: 50px auto 0 auto; max-width: 550px; width: 100%; }

		/* inner banner area */
		.innerbannerArea { width: 100%; height: auto; }
		.innerbannerArea h1 { padding: 60px 0; font-size: 35px; line-height: 35px; }

	/* middle wrapper */
	#middleWrapper { padding: 50px 0; }

		/* left wrapper */
		#leftWrapper { padding: 0px; }

		/* right wrapper */
		#rightWrapper { padding: 50px 0 0 0; }

		/* feature area */
		.featuredArea { padding: 50px 0; }
		.featuredArea.page { padding: 30px 0 50px 0; }
		.featuredArea h2 { margin: 0px; padding: 0 0 20px 0; font-size: 35px; }
		.featuredArea .fly { margin: 0 auto 30px auto; }
		.featuredArea .thum { padding-top: 30px; }
		.featuredArea .aero { width: 100%; }
		.featuredArea .automotive { width: 48%; float: left; }
		.featuredArea .industrial { width: 48%; float: right; }
		.featuredArea .industrial .image { min-height: 180px; }
		.featuredArea .rightside { width: 100%;  }
		.featuredArea .rightside .item { width: 48%; }

		.featuredArea .image { min-height: 180px; }
		.featuredArea .feat .name center{ font-size: 20px; }
		.featuredArea img { width: 100%; height: auto; }

		/* services */
		.serviceArea { padding: 50px 0 20px 0; }
		.serviceArea.subpage { padding: 20px 0; }
		.serviceArea h2 { padding: 0; font-size: 35px; line-height: normal; }
		.serviceArea .section { padding: 30px 0; font-size: 18px; line-height: 26px; }
		.serviceArea .leftside { padding: 0px; }
		.serviceArea .leftside h3 { padding: 0 0 10px 0; font-size: 26px; }
		.serviceArea .leftside a { font-size: 18px; }

		.serviceArea .rightside { padding: 0; margin: 0 0 50px 0; }
		.serviceArea .rightside img { margin: 0; }

		.serviceArea .section.second .rightside { margin: 0 0 50px 0; }
		.serviceArea .section.second .rightside img { margin: 0; }


		/* expo */
		.expoArea { padding: 50px 0 20px 0; }
		.expoArea.subpage { padding: 20px 0; }
		.expoArea h2 { padding: 0; font-size: 35px; line-height: normal; }
		.expoArea .section { padding: 30px 0; font-size: 18px; line-height: 26px; }
		.expoArea .leftside { padding: 0px; }
		.expoArea .leftside h3 { padding: 0 0 10px 0; font-size: 26px; }

		/* quality area */
		.qualityArea { padding: 50px 0; font-size: 18px; line-height: 26px; }
		.qualityArea h2 { font-size: 35px; }
		.qualityArea p { padding: 25px 0 0 0; }
		.qualityArea .handler { padding: 35px 0 0 0; }
		.qualityArea .feat .name center { width: 98%; font-size: 18px; line-height: 26px; }
		.qualityArea .more { padding: 40px 0 0 0; }

		/* service info area */
		.serviceinfoArea { padding: 30px 0; }
		.serviceinfoArea .item { padding: 20px 0; }

		/* suggest area */
		.suggestArea { padding: 50px 0; }
		.suggestArea .item { padding: 20px 0; }
		.suggestArea h2 { margin-bottom: 20px; font-size: 35px; }
		.suggestArea h3 { margin-top: 20px; font-size: 20px; }

		/* integrity area */
		.integrityArea { padding: 50px 0; }
		.integrityArea .thum {  padding: 0; box-shadow: 0 0 0 0 rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0 0 0 rgba(0,0,0,0.4); -moz-box-shadow: 0px 0 0 0 rgba(0,0,0,0.4); background: none;  }
		.integrityArea .leftthum { padding: 20px 0; }

		/*lean Area */
		.leanArea { padding: 50px 0; font-size: 18px; }
		.leanArea .leftside { padding: 0 0 40px 0; }
		.leanArea .leftside h2 { padding: 0; font-size: 35px; line-height: normal; }
		.leanArea .benifitside { padding: 20px;  }
		.leanArea .benifitside h2 { font-size: 25px; color: #F00; text-transform: uppercase; line-height: 40px; }
		.leanArea p { padding: 25px 0 0 0; }

		/* about section area */
		.aboutsectionArea { padding: 50px 0; font-size: 18px; }
		.aboutsectionArea .leftside { margin: 0 0 50px 0; }
		.aboutsectionArea .rightside { padding: 0; }

		/* mission box */
		.missionBox { padding: 50px 0 80px 0; font-size: 18px; }
		.missionBox h2 { padding: 0 0 30px 0; margin: 0 0 20px 0; font-size: 35px; }
		.missionBox br { display: none; }

		/* performance area */
		.performeanceArea { padding: 0 0 50px 0; font-size: 18px; line-height: 26px; }
		.performeanceArea .performanceIn { padding: 30px 20px; }
		.performeanceArea .item { padding: 20px 0; }
		.performeanceArea .item h3 { font-family: 'proxima_nova_rgbold'; font-size: 30px; color: #303335; text-transform: uppercase; line-height: normal; font-weight: normal; }
		.performeanceArea .item p { padding: 25px 0 0 0; }

		/* benifit area */
		.banifitArea { padding: 50px 0; }
		.banifitArea .leftside { padding: 0 0 50px 0; }

		/* division area */
		.divisionArea .section { padding: 50px 0 0 0; }
		.divisionArea .quote-full { padding: 40px 0 0 0; }
		.divisionArea .quote-full a { padding: 14px 30px; display: inline-block; font-family: 'CenturyGothicBold'; font-size: 22px; color: #fff; text-decoration: none; text-transform: uppercase; background: #f23f41; }
		.divisionArea .rightside { padding: 0; }
		.divisionArea .division { padding: 30px 0 0 0; }

		/* customer Area */
		.customerArea { padding: 40px 0; }
		.customerArea h2 { padding: 0 0 30px 0; margin-bottom: 30px; font-size: 35px; }
		.customerArea ul li { width: 100%; padding: 15px 0; display: block; }

	/* conversation area */
	.conversationArea{ padding: 50px 0; }
	.conversationArea h2 { padding: 0 0 35px 0; font-size: 35px; line-height: 35px; }

	/* footerArea */
	.footterArea { padding: 30px 0; }
	.footterArea .leftside { float: none; text-align: center; }
	.footterArea .leftside ul li { margin: 0 6px; float: none; display: inline-block; }

	/* footer right */
	.footterArea .rightside { width: 100%; text-align: center; }
	.footterArea .rightside .menu-footermenu-container { margin: 0; padding: 20px 0; }
	.footterArea .rightside .menu-footermenu-container ul { list-style-type: none; margin: 0; }
	.footterArea .rightside .menu-footermenu-container ul li { padding: 0 5px; }
	.footterArea .rightside .menu-footermenu-container ul li a {  display: block; font-size: 16px; }
	.footterArea .rightside .copyright { overflow: hidden; font-size: 16px; color: #898989; }

	.fileUpload { height: 72px; }

	.fileUpload input.wpcf7-file, .wpcf7-form-control-wrap.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; cursor: pointer; }

	.fileUpload label { position: absolute; left: 15px; top: 8px; }

	.fileUpload label span:hover {background: #333; border: none; }

	.fileUpload label span.wpcf7-not-valid-tip { border-left: 1px solid #fff !important; }



}

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

	.fileUpload { height: 72px; }

	.fileUpload label { position: absolute; left: 15px; top: 8px; }

}

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

	.bannerArea .celebrating h2 { font-size: 18px; line-height: 20px; }
	.bannerArea .celebrating h2 strong { font-size: 26px; }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

	.main { padding: 0 15px; }

	/* header wrapper */
	#headerWrapper { height: 85px; }
	#headerWrapper .logo { top: 30px; left: 33px; }
	#headerWrapper a.mobilemenubtn { padding: 10px 12px 7px 12px; display: block; position: absolute; top: 40px; right: 33px; font-size: 30px; color: #fff; line-height: 30px; text-decoration: none; border: 1px solid #fff; }

		/* menu area */
		.menuArea { display: none; }

		/* feature area */
		.featuredArea .fly { margin: 50px auto 15px auto; }
		.featuredArea .thum { padding: 50px 0 15px 0; float: left; }
		.featuredArea .feat .name center{ font-size: 30px; }

		/*lean Area */
		.leanArea .leftside h2 { font-size: 40px; line-height: normal; }

		/* services */
		.serviceArea .rightside { margin: 0 -100px 0 0; }
		.serviceArea .section.second .rightside { margin: 0 0 0 -100px; }

		/* quality area */
		.qualityArea .handler { padding: 75px 10px 0 10px; }

		/* conversation area */
		.conversationArea h2 { font-size: 40px; line-height: 60px; }

		/* footerArea */
		.footterArea img { max-width: 200px; height: auto; }

		/* footer right */
		.footterArea .rightside .menu-footermenu-container ul li { padding: 0 0 0 6px; }
		.footterArea .rightside .menu-footermenu-container ul li a { font-size: 14px; font-weight: normal; }
		.footterArea .rightside .copyright { font-size: 14px; }
		.footterArea .rightside .copyright a { font-size: 14px; }

	/* header wrapper */
	#headerWrapper a.mobilemenubtn { padding: 12px 15px 9px 15px; display: block; position: absolute; top: 40px; right: 33px; font-size: 30px; color: #fff; line-height: 30px; text-decoration: none; border: 1px solid #fff; }

}

@media only screen and (min-width: 992px) and (max-width: 1266px) {
    
    

		/* menu area */
		.menuArea ul li a { padding: 5px 0; font-size: 15px; }

	.main { padding: 0 15px; }

    .menuArea {
    padding: 47px 0 0 254px;
    }
    .menuArea ul li {
    padding: 0 0 0 18px;
    }

}

@media only screen and (min-width: 1267px) and (max-width: 1679px) {

	.main { padding: 0 15px; }

	/* header wrapper */
	#headerWrapper .logo { top: 25px; left: 20px; width: 250px; float: left; }

		/* menu area */
		.menuArea { padding: 30px 0 0 300px; }
		.menuArea ul { padding: 0 0 0 10px; }
		.menuArea ul li { padding: 0 0 0 20px; }
		.menuArea ul li a { padding: 5px 0; font-size: 18px; }

		.menuArea ul li.quote { position: relative; }

}

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

	.main { padding: 0 15px; }

	/* header wrapper */
	#headerWrapper .logo { top: 35px; left: 20px; width: 200px; float: left; }

		/* menu area */
		.menuArea ul li a { padding: 5px 0; font-size: 15px; }
    .menuArea ul li.quote a {
    padding: 16px 15px;
}

}

@media only screen and (min-width: 992px) {
	.raq-mobile-btn {
		display: none;
	}
}

@media only screen and (max-width: 991px) {
	.home .raq-mobile-btn {
		margin-top: 35px;
	}
	.raq-mobile-btn {
		display: flex;
		justify-content: center;
		margin-top: 20px;
	}
	.quote-btn {
		padding: 16px 29px;
		color: #fff;
		text-transform: uppercase;
		line-height: normal;
		background: #f23f41;
		text-align: center;
	}
	.quote-btn:hover {
		color: #f23f41;
		background: #fff;
		text-decoration: none;
	}
}
@media only screen and (max-width: 799px) {
	.raq-mobile-btn {
		margin-left: 60px;
	}
}

@media only screen and (max-width: 669px) {
	.raq-mobile-btn {
		margin-left: 120px;
	}
}

@media only screen and (max-width: 589px) {
	.quote-btn {
		padding: 12px 20px;
	}
	.raq-mobile-btn {
		margin-left: 150px;
	}
}

@media only screen and (max-width: 525px) {
	.raq-mobile-btn {
		float: right;
		margin-left:0;
		margin-top: 85px;
	}
	.home .raq-mobile-btn {
		margin-top: 80px;
	}
	.home #headerWrapper {
		height: 85px;
	}
	#headerWrapper {
		height: 135px;
	}
}

@media only screen and (max-width: 359px) {
	.home .raq-mobile-btn {
		margin-top: 90px;
	}
}