/************************************************************************************
smaller than 1896
*************************************************************************************/
@media screen and (max-width: 1896px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 45% 0 0;
}*/
.bannerBoxIn {
    background-size: 100%;
	    padding: 80px 0;
}
}
/************************************************************************************
smaller than 1860
*************************************************************************************/
@media screen and (max-width: 1860px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 45% 0 0;
}*/
}
/************************************************************************************
smaller than 1825
*************************************************************************************/
@media screen and (max-width: 1825px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 45% 0 0;
}*/
}
/************************************************************************************
smaller than 1792
*************************************************************************************/
@media screen and (max-width: 1792px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 43% 0 0;
}*/

}
/************************************************************************************
smaller than 1760
*************************************************************************************/
@media screen and (max-width: 1760px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 43% 0 0;
}*/
}
/************************************************************************************
smaller than 1720
*************************************************************************************/
@media screen and (max-width: 1720px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 40% 0 0;
}*/
}
/************************************************************************************
smaller than 1699
*************************************************************************************/
@media screen and (max-width: 1699px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 40% 0 0;
}*/
}
/************************************************************************************
smaller than 1670
*************************************************************************************/
@media screen and (max-width: 1670px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 40% 0 0;
}*/
}
/************************************************************************************
smaller than 1643
*************************************************************************************/
@media screen and (max-width: 1643px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 38% 0 0;
}*/
}

