@charset "utf-8";
/* CSS Document */

@media screen and (max-width:2880px) {
header { background:url(../images/header-bg2880.jpg) repeat-y left top;}

}

@media screen and (max-width:2560px) {
}

@media screen and (max-width:1920px) { 
/*body { margin:0; padding:0; background: url(../images/bg.jpg) no-repeat center top; background-attachment:fixed; background-size:cover;}*/
}


@media screen and (max-width:1600px) {
}

@media screen and (max-width:1366px) {
/*	body {background: url(../images/bg.jpg) no-repeat center top; background-attachment:fixed;}*/
header{ width:100%; background:url(../images/header-bg1366.png) repeat-y left top; /*background-position:left top; background-repeat: repeat-y; background-color:none; filter:none !important;*/}
}

@media screen and (max-width:1024px) { 
header .maincontainer{width: 100%; background:none;}
.logo{width: 30.3%; margin: 28px 20px 28px 0;}
.logo img{width:100%; /*height:75px;*/}
.header-mid{ margin: 14px 20px 0 0;}
.nav-bg{width:98%;}
.nav-bg ul li{width:197px;}
.wrapper{width:98%;}
.bxslider li img{width:100%;}
.services-section ul li{ width: 22.92%; height: 321px;}
.about-sec{background-size:cover;}
.about-sec h1{font-size:50px;}
.road-block{width:15%;}
.road-block img{width:100%; height:auto;}
.tr-left{width: 39%;}
.tr-left img{width:92%;}
.tr-right{width:55%;}
.quick{padding: 10px 0px 20px 0; width:100%;}
.contact-left{margin: 0 0 0 26px;  width: 46%;}
.contact-right {margin: 10px 18px 0 5px; width: 48%;}
.contact-right ul li{width:45%; margin: 0 20px 0 0;}
.contact-right ul li img {height: auto; width: 100%;}
.roadblock{height:75px; width:87px;}
.roadblock img {height: 75px; width: 100%;}
.footer-nav ul li{padding: 0 12px 0 15px;}
.box{margin: 0 15px 20px;}
.box-text{min-height: 210px;}
.traffic-text.commit br {display: none;}
.traffic-text.tra-text br {display: none;}
.tra-text{padding:14px 8px 37px 8px;}
.commit {padding: 0 10px;}
p.onsite{padding:0 5px;}
p.onsite br{display:none;}
.left{width: 40%;}
.right{width:57%;}
.traffic-right{width: 62%;}
.traffic-left{width: 31%;}
.traffic-left > img {width: 100%;}
/*.career-text{width:66%;}
.career-box {width: 95%;}*/
.career-box{width:96%;}
}

