@media (max-width:1600px){
	.banner .banner-text{ padding:220px 0 160px;}
}

@media (max-width:1169px){
	.banner .banner-text{padding:140px 0;}
	.banner .innerBanner .banner-text{padding:160px 0 90px;}
	.bannerHdThree {font-size: 35px;line-height: 35px;padding: 8px 0;}
	.bannerHdOne {font-size: 40px; line-height: 30px; padding:10px 0;}
	.punchLine{font-size: 16px; padding: 6px 20px; margin: 20px 0;}
	.banner .innerBanner .punchLine{margin: 16px 0;}
	.link {font-size: 14px;line-height: 17px;padding: 8px 30px;margin: 20px auto;}
	.contentBox {padding: 50px 0;}
	p {margin-bottom: 20px;line-height: 22px;}
	.solutionList ul li{ width:32%; margin:0 2% 22px 0;}
	.solutionList ul li:nth-child(4n){margin-right:2%;}
	.solutionList ul li:nth-child(3n){margin-right:0px;}
	.careerListBox .HdThree {padding-bottom: 30px;}
    .careerListBox {padding: 30px 0 0px 20px;}
}

@media (max-width:1023px){
	#header{top:0; padding:0 8px;}
	#header nav ul li{float:left; margin-right:18px;}
    #header nav ul li a{ padding:18px 10px; font-size:15px;}	
	.logo img {width: 180px;}
	.HdTwo{ font-size:28px; line-height:20px;}
	.HdTwo span{ font-size:14px;}
}

@media (max-width:989px){
	#header nav { float: right;  display: block;  text-align: center;  padding: 15px 0; -webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s;}
	#header.top nav{ padding:10px 0; -webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s;}
	.bnHeading {font-size: 18px;line-height: 26px;}
	#header nav.bg:after {content: "";position: fixed;top: 0;left: 0;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.5);z-index: -1;}
	#header nav .mobile-menu{display:inline-block;text-align:left;width:32px; height:25px;padding-top: 5px; outline: none;}
	#header nav .mobile-menu.show span:first-child{transform: rotate(40deg) translate(4px, 5px);}
    #header nav .mobile-menu.show span:last-child{transform: rotate(-40deg) translate(6px, -7px);}
	#header nav .mobile-menu.show span:nth-child(2){opacity:0;}
	#header nav .mobile-menu span{ width: 32px;height: 4px;background:#5A5A5A;display:block;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-ms-border-radius: 10px; -webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s; }
	#header nav .mobile-menu span:nth-child(2){ margin:4px 0;}
	#header nav .menu{position:fixed;height:100%;top: 0;left:-250px;width:250px;background: #3F3F3F;padding-top: 0; -webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s; }
	#header nav .menu.active{ left:0;}
 	#header nav .menu li{display:block;float:none;margin: 0 auto; }
 	#header nav .menu li a{position:relative; z-index:1;width: 100%;text-align: center;border-bottom: 2px solid #fff;color:#fff;transition: .4s linear;-moz-transition: .4s linear;-webkit-transition: .4s linear;padding: 10px 0; border-top:0px;}
	#header.top nav .menu li a{padding: 10px 0; }
 	#header nav .menu li:after{ position:absolute; z-index:0;  top:0; bottom:0; height:100%; background:#fff; transition: .4s linear;-moz-transition: .4s li;-webkit-transition:.4s linear;}
	#header nav .menu li.active:after, #header nav .menu li:hover:after{ background:#fff;transition: .2s linear;-moz-transition: .2s linear;-webkit-transition: .2s linear;}
	#header nav ul li.active a, #header nav ul li a:hover {   color: #fff;    border-bottom: 2px solid #ff6600; border-top: 0;}
	
	.banner .banner-text {padding: 110px 0 0;}
	.banner .innerBanner .banner-text{ padding:130px 0 70px;} 
	.bannerHdThree {font-size: 25px;line-height: 20px;padding: 8px 0;}
	.bannerHdOne {font-size: 30px; line-height: 25px; padding:10px 0;}
	.punchLine{font-size: 14px; padding: 6px 20px; margin: 14px 0;}
	.banner .innerBanner .punchLine{margin:0;}
	.link {font-size: 14px;line-height: 17px;padding: 6px 30px;margin: 10px auto;}
	.banner .owl-controls{bottom:30px;}
	.HdThree {font-size: 25px; line-height: 20px; margin-bottom:15px;}
	.HdThree span{ font-size:14px; padding-top:4px;}
	p{margin-bottom: 12px;line-height: 20px;}
	.solutionList{ padding:15px 0;}
	.contentBox {padding:40px 0 ;}
	.universalSol{ padding:40px 0 10px;}
	footer{ padding:10px 0;}
	.copyRight{ font-size:14px;}
	.contactForm{ width:60%;}
	.contactInfo{ width:35%;}
	.Hdfour{ font-size:22px; line-height:24px;}
	.Hdfour span{ font-size:16px;}
	.map iframe{ height:320px;}
}

