@media only screen and (min-width: 1800px) {
body { font-size:20px; }
.navigation nav > ul { margin-top: 7px;}  
.navigation nav > ul > li > a{ font-size: 24px; line-height: normal;}
.navigation .enqBtn a{ font-size: 24px;line-height: normal; padding:10px 35px; } 
.thankmsg{ font-size: 21px;line-height: normal; }
.bannerWrap .bannerInfo .lineOne { font-size: 64px; line-height: normal; }
.bannerWrap .bannerInfo .lineTwo { font-size: 110px; line-height: normal; }
.bannerWrap .bannerInfo .lineThree { font-size: 110px; line-height: normal; }
.bannerWrap .bannerInfo { top: 32%;}
.bannerWrap .bannerInfo h1{font-size: 63px;line-height: normal;}
.bannerWrap .innerBanner .bannerInfo { top: 49%; }
.readmore a{ font-size: 21px;line-height: normal;}
.aboutWrap .aboutInner .aboutRight ul li .num{font-size: 43px;line-height: normal;}
.aboutWrap .aboutInner .aboutRight ul li .txt{font-size: 23px;line-height: normal;margin-top: 12px;padding-right: 0; padding-left: 50px;}
.leadershipWrap .leadershipInner .leadershipRight .leadershipGroup ul li .desig{font-size: 17px;line-height: normal;}
.leadershipWrap .leadershipInner .leadershipRight .leadershipGroup ul li .name{font-size: 25px;line-height: normal;}
.bottomWrap .bottomInner .bottomMiddle ul li{ font-size: 23px;line-height: normal;}
.inputSubmit input, .inputSubmit input:focus{font-size: 23px;line-height: normal;} 
.inputBox .formError {font-size: 17px;line-height: normal;}
.projectlistWrap .projectlistInner .projectlistBox .projectlistInfo .reamMore a{font-size: 21px;line-height: normal;}
.projectaboutWrap .projectaboutInner .projectaboutLeft .highlight{font-size:19px;line-height: normal;}
.projectaboutWrap .projectaboutInner .projectaboutRight ul li span{font-size: 20px;line-height: normal;}
.projectsWrap .projectsBox h3{font-size: 21px;line-height: normal;}
.chairmanmesgWrap .chairmanmesgInner .chairmanmesgInfo .name{ font-size: 25px;line-height: normal;}
.leadershipteamWrap .leadershipteamGroup .leadershipteamBox .leadershipteamInfo .name{ font-size: 27px;line-height: normal;}
.teamWrap .teamGroup .teamBox .teamInfo .name{font-size: 19px;line-height: normal;}
.teamWrap .teamGroup .teamBox .teamInfo .desig{font-size: 17px;line-height: normal; min-height: 45px;}
.contactWrap .contactInner h3{font-size: 27px;line-height: normal;}
.contactWrap .contactInner .highlight{ font-size: 23px;line-height: normal;}
.contactWrap .address{ font-size: 22px; line-height: 27px;}
.contactWrap .address h4{font-size: 23px;line-height: normal;}
.mapsWrap ul.resp-tabs-list li a{ font-size: 25px;line-height: normal;}
.careersWrap .careersInner .accordion_head .headitem.number{font-size: 53px;line-height: normal;}
.careersWrap .careersInner .accordion_head .headitem.position{ font-size: 25px;line-height: normal;}
.careersWrap .careersInner .accordion_head .headitem.deatil{font-size: 21px; line-height: normal;} 
.careersWrap .careersInner .accordion_head .headitem.btn a{font-size: 20px; }
.galleryWrap .galleryInner .galleryBox .heading { font-size: 24px;line-height: normal;} 
footer {font-size: 16px;line-height: normal;}
h1 { font-size: 30px;line-height: normal;}
h2 { font-size: 34px;line-height: normal;}
h3 { font-size: 38px;line-height: normal;}
h4 { font-size: 22px;line-height: normal;}
input, textarea, select {  font-size: 18px;}
.careersWrap .careersInner .accordion_head .headitem.deatil {max-width: 350px;}
.careersWrap .careersInner .accordion_head .headitem.btn { max-width: 170px;} 
.leadershipteamWrap .leadershipteamGroup .leadershipteamBox img { min-width: 70%;}
.leadershipWrap .leadershipInner .leadershipRight .leadershipGroup ul li img { min-width: 80%;} 
.suppliersWrap .suppliersInner .suppliersRight .suppliersLogo img, .clientWrap .clientInner .clientRight ul li img { min-width: 96%;}  
.chairmanmesgWrap .chairmanmesgInner .chairmanmesgImg { width: 28%;} 
.leadershipWrap .leadershipInner .leadershipRight .leadershipOne .leadershipImg { min-width: 32%;}
.leadershipWrap .leadershipInner .leadershipRight .leadershipOne .leadershipImg img { width: 100%;}  
.contactWrap .contactBox.contactImg img { width: 100%;}  
}
@media only screen and (min-width: 1600px) {

}
@media only screen and (min-width: 1536px) {
}
@media only screen and (min-width: 1400px) {
}