/************************************************************************************
smaller than 1616
*************************************************************************************/
@media screen and (max-width: 1616px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 37% 0 0;
}*/
}
/************************************************************************************
smaller than 1590
*************************************************************************************/
@media screen and (max-width: 1590px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 37% 0 0;
}*/
}
/************************************************************************************
smaller than 1565
*************************************************************************************/
@media screen and (max-width: 1565px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 36% 0 0;
}*/
.head_main {
    width: 87%;
}
}
/************************************************************************************
smaller than 1551
*************************************************************************************/
@media screen and (max-width: 1551px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 35% 0 0;
}*/
}
/************************************************************************************
smaller than 1546
*************************************************************************************/
@media screen and (max-width: 1546px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 35% 0 0;
}*/
.head_main {
    width: 87%;
}
}
/************************************************************************************
smaller than 1534
*************************************************************************************/
@media screen and (max-width: 1534px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 34% 0 0;
}*/
}
/************************************************************************************
smaller than 1511
*************************************************************************************/
@media screen and (max-width: 1511px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 33% 0 0;
}*/
}
/************************************************************************************
smaller than 1488
*************************************************************************************/
@media screen and (max-width: 1488px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 32% 0 0;
}*/
}
/************************************************************************************
smaller than 1466
*************************************************************************************/
@media screen and (max-width: 1466px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 31% 0 0;
}*/
}
/************************************************************************************
smaller than 1446
*************************************************************************************/
@media screen and (max-width: 1446px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 30% 0 0;
}*/
.head_main {
    width: 86%;
}
}
/************************************************************************************
smaller than 1445
*************************************************************************************/
@media screen and (max-width: 1445px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 30% 0 0;
}*/
}
/************************************************************************************
smaller than 1440
*************************************************************************************/
@media screen and (max-width: 1440px) {
.our-company h1{
    padding:15px 0 0 0;
}
.our-company h1:after {
    top: 106px;
}
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 29% 0 0;
}*/
}
/************************************************************************************
smaller than 1429
*************************************************************************************/
@media screen and (max-width: 1429px) {
.head_main {
    width: 86%;
}
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 29% 0 0;
}*/
}
/************************************************************************************
smaller than 1421
*************************************************************************************/
@media screen and (max-width: 1421px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 28% 0 0;
}*/
}
/************************************************************************************
smaller than 1401
*************************************************************************************/
@media screen and (max-width: 1401px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 27% 0 0;
}*/
}
/************************************************************************************
smaller than 1382
*************************************************************************************/
@media screen and (max-width: 1382px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 26% 0 0;
}*/
}
/************************************************************************************
smaller than 1364
*************************************************************************************/
@media screen and (max-width: 1364px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 25% 0 0;
}*/
}
/************************************************************************************
smaller than 1346
*************************************************************************************/
@media screen and (max-width: 1346px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 24% 0 0;
}*/
.head_main {
    width: 85%;
}
}
/************************************************************************************
smaller than 1343
*************************************************************************************/
@media screen and (max-width: 1343px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 23% 0 0;
}*/
.head_main {
    width: 84%;
}
}
/************************************************************************************
smaller than 1341
*************************************************************************************/
@media screen and (max-width: 1341px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 20% 0 0;
}*/
.head_main {
    width: 82%;
}
}
/************************************************************************************
smaller than 1329
*************************************************************************************/
@media screen and (max-width: 1329px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 20% 0 0;
}*/
}
/************************************************************************************
smaller than 1326
*************************************************************************************/
@media screen and (max-width: 1326px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 18% 0 0;
}*/
}
/************************************************************************************
smaller than 1309
*************************************************************************************/
@media screen and (max-width: 1309px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 18% 0 0;
}*/
}
/************************************************************************************
smaller than 1293
*************************************************************************************/
@media screen and (max-width: 1293px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 16% 0 0;
}*/
}
/************************************************************************************
smaller than 1280
*************************************************************************************/
@media screen and (max-width: 1280px) {

}
/************************************************************************************
smaller than 1277
*************************************************************************************/
@media screen and (max-width: 1277px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 16% 0 0;
}*/
}
/************************************************************************************
smaller than 1265
*************************************************************************************/
@media screen and (max-width: 1265px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 15% 0 0;
}*/
}
/************************************************************************************
smaller than 1250
*************************************************************************************/
@media screen and (max-width: 1250px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 14% 0 0;
}*/
}
/************************************************************************************
smaller than 1245
*************************************************************************************/
@media screen and (max-width: 1245px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 14% 0 0;
}*/
.head_main {
    width: 84%;
}
}
/************************************************************************************
smaller than 1217
*************************************************************************************/
@media screen and (max-width: 1217px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 13% 0 0;
}*/
}
/************************************************************************************
smaller than 1193
*************************************************************************************/
@media screen and (max-width: 1193px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 11% 0 0;
}*/
}
/************************************************************************************
smaller than 1189
*************************************************************************************/
@media screen and (max-width: 1189px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 10% 0 0;
}*/
.head_main {
    width: 82%;
}
}
/************************************************************************************
smaller than 1182
*************************************************************************************/
@media screen and (max-width: 1182px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 8% 0 0;
}*/
}
/************************************************************************************
smaller than 1167
*************************************************************************************/
@media screen and (max-width: 1167px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 8% 0 0;
}*/
.head_main {
    width: 83%;
}
}
/************************************************************************************
smaller than 1151
*************************************************************************************/
@media screen and (max-width: 1151px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 4% 0 0;
}*/
}
/************************************************************************************
smaller than 1130
*************************************************************************************/
@media screen and (max-width: 1130px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 4% 0 0;
}*/
}
/************************************************************************************
smaller than 1117
*************************************************************************************/
@media screen and (max-width: 1117px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 0% 0 0;
}*/
.head_main {
    width:80%;
}
}
/************************************************************************************
smaller than 1100
*************************************************************************************/
@media screen and (max-width: 1100px) {
/*#cssmenu > ul > li:nth-child(4) {
    margin: 0 0% 0 0;
}*/
.head_main {
    width: 80%;
}
#cssmenu > ul > li {
    padding: 0px 10px 19px 10px;
}
}
/************************************************************************************
smaller than 1080
*************************************************************************************/
@media screen and (max-width: 1080px) {
.head_main {
    width:79%;
}
}
/************************************************************************************
smaller than 1024
*************************************************************************************/
@media screen and (max-width: 1024px) {
#cssmenu > ul > li {
    padding: 0px 10px 0px 10px;
}
}
/************************************************************************************
smaller than 1020
*************************************************************************************/
@media screen and (max-width: 1020px) {
#cssmenu > ul > li {
    padding: 0px 5px 0px 5px;
}
}
/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
#cssmenu > ul > li {
    padding: 0px 2px 0px 2px;
}
#cssmenu > ul > li a{
    font-size:12px;
}
.head_main {
    width:77%;
}
.list1 ul {
    display: inline-block;
}
.list1 ul li {
    width: 46.3%;
    vertical-align: top;
    margin: 0 12px 50px 12px;
}
.section1 ul {
    display: inline-block;
}
.section1 ul li {
    width: 46.3%;
    vertical-align: top;
    margin: 0 12px 50px 12px;
}
.info2 {
    width: 82%;
    padding: 8px 25px;
}
.bannerText {
    top: 15%;
}

}
/************************************************************************************
smaller than 850
*************************************************************************************/
@media screen and (max-width: 850px) {
.head_main {
    width: 76%;
}
#cssmenu > ul > li a {
    font-size: 11px;
}
}
/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-width: 768px) {
.head_main {
    width: 75%;
}

.bannerdis {
    background: url(../images/disclaimer.webp) center center no-repeat;
    background-size: cover;
}
.bannerprivacy {
    background: url(../images/privacy-policy.webp) center center no-repeat;
    background-size: cover;
}

.logo {
    width: auto;
    text-align: center;
	margin:0 0 10px;
}
#cssmenu{
	margin:0;
}
.leftF {
    width: 30%;
}
#cssmenu ul {
    background: #161616;
}
#cssmenu > ul > li.active > a {
    color: #222222;
}
#cssmenu > ul > li:hover > a {
    color: #222222;
}
#cssmenu > ul > li > a {
    color: #222222;
    padding: 19px 0px 5px 20px;
}
.bannerBoxIn {
    padding: 30px 0 30px;
}
.bannerAbout {
    background: url(../images/about-banner.webp) center center no-repeat;
	background-size:cover;
}
.capabilities {
    background: url(../images/capabilities.webp) center center no-repeat;
    background-size: cover;
}
.bannerQuality{
    background: url(../images/quality-assurance1.webp) center center no-repeat;
    background-size: cover;
}
.bannergreen{
    background: url(../images/green-initiatives.webp) center center no-repeat;
    background-size: cover;
}
.bannerContact {
    background: url(../images/contact-banner.jpg) center center no-repeat;
	background-size: cover;
}
.bannerApplyOnline {
    background: url(../images/apply-online.webp) center center no-repeat;
    background-size: cover;
}
.bannerCareer {
    background: url(../images/career.webp) center center no-repeat;
    background-size: cover;
}
.bannerJobOpenings {
    background: url(../images/current-job-openings.webp) center center no-repeat;
    background-size: cover;
}
.aboutInfo {
    padding: 30px 0 30px;
}
#cssmenu #menu-button:after {
    border-top: 2px solid #222222;
    border-bottom: 2px solid #222222;
  }
  #cssmenu #menu-button:before {
    background: #222222;
  }
  #cssmenu #menu-button.menu-opened:after {
    background: #222222;
  }
  #cssmenu #menu-button.menu-opened:before {
    background: #222222;
  }
}