@media screen and (max-width:768px) {
header{background: #e5e5e4; /* Old browsers */
background: -moz-linear-gradient(top, #e5e5e4 0%, #e5e5e4 50%, #f1a919 50%, #f1a919 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e4), color-stop(50%,#e5e5e4), color-stop(50%,#f1a919), color-stop(100%,#f1a919)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e5e5e4 0%,#e5e5e4 50%,#f1a919 50%,#f1a919 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e5e5e4 0%,#e5e5e4 50%,#f1a919 50%,#f1a919 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e5e5e4 0%,#e5e5e4 50%,#f1a919 50%,#f1a919 100%); /* IE10+ */
background: linear-gradient(to bottom, #e5e5e4 0%,#e5e5e4 50%,#f1a919 50%,#f1a919 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e4', endColorstr='#f1a919',GradientType=0 ); /* IE6-9 */}
.logo {
    display: inline-block;
    height: 74px;
    margin: 0px;
    padding:12px 0px 24px 5%;
    width: 45%;
}
.header-mid {
    height: 101px;
    float: right;
    width: 41%;
    margin: 0px;
}
.header-mid img {
    height:101px;
}
.header-right {
    display: block;
    margin: 0px auto;
    width: 45%;
    padding: 10px 0px;
}
.header-right img {
    height: 68px;
    margin-right: 2%;
    width: 68px;
}
.header-right span.contact {
 	text-align: left;
}
.header-right span.contact1 {
	text-align: left;
}
.services-section ul{padding: 0px 20px 19px 16px;}

/*.logo { width: 29%; margin: 28px 20px 5px 0;}
.header-mid {margin: 14px 0 0; width: 30%; height: 105px;}
.header-mid img {width: 30%;}
.header-right{width: 37%;}
.header-right img {height: 62px; margin-right: 2%; width: 62px;}
.header-right span.contact{font-size: 17px;}
.header-right span.contact1{font-size: 24px;}*/
.helsafe {height: 114px; top: -72px; width: 87px;}
.helsafe > img {height: 114px; width: 100%;}
.nav-bg ul li {width: 150px; font-size: 14px;}
.services-section ul li {height: auto; width: 47%;}
.road-block {top: -41px;}
.light {top: -43px; width: 14%;}
.light > img { width: 100%;}
.heading{text-align:center; padding: 59px 18px 0 18px;}

.tr-left {display: block; margin: 25px auto; width: 60%; float:none;}
.tr-right {padding: 0 18px; width: 96%; float:none;}
.contact-left {display: block; margin: 0 auto; width: 82%;}
.col{width: 186px;}
.col1, .col3 {width: 24px;}
.col2, .col4 {width: 182px;}
.col5 {width: 84px;}
.contact-right {display: block; margin: 10px auto 0; padding: 0 0 0 47px; width: 82%;}
.contact-right ul{display:block;}
.footer-nav {width: 67%;}
.bradcum{top:13px; right: 9px;}
h1 {padding:20px 0 0 0;}
.box{width:45.3%;}
.box img{height: 186px;}
.box-text {min-height: 270px; padding: 10px 0 10px 11px;}
.left {display: block; float: none; margin: 0 auto; width: 66%;}
.left img {border: 3px solid #1a1a1a; height: 316px; width: 100%;}
.right {width: 100%; float:none; display:block;margin-top: 15px;}
.traffic-left {display: block; margin: 0 auto 20px; width: 50%; float:none;}
.traffic-right {display: block; margin: 0 auto; width: 96%; float:none;}
.tra-text {padding: 14px 8px 20px;}
p.onsite {padding: 0 15px;}
.pdgt-h{padding:32px 18px 0;}
.traffic-right .li-text{text-align:justify;}
/*.career-text {width: 54%;}*/
.career-box {width: 94.7%;}
.icon{top: 108px; width: 80px; height: 80px;}
.icon img {height: 66px; width: 56px;}
.share-btn{top: 51px;}
}

@media screen and (max-width:736px) {
/*.header-mid {margin: 14px 0 0; width: 30%; height: 102px;}
.header-mid img {width: 33%;} 
.header-mid {width: 28%;}
.header-right {width: 39%;}*/
.header-right {width: 47%;}
.nav-bg ul li{width:auto;}
.nav-bg ul li a {padding: 0 29px;}
.heading{font-size: 24px;}
.contact-left{width:86%;}
.footer-nav {width: 66%;}
.box-text {min-height: 290px;}
.career-box {width: 94.4%;}
/*.career-text {width: 51%;}*/
.career-text span{text-align:left; font-size:20px;}
}

@media screen and (max-width:667px) { 
/*.logo {display: inline-block; height: 74px; margin: 0; padding:18px 0 9px 5%; width: 45%;}
.logo img {height: 74px; width: 100%;}
.header-mid{height: 94px; float:right; width: 41%;  margin:0;}
.header-mid img { height: 94px;}*/
.logo{padding: 18px 0px 18px 5%;}
.header-right {width: 51%;}
.nav-bg ul li a {padding: 0 22px;}
.services-section ul{padding:0px 0 30px 0;}
.services-section ul li {margin:0 1% 0; padding:0; width: 48%;}
.about-sec h1 {font-size: 42px;}
.contact-left {width: 94%;}
.col {width: 184px;}
.tr-right {padding: 0 2%;}
.footer-nav {width: 62%;}
.commit {padding: 0 5px;}
.box, .box:nth-child(2n+1) {display: block; margin: 0 auto 20px auto; width: 96%;}
.box-text {min-height: auto; padding: 10px 6px; width: 98%;}
.box img {height: 263px;}
.icon{top: 185px;}
.icon img {height: 66px; width: 50px;}
.service-sec h2.need{padding: 0 8px;}
.career-box {width: 93.6%;}
.career-box img.ltr, .career-box img.rtl  {width: 61%; display: block; margin: 0 auto 20px auto; float:none;}
.career-text {display: block; width:100%;}
.career-text span {text-align:center;}
.share-btn {top: 154px;}
}

@media screen and (max-width:600px) {
.top {background: url("../images/top-strip1.jpg") repeat scroll left top rgba(0, 0, 0, 0); height: 34px;}
.logo {height: 72px; margin: 2.5% 0 2.5% 5%; padding: 0;}
.logo img {height: auto; padding: 0;}
.header-mid, .header-mid img{height: 98px;}
.header-right {width: 57%;}
.nav-bg ul li a {padding: 0 15.5px;}
.about-sec h1 {font-size: 37px;}
.about-sec h1 span{font-size:27px;}
.road-block {width: 20%; top: -46px;}
.col {width: 180px;}
.col1, .col3 {width: 16px;}
.col2, .col4 {width: 161px;}
.contact-right {padding: 0 0 0 35px;}
.footer-nav {width: 57%;}
.footer-nav ul li {padding: 0 12px;}
.career-box {width: 93.1%;}
.share-btn {
    top: 133px;
}
}

@media screen and (max-width:568px) {
.header-right {width: 60%; }
.nav-bg ul li a {padding: 0 12.5px;}
.services-section ul li {margin:0 0.5% 0;}
.road-block {top: -49px; width: 23%;}
.tr-left{margin: 25px auto 0;}
.col {width: 172px;}
.col2, .col4 {width: 150px;}
.contact-right {padding: 0 0 0 30px;}
.light {width: 13%; top: -33px; right: 17px;}
.roadblock {height: 66px; width: 78px; margin: 10px 2% 4px 2%;}
.roadblock img {height: 66px; width: 100%;}
.footer-nav {width: 62%;}
.footer-nav ul li {padding: 0 1%;}
.icon img {height: 65px; width: 51px;}
.frheading{padding: 8px 0 10px; font-size: 24px;}
.career-box img.ltr, .career-box img.rtl {width: 70%;}
.career-box {width:92.3%;}
}

@media screen and (max-width:480px) {
.logo {height: 61px; margin:4% 0 2% 5%;} 
.header-mid {height: 88px; width: 48%;}
.header-mid img {width: 33%; height:88px;}
.header-right {width: 70%; padding: 7px 0px;}
.header-right img {height: 66px; margin-right: 2%; width: 67px;}
.nav-bg ul li {font-size: 13px;}
.nav-bg ul li a {padding: 0 7px;}
.helsafe {height: 105px; top: -68px; width: 76px}
.helsafe > img {height: 105px; width: 100%;}
.services-section ul li {height:auto; width:94%; margin:0 auto; float: none; padding: 26px 0px 0 0;}
.services-section ul li:last-child{ margin:0 auto 0 auto;}
.services-section ul li h2{margin: 0 0 10px;}
.services-section ul {margin-bottom:15px;}
.services-section ul li .yellow-circle{margin: 0 auto 15px;}
.light {
    width: 16%;
}
.about-sec h1 span {font-size: 25px; width: 180px;}
.about-sec h1 {font-size: 30px;}
.about-sec h2 {padding: 8px 20px 16px;}
.road-block {top: -39px;}
.heading {font-size: 22px;}
.tr-right ul li{text-align:justify; padding: 0 0 27px 35px;}
.row{font-size:14px;}
.col {width: 148px;}
.col2, .col4 {width: 123px;}
.contact-heading{font-size: 22px;}
.contact-heading span {width: 163px;}
.col5 {width: 73px;}
.col6 {width: auto;}
.contact-right ul li {display: block; margin: 0 auto 20px; width: 62%;}
.contact-right li:last-child {margin-bottom: 0;}
.roadblock {display: none;}
.footer-nav {display: block; margin: 0 auto; padding: 12px 0; width: 98%;}
.footer-nav ul li {padding: 0 2%;}
.copyright{padding: 0;}
.box img {height: 200px;}
.icon {height: 64px; top: 138px; width: 57px;}
.icon img { height: 47px; width: 34px;}
.yellow-text{padding: 8px 0 10px;}
.yellow-text2 {font-size: 17px;}
.traffic-right .circle{margin: 0 27px 15px 0;}
.service-sec h2.need {font-size: 22px;}
.career-box {width: 91%;}
.share-btn {
    top: 121px;
}
}

@media screen and (max-width:414px) { 
.logo {height: 61px; margin: 6% 0 0 2%; width: 42%;}
.header-mid {height: 86px; width: 56%;}
.header-mid img {height:86px;}
.header-right {width: 82%;}
.nav-bg{padding: 0 0 10px;}
.nav-bg ul{display:none;}
.cus-res-menu {display: inline-block; margin: 0; padding: 0; width: 100%; font-family: 'proxima_nova_rgregular';}
.cus-res-menu .show-menu {display: block; padding: 10px 0 0; position: relative;}
.cus-res-menu input[type="checkbox"] {display: none;}
.show-menu em {font-size: 28px; position: absolute; right: 1px; top: 5px;}
.cus-res-menu ul {background:#1a1a1a; display: none; padding: 10px 0; position: absolute; width: 98%; list-style-type: none; margin: 0;}
.cus-res-menu input[type="checkbox"]:checked ~ #menu1 {display: block; z-index: 99999;}
.cus-res-menu ul li {display: block; float: left;/* margin-right: 1px;*/ width: 97%; margin:0; padding: 5px; border-bottom: 1px dashed #f1a919; background:none;}
.cus-res-menu ul li a {color: #fff; display: block; line-height: 20px; padding: 0 15px; text-align: left; text-decoration: none;}
.light {top: -48px; width: 19%;}
.quick br{display:none;}
.heading {padding: 50px 7px 0;}
.col {width: 130px;}
.col1, .col3 {width: 8px;}
.col2, .col4 {width: 110px;}
.contact-right {padding: 0 0 0 4px;}
.contact-right ul li {width: 68%;}
.email-contact {padding-top: 8px;}
.left {width: 86%;}
.left img {height: 250px; width: 98%;}
.career-box img.ltr, .career-box img.rtl {width: 95%;}
.career-box {width: 90%;}
.share-btn {top: 247px;}
}

@media screen and (max-width:384px) { 
.header-right {width: 90%; padding:9px 0px 6px 0px;}
.light{height:115px;}
.light > img {height: 115px;}
.road-block {top: -31px;}
.heading {font-size: 19px;}
.col {width: 127px;}
.col1, .col3 {width: 6px;}
.col2, .col4 {width: 100px;}
.col5 {width: 57px;}
h1{font-size: 30px;}
.box img {height: 159px;}
.icon {top: 97px;}
.icon img {height: 45px;}
.main-head-section{padding: 32px 0 15px;}
.traffic-right .circle {margin: 0 27px 35px 0;}
.career-box {width: 89%;}
}

@media screen and (max-width:375px) { 
/*.logo {margin: 8% 0px 0px 2%;}
.header-mid, .header-mid img {height: 85px;}
.header-right span.contact {font-size:17px;}
.header-right span.contact1 {font-size:24px;}
.header-right {padding: 0px 0px 6px;}*/





header {background: #e5e5e4; /* Old browsers */
background: -moz-linear-gradient(top, #e5e5e4 0%, #e5e5e4 69%, #f1a919 69%, #f1a919 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e4), color-stop(69%,#e5e5e4), color-stop(69%,#f1a919), color-stop(100%,#f1a919)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e5e5e4 0%,#e5e5e4 69%,#f1a919 69%,#f1a919 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e5e5e4 0%,#e5e5e4 69%,#f1a919 69%,#f1a919 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e5e5e4 0%,#e5e5e4 69%,#f1a919 69%,#f1a919 100%); /* IE10+ */
background: linear-gradient(to bottom, #e5e5e4 0%,#e5e5e4 69%,#f1a919 69%,#f1a919 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e4', endColorstr='#f1a919',GradientType=0 ); /* IE6-9 */}
.logo{width:74%; display:block; margin:0 auto; padding:10px 0;}
.header-mid {display: block; float: none; margin: 0 auto; padding:0 0px 3px; width:63%; height:85px;}

.header-right {width: 89%; padding:6px 0px 8px 0;}
.header-right img {height: 59px; width: 60px;}
.header-right span.contact {font-size:17px;}
.header-right span.contact1 {font-size:24px;}
.about-sec h1 span {font-size: 22px; width: 149px;}
.about-sec h1 {font-size: 27px;}
.road-block {top: -38px; width: 26%;}
.row {font-size: 13px;}
.col {width: 120px;}
.col2, .col4 {width: 99px;}
.footer-nav ul li {font-size: 14px;}
/*.icon {top: 91px; height: 70px; width: 70px;}*/
.icon img {height: 48px;}
.box-text{font-size: 15px; padding: 10px 3px;}
.share-btn {top: 314px;}
}

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

/*.logo{width:86%; display:block; margin:0 auto; padding:10px 0;}
.header-mid {display: block; float: none; margin: 0 auto; padding:0 0px 3px; width:58%;}
.header-mid, .header-mid img {
    height: 76px;
}
.header-right {width: 89%; padding:12px 0px;}
.header-right img {height: 59px; width: 60px;}*/
.header-mid {width: 70%;}
.heading{padding: 39px 7px 0;}
.row {border: 1px dashed #1a1a1a; font-size: 14px; padding: 5px; width: 96%;}
.col {padding: 10px 10px 5px; width: 45%; display: inline-block;}
.col1 {padding:11px 0 0;}
.col3{padding: 5px 0;}
.col2 {display: inline-block; padding: 5px 10px; width: 45%;}
.col4 {display: inline-block; padding: 5px 10px; width: 36%;}
.col5, .col6{padding: 10px 10px 5px;}
.contact-right ul li {width: 82%;}
.contact-right ul li span{font-size:22px;}
.light {width: 23%;}
.yellow-text {font-size: 18px;}
.traffic-right .circle {margin: 0 27px 51px 0;}
.career-box {width: 87%;}
.career-box img.ltr, .career-box img.rtl {width: 100%;}
}