@media only screen and (max-width: 1280px) {
}
@media only screen and (max-width: 1200px) {
  .navigation nav ul li a {padding: 15px 9px;}
  header:after { bottom: -29px; height: 30px;}	 
  .aboutWrap .aboutInner .aboutRight ul li .num {margin-right: 20px; padding-left: 30px;}
  .aboutWrap .aboutInner .aboutRight ul li .txt {  padding-right: 20px;}
  .infraWrap .infraInfo { width: 40%; right: 5%; }
  .navigation nav > ul { margin-top: 17px; }
  .navigation .enqBtn { margin-top: 30px;}
  .bottomWrap { background: linear-gradient(90deg, #ffffff 59%, #e6f1f6 50%);}	
  .teamWrap .teamGroup .teamBox .teamInfo {min-height: 100px;}
  .bottomWrap .bottomInner .bottomMiddle ul li { font-size: 16px;}
  .careersWrap .careersInner .accordion_head .headitem.position {line-height: 24px;}
  .contactWrap .contactGroup { display: block;}
  .contactWrap .contactGroup .contactBox.contactAdd {  width: 50%; float: left;min-height: 710px;}
  .contactWrap .contactBox.contactImg { width: 50%; float: left;}
  .contactWrap .contactBox.contactImg img { width: 100%;}
  .contactWrap .contactBox.contactForm {  clear: both;}
}
@media only screen and (max-width: 1024px) {
  .galleryWrap .galleryInner .galleryBox { width: 48%;}
}
@media only screen and (max-width: 959px) {
	.navigation .menuOpen{display:block;}
	.navigation nav .closeBtn {display:block;}
  .navigation nav { display: block; position: fixed; width: 50%; height: 100%; right: -51%; top: 0; background: #ffffff; z-index: 999;transition: 0.5s;}
  .navigation nav.open{ right: 0; transition: 0.5s;}
  .navigation nav > ul {float: none;margin-top: 80px;}
  .navigation nav > ul > li { float: none; border-bottom: 1px solid #0d72a2;}
  .navigation nav > ul > li > a { padding: 15px 30px; } 
  .navigation nav > ul > li > ul { position: relative; top: 0; width: 100%; background: transparent; z-index: 9; display: block;}
  .navigation nav > ul > li > ul > li{background:url("../images/menubullet.jpg") no-repeat left 30px top 9px; padding-left: 10px;}
  .navigation nav > ul > li > ul > li > a { color: #0d72a2;padding: 0 0 10px 45px;}
  .bannerWrap .bannerInfo .lineOne { font-size: 22px;line-height: 24px;}
  .bannerWrap .bannerInfo .lineTwo { font-size: 40px;line-height: 42px;}
  .bannerWrap .bannerInfo .lineThree { font-size: 40px;  line-height: 42px;}
  .aboutWrap .aboutInner .aboutLeft { width: auto; float: none; margin-right: 0; margin-bottom: 30px;}
  .aboutWrap .aboutInner .aboutRight { width: auto; float: none;}
  .infraWrap{ position:relative; margin-bottom: 40px}
  .infraCont .grapicscut, .infraCont .grapicscut2, .infraCont .grapicscut3, .infraWrap .infraright{ display: none;}
  .infraWrap .infraInfo { width:92%; margin: 0 auto; right: 0; top: auto; position: relative; padding: 30px; background: #ffffff;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);}
  .infraWrap .sliderImg {width:92%; margin: 0 auto 0 auto;}
  .clientWrap .clientInner .clientLeft { float: none; width: auto; margin-right: 0; padding: 0;}
  .clientWrap .clientInner .clientRight { float: none; width: auto; margin-top: 30px;}
  .leadershipWrap { background: #fff;}
  .leadershipWrap .leadershipInner .leadershipLeft { width: auto; margin-right: 0; float: none; margin-top: 0;}
  .leadershipWrap .leadershipInner .leadershipRight { width: auto; float: none; margin-top: 40px;}
  .suppliersWrap .suppliersInner .suppliersLeft { width: auto; margin-right: 0; float: none; margin-bottom: 30px;}	
  .suppliersWrap .suppliersInner .suppliersRight { width: auto; float: none;}
  .bottomWrap { background:#ffffff;}
  .bottomWrap .bottomInner .bottomLeft,.bottomWrap.thanksmsg  .bottomInner .bottomLeft { width: auto; float: none; margin-right: 0; padding-bottom: 50px;}
  .bottomWrap .bottomInner .bottomMiddle, .bottomWrap.thanksmsg  .bottomInner .bottomMiddle { width: auto; float: none; margin-right: 0; padding: 0;}
  .bottomWrap .bottomInner .bottomRight { width: auto; float: none; background: #e6f1f6; padding: 40px; margin: 50px 0 80px 0;}
  .bottomWrap.thanksmsg  .bottomInner .bottomMiddle{ margin-bottom:50px;}
  .navigation .enqBtn { position: fixed; margin: 0; bottom: 0; left: 0; width: 100%;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);}
  .navigation .enqBtn a { display: block;text-align: center;}
  footer {  margin-bottom: 48px;}
  .bannerWrap .bannerInfo h1 { font-size: 36px; line-height: 38px;}
  h3 { font-size: 22px; line-height: 24px;}
  .teamWrap .teamGroup .teamBox .teamImg { padding: 10px; }
  .teamWrap .teamGroup .teamBox{ background-size: 60px;}
  .projectaboutWrap .projectaboutInner .projectaboutLeft { width: auto; float: none; margin-right: 0;}
  .projectaboutWrap .projectaboutInner .projectaboutRight { width: auto; float: none;}
  .projectgalleryWrap .projectgalleryInner .projectgalleryInfo { width: auto;}
  .projectsWrap .projectsBox { width: 48%;}
  .careersWrap .careersInner .accordion_head { display: block;}
  .careersWrap .careersInner .accordion_head .headitem { margin-bottom: 10px;}	
  .contactWrap .contactBox.contactImg { display: none;}	
  .contactWrap .contactGroup .contactBox.contactAdd { width: auto; float: none; min-height: 10px;}
  .contactWrap .contactBox.contactForm { padding: 40px;}
  h2.resp-accordion { display: block; background: #0d72a2; color: #ffffff; padding: 12px 40px; margin-bottom: 0; margin-top: 15px;}
  h2.resp-accordion a{ color:#ffffff;}
  .projectlistWrap .projectlistInner .projectlistBox .projectlistImg img.desktopImg { display: none;}
  .projectlistWrap .projectlistInner .projectlistBox .projectlistImg img.mobileImg { display: block;}
  .projectlistWrap .projectlistInner .projectlistBox .projectlistInfo{ position: relative;  bottom: 0; width: auto; padding:30px 20px;color: #080808;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);}
  .projectlistWrap .projectlistInner .projectlistSlider{ width:94%; margin: 0 auto;}
  .projectlistWrap .projectlistInner .projectlistSlider > div{ width:48%; float: left; margin: 10px 1%;}
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 753px) {
}
@media only screen and (max-width: 736px) {
}
@media only screen and (max-width: 711px) {
  header:after { bottom: -19px; height: 20px;}	
  .bannerWrap {margin-top: 74px;}
  .bannerWrap .bannerInfo {top: 40%;}
  .bannerWrap .bannerInfo .lineOne { font-size: 18px; line-height: 20px;}
  .bannerWrap .bannerInfo .lineTwo { font-size: 32px; line-height: 34px;margin-bottom: 6px;}
  .bannerWrap .bannerInfo .lineThree {font-size: 32px;line-height: 34px;}
  .missionvissionWrap .missionvissionInner { margin: 0;}
  .missionvissionWrap img.visionmisionBg { display: none;}
  .missionvissionWrap .missionvissionBox { width: auto; float: none; margin: 20px 0;}
  .missionvissionWrap {  padding: 60px 0;}
  .chairmanmesgWrap .chairmanmesgInner { display: block;}
  .chairmanmesgWrap .chairmanmesgInner .chairmanmesgImg img { width: auto; max-width: 100%;}
  .chairmanmesgWrap .chairmanmesgInner .chairmanmesgInfo {padding-left: 0; margin-top: 40px;}
  .awardWrap .awardLeft { width: auto; float: none;}
  .awardWrap .awardRight { width: auto; float: none; margin-left: 0; margin-top: 20px;}
  .leadershipteamWrap .leadershipteamGroup .leadershipteamBox img { max-width: 90%;}
  .leadershipteamWrap .leadershipteamGroup .leadershipteamBox .leadershipteamInfo .name { font-size: 18px; line-height: 24px;  margin-top: 5px;}
  .teamWrap .teamGroup .teamBox { width: 31%;margin: 6px 1%;}
  .projectaboutWrap .projectaboutInner .projectaboutRight {margin-top: 30px;}
  .projectsWrap .projectsBox { width: auto; float: none;}	
	.aboutWrap, .clientWrap, .leadershipWrap, .projectaboutWrap, .awardWrap, .leadershipteamWrap, .teamWrap, .contactWrap, .careersWrap, .careersformWrap, .suppliersWrap, .bottomWrap .bottomInner .bottomLeft{ padding:60px 0;}
	.bottomWrap .bottomInner .bottomRight {margin-bottom: 60px;}	
  .eventsWrap .eventsInner .eventsGroup .eventGallery ul li { width: 48%;}
}
@media only screen and (max-width: 640px) {
.bannerWrap { margin-top: 75px;}
.contactWrap, .careersWrap{ background: transparent;}	
.galleryWrap .galleryInner .galleryBox { width: 98%;}  
}
@media only screen and (max-width: 600px) {
h3 { font-size: 22px;line-height: 26px;}
}
@media only screen and (max-width: 569px) {
}
@media only screen and (max-width: 568px) {
  .aboutWrap .aboutInner .aboutRight ul li .num {min-width: 100px; font-size: 30px;line-height: 32px;}
  .aboutWrap .aboutInner .aboutRight ul li:nth-child(2) { padding-left: 70px;}
  .aboutWrap .aboutInner .aboutRight ul li .num { margin-right: 10px; padding-left: 20px;} 
  .clientWrap .clientInner .clientRight ul li { width: 48%; margin: 4px 1%;}
  .leadershipWrap .leadershipInner .leadershipRight .leadershipOne { text-align: center; display: block;}
  .leadershipWrap .leadershipInner .leadershipRight .leadershipOne .leadershipnfo { padding-left: 0; padding-top: 20px;}
  .leadershipWrap .leadershipInner .leadershipRight .leadershipGroup ul { text-align: center;}
  .leadershipWrap .leadershipInner .leadershipRight .leadershipGroup ul li { width: 47%;float: none;text-align: center; margin: 0 1%;display: inline-block;}
  .leadershipWrap .leadershipInner .leadershipRight .leadershipGroup ul li:last-child{ margin-top:30px;}
  .bottomWrap .bottomInner .bottomMiddle ul li { font-size: 17px;}
  .bottomWrap .bottomInner .bottomMiddle ul li:first-child { background: url(../images/location.svg) no-repeat left top 45px;background-size: 20px auto;}
  .bottomWrap .bottomInner .bottomRight { padding: 40px 20px;}
}
@media only screen and (max-width: 533px) {
}
@media only screen and (max-width: 480px) {
.logo a img { width: 216px;}
.logo a { padding: 20px 0 20px 0; }
.navigation .enqBtn { float: none; margin-top: 0;  margin-left: 0; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999;-webkit-box-shadow: 0px -2px 7px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px -2px 7px 0px rgba(0,0,0,0.3); box-shadow: 0px -2px 7px 0px rgba(0,0,0,0.3);}
.navigation .enqBtn a { display: block; text-align: center;}
.bannerWrap .bannerImg.desktopBanner{ display: none;}
.bannerWrap .bannerImg.mobileBanner{ display: block;} 
.bannerWrap .videoOverlay { display: none;}  
.bannerWrap .bannerInfo { top: 57%;}
.bannerWrap .bannerInfo .lineTwo { font-size: 46px; line-height: 48px; margin-bottom: 6px;}
.bannerWrap .bannerInfo .lineThree { font-size: 34px; line-height: 36px;}
.bannerWrap { padding: 0;}  
footer{margin-bottom: 48px;}
.projectlistWrap .projectlistInner .projectlistSlider{ width:92%;}	
.projectlistWrap .projectlistInner .projectlistSlider > div{ width:auto; float: none; margin: 20px 0;}
.leadershipteamWrap .leadershipteamGroup .leadershipteamBox { float: none; width: auto;  margin: 40px 0 0 0;  text-align: center;}
 .teamWrap .teamGroup{ margin:0 -1%;}
.teamWrap .teamGroup .teamBox {  width: 48%; margin: 6px 1%;}
.projectaboutWrap .projectaboutInner .projectaboutRight ul li span{ font-size:15px;}	
.projectgalleryWrap { padding: 20px 0 80px 0;}	
.projectgalleryWrap .gallerySlider {width: 90%;}
.projectgalleryWrap .gallerySlider .slick-arrow.slick-prev {left: -20px; z-index: 9;}
.projectgalleryWrap .gallerySlider .slick-arrow.slick-next{right: -20px;}	
 .projectgalleryWrap .gallerySlider .slick-arrow {margin-top: -20px; width: 35px;padding: 10px;}
.projectsWrap {padding: 40px 0 40px 0;}	
 .contactWrap .contactGroup .contactBox.contactAdd {padding: 20px;}
.contactWrap .contactBox.contactForm { padding: 40px 20px;}
.mapsWrap .resp-tabs-container iframe {  min-height: 420px;}
.aboutWrap .aboutInner .aboutRight ul li:nth-child(2) {padding-left: 40px;}
.bannerWrap .bannerInfo h1 { font-size: 30px; line-height: 32px;}
h3 {font-size: 20px; line-height: 24px;}
.projectaboutWrap .projectaboutInner .projectaboutRight ul li span {  font-size: 14px; line-height: 17px;}
.projectgalleryWrap .gallerySlider { width: auto;}
.projectgalleryWrap .gallerySlider .slick-arrow { top: auto; margin-top: 0; bottom: -47px;}	
.projectgalleryWrap .gallerySlider .slick-arrow.slick-prev { left: auto; right: 50px;}
.projectgalleryWrap .gallerySlider .slick-arrow.slick-next { right: 0;}	
.projectgalleryWrap{ padding:0 0 110px 0;}
.aboutWrap, .clientWrap, .leadershipWrap, .projectaboutWrap, .awardWrap, .leadershipteamWrap, .teamWrap, .contactWrap, .careersWrap, .careersformWrap, .missionvissionWrap, .suppliersWrap{ padding:50px 0;}	
.eventsWrap .eventsInner .eventsGroup .eventGallery ul li { width: 98%;}
.navigation nav { width: 70%; right: -71%; }
  .navigation nav.open{ right: 0; }
}
@media only screen and (max-width: 424px) {
}
@media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 412px) {
}
@media only screen and (max-width: 400px) {
}
@media only screen and (max-width: 384px) {
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}