/************************************************************************************
smaller than 736
*************************************************************************************/
@media screen and (max-width: 736px) {
.head_main {
    width: 100%;
    background: #f4fcfe;
    margin: 0 0 10px;
}
.logo{
	margin:0 auto 10px;
	display:table;
	float:none;
}
#cssmenu ul{
	 background: #f4fcfe;
	 padding:0 0 20px;
}
#cssmenu > ul > li {
    text-align: center;
}
.boxInner {
    width: 100%;
}
.boxInner img{
    width: 100%;
}
.boxOuter1 {
    padding:40px 0 0 0px;
    width: 100%;
}
.boxOuter1 img{
    width: 100%;
}
 
.boxIn1 {
    width: 100%;
}
.rightList {
    padding: 20px 0 0 0px;
}
.list2 ul{
	display:inline-block;
}
.list2 ul li {
    width: 100%;
    margin: 0 0px 20px;
}
.boxIn2{
	display:inline-block;
}
.leftImg1{
	width:100%;
}
.righttext {
    padding: 20px 0 0 0px;
}
.imgBg {
    width: 100%;
    margin: 0px 0 0 0;
}
.textTop {
    width: 100%;
    position: static;
    padding: 30px;
}
.textIn {
    width: 100%;
    position: static;
    transform: initial;
}
.middleIn1 {
    display: none;
}
.arrowR:after{
	display:none;
}
.arrowL:after{
	display:none;
}
.leftImgWidth {
    width: 100%;
}
.boxIn2{
	overflow:hidden;
}
.leftImg01{
	width:100%;
}
.righttext1 {
    padding: 20px 0 0 0px;
    width: 100%;
}
.width1{
	width:100%;
}
.width2{
	width:100%;
}
.bannerBoxIn h1 {
    font-size: 22px;
}
.qualityBx ul li {
    width: 100%;
}
.greenBox ul li {
    width: 100%;
}
.paddingIn {
    padding: 30px 0 0 0px;
}
.greenBox ul li p {
    padding: 0 0 30px;
}
.contactTop {
    width: 100%;
    position: static;
}
.infoContact {
    width: 100%;
    margin: 30px 0 40px;
}
.imgInMap {
    width: 100%;
    height: 250px;
}
.leftF {
    width: 28%;
}
.leftBoxForm {
    width: 100%;
}
.rightBoxImg {
    width: 100%;
}
.linkFooter ul li {
    display: inline-block;
}
.linkFooter ul li a {
    padding: 5px;
    margin: 5px 1px;
    border: 1px solid #222222;
}
.our-company h2 br{
	display:none;
	text-align:center;
}
.mainTop1 {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.our-company h2:after {
    background: url(../images/boder-bottom2.png) 0% 0% no-repeat;
    width: 126px;
    height: 14px;
    position: absolute;
    right: 0;
    top:40px;
    left: 0;
    content: "";
    margin: 0 auto;
    display: table;
}
.buttonC a {
    margin: 0 0px 20px;
    width: 100%;
}
}
/************************************************************************************
smaller than 667
*************************************************************************************/
@media screen and (max-width: 667px) {
.mainTop1 {
    display: inline-block;
    width: 100%;
}
.our-company h1 {
    text-align: center;
    width: 100%;
}
.our-company {
    padding: 30px 0;
    position: relative;
}
.sideText {
    top: 70px;
}
.capabilitiesBox{
	position:relative;
}
.section1{
	position:relative;
}
.our-company h1 br{
	display:none;
}
.our-company h1:after {
    top:60px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.our-company p{
	width:100%;
	text-align:center;
	border:0;
	margin:0;
	padding:30px 10px;
}
.list1 ul li {
    width: 100%;
    vertical-align: top;
    margin: 0 0px 50px 0px;
}
.section1 ul li {
    width: 100%;
    vertical-align: top;
    margin: 0 0px 50px 0px;
}
.leftF {
    width: 100%;
    text-align:center;
}
.middleIn p {
    display: table;
	margin:0 auto;
}
.middleIn{
	width:100%;
	text-align:center;
	padding:50px 0 0 0;
}
.linkFooter {
    width:100%;
    display: inline-block;
    float: right;
	text-align:center;
	padding:30px 0 0 0;
}
.leftLink a {
    float: none;
    padding: 0 15px;
}
.leftLink {
    width: 100%;
    text-align: center;
}
.textCopy{
	width:100%;
	text-align:center;
	padding:20px 0 0 0;
}
.clients-say-bg {
    padding: 50px 0 80px;
}
.clients-say-bg p {
    width: 100%;
}

}
/************************************************************************************
smaller than 640
*************************************************************************************/
@media screen and (max-width: 640px) {
.our-clientsBg ul{
	display:inline-block;
}
.our-clientsBg ul li {
    width: 47%;
    margin: 0 5px 23px;
}
}

/************************************************************************************
smaller than 568
*************************************************************************************/
@media screen and (max-width: 568px) {
.bannerText h1 {
    font-size: 14px;
    padding: 10px;
    line-height: 20px;
    border: 8px solid rgba(255,255,255,0.2);
}
.qualityList ul li a {
    padding: 5px 3px;
    font-size: 12px;
}
}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
.our-clientsBg ul li {
    width: 46%;
}
.leftBoxForm ul li a, .leftBoxForm ul li input[type="submit"] {
    padding: 12px 60px 12px;
}
.input1 {
    width: 100%;
}
.input2 {
    width: 100%;
}
.bannerText h1 {
    font-size: 12px;
    padding: 8px;
    line-height:16px;
}
.bannerText {
    top: 31%;
}
.openingTop a{
	float:none;
	margin: 11px 0px;
}
.middleIn p {
    padding: 0 0 20px 30px;
    font-size: 14px;
    text-align: left;
}
.section1 ul li {
    width:47.1%;
	margin: 0 4px 20px 4px;
}
.section1 ul li h2 {
    font-size: 14px;
}
.section1 {
    padding: 40px 0 40px;
}
.our-company h2 {
    font-size: 28px;
}
.heading1{
    font-size: 28px;
}
}
/************************************************************************************
smaller than 414
*************************************************************************************/
@media screen and (max-width: 414px) {

}

/************************************************************************************
smaller than 384
*************************************************************************************/
@media screen and (max-width: 384px) {
.bannerText h1 {
    font-size: 13px;
    padding:6px;
}
.leftLink a {
    float: none;
    padding: 0 5px;
    font-size: 13px;
}
.heading4:after {
    bottom: -2px;
}
.heading4 {
    font-size:20px;
    margin: 0 0 8px;
}
.text1 {
    font-size: 14px;
}
.boxInner ul li {
    padding: 0 0 5px 25px;
}
.boxInner ul {
    bottom: 7px;
    width: 91%;
    padding: 13px;
}
.milestonesBox ul li{
	font-size:13px;
	margin:0 0 20px;
}	
.qualityList ul li a {
    font-size: 11px;
}
.buttonC a{
	padding: 10px 5px 10px;
}
}


/************************************************************************************
smaller than 375
*************************************************************************************/
@media screen and (max-width: 375px) {

}


/************************************************************************************
smaller than 360
*************************************************************************************/
@media screen and (max-width: 360px) {
.qualityList ul li a {
    font-size: 10px;
	margin:0;
}
}

/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {

}