@media (max-width:767px){
	.logo{padding: 11px 0;}
	#header.top .logo { padding: 6px 0;}
	#header nav{padding: 14px 0;}
	#header.top nav { padding: 8px 0;}
 	.banner .banner-text { padding: 80px 0 0px ;}
	.banner .innerBanner .banner-text {padding: 110px 0 50px;}
	
	.bannerHdThree {font-size: 22px;line-height:18px;padding: 6px 0;}
	.bannerHdOne {font-size: 24px; line-height: 22px; padding:8px 0;}
	.punchLine{font-size: 14px; padding: 6px 20px; margin: 10px 0;}
	.link {font-size: 13px;line-height: 16px;padding: 6px 30px;margin: 10px auto;}
	
	.banner{ min-height:100px}
	.inner .banner .banner-text { padding: 120px 0 40px;}
	
	.banner .banner-text .bannerImg { display: inline-block;  height: 160px;  width: 160px;}
	.banner .banner-text .bannerImg::after {width: 45px;height: 65px;background: url(../images/circle-flower.png) no-repeat center center / cover;}
	
	.HdTwo{ font-size:22px; line-height:18px;}
	.HdTwo span{ font-size:14px;}
	.midLogo {padding: 55px 0 10px; }
	
	.contentBox{ text-align:center !important;}
	.contactUs{ text-align:left !important;}
   	.rightBox{ margin:10px 0 26px;}
	.aboutImg{ display:inline-block;}
 	.rightBox, .leftBOx{ width:100%;}
	.map iframe{ height:250px;}
	.contactForm, .contactInfo{ width:100%; padding-bottom:20px}
	.contactInfo{ margin-bottom:30px;}
	.contactForm{ padding-bottom:0;}
	.contactUs footer{ padding:12px 0;}
	.fooBotom .footerMenu, .fooBotom .copyRight{ display:block; text-align:center; float:none; margin-bottom:10px;}
	.fooBotom .copyRight{ margin-bottom:4px;}
	.fooBotom .footerMenu li{ margin-right:20px; float:none; display:inline-block;}
	.facilities ul li{ font-size:14px; line-height:20px;}
	.Hdfour {font-size: 18px;line-height: 20px;}
	.Hdfour span {font-size: 14px;}
	}
@media (max-width:639px){
	.banner {margin-top:45px;}
	.banner .banner-text {padding: 30px 0 0px;}
	.banner .innerBanner .banner-text {padding: 50px 0;}
	.bannerHdThree {font-size: 16px;line-height:14px;padding: 2px 0;}
	.bannerHdOne {font-size: 16px; line-height: 18px; padding:6px 0;}
	.punchLine{font-size: 12px; padding: 4px 10px; margin: 2px 0;}
	.link {font-size: 12px;line-height: 16px;padding:4px 10px;margin: 6px auto;}
	.banner .owl-controls {bottom: 10px;}
	.contentBox {padding: 30px 0;font-size: 12px;}
	.HdThree, .HdTwo {font-size: 18px;line-height: 18px;margin-bottom: 10px;}
	.HdTwo span {font-size: 13px;}
	.HdThree span {font-size: 12px;	padding-top: 4px;}
	.solutionList ul li {width: 49%;margin: 0 2% 12px 0;}
	.solutionList ul li:nth-child(2n) {margin-right: 0 !important;}
	.solutionList ul li:nth-child(3n) {margin-right:2%;}
	.careerListBox {padding: 30px 0 0px 16px;}
	.careerListBox .leftBox, .careerListBox .rightBox {width: 100%;float: left;}
	.careerListBox .careerList ul li {font-size: 13px; line-height: 20px;}
	.careerListBox .careerList h4 { font-size: 14px;}
	.careerListBox .careerList h4 span { font-size: 13px;}
	.careerListBox .careerList{ padding-left:25px;}
	.careerListBox .careerList::before{ width:28px; height:28px; left: -16px; background-size:16px auto;}
	.careerListBox .careerList ul li::before {top: 10px; left: -25px;  width: 10px;  height: 1px;}
	.map{ padding-top:10px;}
	.map iframe{ height:200px;}	
 	}

@media (max-width:479px){
	.logo {padding: 8px 0;}
	#header nav {padding: 10px 0;}
	.punchLine{ font-size:10px;}
	.banner .owl-dots .owl-dot {padding: 0 4px;}
	.banner .owl-dots .owl-dot span {height: 8px;width: 8px;}
	.banner .owl-controls {	bottom: 5px;}
	.solutionList ul li{ width:100%; margin:0 auto 12px !important; height:180px;}
	.solutionList ul li:last-child{ margin-bottom:0 !important;}
	.solutionList ul li .solutionItem h4{ font-size:14px;}
	.solutionList ul li .solutionItem h4 .block{ display:inline-block !important;}
	.half{ display:block; width:100%;}
	.map{ padding-top:0px;}
	.contactInfo{ padding:26px 18px; }
	.submit {font-size: 14px;  width: 130px;  height: 40px;  line-height: 38px;}
	.fooBotom .footerMenu li { margin-right: 10px;}
	.fooBotom .footerMenu li a{ font-size:12px;}