@media (max-width: 320px) {

.navbar .navbar-inner {width:100% !important;}


}


@media (max-width:500px){
body {background-image: linear-gradient(to bottom, #ECECEC, #D9D9D9);}
.navbar .container, .container {width:100% !important; overflow-x: hidden;}
p {font-size: 14px; line-height: 20px;}
h1 {font-size: 35px;}
.galry h1 {margin:0;}
.carousel-indicators {top:0;}
.prj-item, .main .prj-item {width: 100%;}
.wrapper2 {width:100%;}
#myCarousel {width: 100% !important; margin:auto;}
#myCarousel .carousel {width: 100% !important; margin:auto;}
#myCarousel .carousel-inner {width:100%; margin:auto;}
#myCarousel .carousel-inner h1{font-size: 20px; color:#2b4271;}
#myCarousel .carousel-inner p.lead {color:black; font-size: 12px; width:90%;}
.navbar-inner {width:100%;}
.gallery h1 {display: none;}
.projects.wrapper2 ul.projects-wrap li.prj-item {width: 100%;}
/*  Employment Form  */
.wrapper .employment h1 {font-size: 32px;}
.wrapper {width: 100%;}
.wrapper .employment .container {width: 95% !important; overflow-x:hidden;}
.wrapper .employment .container p {width: 290px;}
.employment .container .info-left {margin-left: auto; margin-right: auto;}
.employment .container form h3 {font-size: 20px;}
.textarea {margin-top: 124px; margin-left: -290px; margin-bottom: -20px;}
.wrapper .employment {width: 309px;}
.employment .container form button {margin-left: 123px; margin-top: 0;}
.employment .container input[type="text"] {width: 270px;}
.employment .container .state {width: 150px;}
.employment .container .customSelect {margin-left: 1px;}
.wrapper .employment .container .zip {margin-left: 168px; width: 100px;}
.employment .degree.customSelect {width: 275px;}
.wrapper .employment textarea {width:93%;}
select, input[type="file"] {width:200px;}
/***************************/
.main h4 {display: none;}
.main .pad {padding:20px;}
.projects h1 { margin-top: 20px;}
.Clogos {display: none;}
/* .main .prj-item .prj-caption {width:289px;} */
.main .projects-wrap li.prj-item:nth-child(2n) {float:left;}
.wrapper2 .main .area .contact {display: none;}
.wrapper2 .main .area .cont_imgs {width:100%;}
.wrapper2 .main .scrollable li {height:50px;}
.wrapper2 .main .scrollable {height:70px;}
.container .carousel-caption {width:100% !important;
	background-color: #ececec;
  background-image: -moz-linear-gradient(top, #ececec, #d9d9d9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#d9d9d9));
  background-image: -webkit-linear-gradient(top, #ececec, #d9d9d9);
  background-image: -o-linear-gradient(top, #ececec, #d9d9d9);
  background-image: linear-gradient(to bottom, #ececec, #d9d9d9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#d9d9d9', GradientType=0);
  color:black;
  padding:20px;}
    a.rte, a.lft {display:none;}
    .scrollable {width:100%;}

/*
 .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
  width:100%;}
*/


.wrapper, .wrapper2, .wrapper2 .main {width: 100% !important;}

.gallery {float:none; width:100%;}

/*.navbar .steel-menu .steel-nodisplay {display:none;}*/
.navbar .steel-menu {margin-right: -84px;}
.navbar .steel-menu .space {margin: -2px;}
.navbar .steel-menu img { height: 34px; }


.navbar .logo img{ position:absolute; left:10px; z-index: 3;}
.navbar .btn-navbar {z-index: 9999 !important;}
a.mclick {width:60px; height: 30px;}
.mbileNav .mid_nav {width:100% !important;}
.mid_nav ul.btm {width:320px !important; background: url(../img/nav_tabs/t_horz_steal.jpg) repeat; height: 732px;}
.mbileNav .mid_nav ul.btm li { margin:8.5px;}

mbileNav .mid_nav .btm li.oil {background: url(../img/nav_tabs/oilngas.jpg) no-repeat;}
.mbileNav .mid_nav .btm li.min {background: url(../img/nav_tabs/min2.jpg) no-repeat;}
.mbileNav .mid_nav .btm li.pwr {background: url(../img/nav_tabs/power2.jpg) no-repeat;}
.mbileNav .mid_nav .btm li.cment {background: url(../img/nav_tabs/cement_m2.jpg) no-repeat;}
.mbileNav .mid_nav .btm li.cment:hover {background: url(../img/nav_tabs/cement_m_hover2.jpg) no-repeat;}
.mbileNav .mid_nav .btm li.fab {background: url(../img/nav_tabs/special2.jpg) no-repeat;}
.mbileNav .mid_nav .btm li.gment {background: url(../img/nav_tabs/govern2.png) no-repeat;}
.mbileNav .mid_nav ul.btm li a {  vertical-align: middle; color:#eda10d; text-decoration: none; display: block;  text-align :center; background: url(../img/ux/arrow2.png) no-repeat 221px center; margin-top:40px;}
.mbileNav .mid_nav ul.btm li a img {vertical-align: middle;  margin-left:10px; margin-top:-5px;}
/* ul.btm li.lin img {margin-top:-20px;} */
.mbileNav .mid_nav ul.btm li.lin a { margin-top:32px;}


.carousel-inner .item .container .carousel-caption {padding-left: 20px;}
.carousel-inner .item .container .carousel-caption h1{margin-top: -5px; margin-bottom: 0px; font-size: 16px;}

.container .carousel-caption .lead a {margin-top: 0px; margin-right:0px; float: right; font-size:14px; margin-left: 10px;}


#slidz {display:none;}
.footer .social, .footer .address, .footer .contact {width:100%;padding-left:15px; }
.footer {width:100% !important; min-width: 0px !important;}
/*.footer .social:after {background: url(../img/ux/bg.jpg) repeat-y; content: "";
display: table; line-height: 0; height:5px; width:100%;margin-left:-15px;}*/
.footer .container .social {background-color: #ececec;
  background-image: -moz-linear-gradient(top, #ececec, #d9d9d9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#d9d9d9));
  background-image: -webkit-linear-gradient(top, #ececec, #d9d9d9);
  background-image: -o-linear-gradient(top, #ececec, #d9d9d9);
  background-image: linear-gradient(to bottom, #ececec, #d9d9d9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#d9d9d9', GradientType=0);
  color:black;
  padding-top: 245px;
 }
html body .footer {margin-top: 0px;}

.footer .container .social .unhide { visibility: visible; display: inline; }
.footer .container .social .unhide a {color: #EDA10D; margin-left: -34px;}
.footer .container .social h5{ color:#2b4271; margin-left: 40px;}
.footer .container .social p{ font-size: 12px; line-height: 18px; width: 167px;}
.footer .container .social div {margin-left: 261px; margin-right: 32px;}
.footer .container .social .hide-div { visibility: hidden;}
.footer .container .address {margin-left: 25px;}
.footer .container .address img { margin-left: 55px; margin-bottom: 12px;}
.footer .container .address p { text-align: center; font-size: 11px; margin-left: -84px;}
.footer .container .address .active-member {margin-top: 278px;}
.footer .container .contact {margin-left: 4px; margin-top: -383px;}
.footer .contact input[type="submit"] { margin-right: 35px; margin-bottom: 15px;}
.footer .container .address h5 {margin-top: 10px;}
.footer {margin-top: 0px;}
.footer .container .copyright {padding-left: 20px;}

.projects {width: 100% !important; overflow-x: hidden; margin:auto;}
.projects .projects-wrap {width:100% !important; margin:auto;}
.projects .prj-item {display: block; margin: auto;}
/* .projects .prj-item .prj-caption {position: absolute;} */
/* .projects h1 {font-size:42px; margin-bottom: 70px; margin-top: 70px; text-align:center;} */
.projects .prj-item .container {position: static;}
ul.squr li {width:100%;}
.footer .container .social {height:320px;}

.holder .scrollable {width:100%; height: 65px; margin-bottom: 10px;}
.wrapper2 h1 {width:100%; float:none;}
h1 img {float:none;}
p.m_add {font-size: 20px; width: 290px; margin: auto; display: block; line-height: 25px;}
/* .contact .sub_right {float:left;} */
.nav-collapse .navbar .nav {float:right; margin-top:0px;}
.main .area .new {width:100%;}
.main .new .pad3 {padding:30px 10px;}
.main .new .add p {font-size: 19px;}
}

@media (max-width: 1500px) {
.root.timeline.twitter-timeline p, .root.timeline.twitter-timeline ol, .root.timeline.twitter-timeline ul, .root.timeline.twitter-timeline li  {color: #2b4271;}
.algn {padding:40px !important;}
.navbar {width: 100% !important; margin-left: auto; margin-right: auto;}
.wrapper2 {width:960px;}
h2 {font-size: 28.5px;}
.steel-menu { float:right; margin-bottom: -40px; margin-top: -5px;}
.footer {width:100% !important; min-width:960px; margin-left: auto; margin-right: auto; margin-top: 238px;}
.footer .container {width:960px;margin: auto; }
.footer input[type="submit"] {margin-right:0px;}
textarea {width:86%;}
.carousel {
width: 960px; margin:auto;}
.container .carousel-caption {width:960px;padding-left: 40px;}
.carousel-caption h1 {font-size: 50px; margin-top: 15px; margin-bottom: 15px;}
.carousel-caption p {margin-bottom: 10px;}

.carousel-caption .lead a {margin-left: 450px; margin-right: -300px; margin-top: -20px; float:right;}
.contact .button-bg {margin-left: 0px; margin-top: 0px; float: right;}

.container .social {width:960px;
	background-color: #ececec;
  background-image: -moz-linear-gradient(top, #ececec, #d9d9d9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#d9d9d9));
  background-image: -webkit-linear-gradient(top, #ececec, #d9d9d9);
  background-image: -o-linear-gradient(top, #ececec, #d9d9d9);
  background-image: linear-gradient(to bottom, #ececec, #d9d9d9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#d9d9d9', GradientType=0);
  color:black;
  padding: 20px 0;
  margin-left: 0px;
  margin-top: -244px;
  -moz-box-shadow: 0px 1px 20px #000;
    -webkit-box-shadow: 0px 1px 20px #000;
    box-shadow: 0px 1px 20px #000;
    height: 198px;
    overflow: hidden;
}
.container .social h5 {
	color: #2b4271;
	margin-top: 40px;
	font-size: 20px;
	margin-left: 100px;
}
.container .social div {
	margin-left: 383px;
	margin-right: -192px;
}
.twitter {
	background:url(../img/twitter-blue.png) no-repeat;
	width: 15px;
	height: 10px;
}
.facef {
	background: url(../img/facef-blue.png) no-repeat;
	width: 9px;
	height: 15px;
}
.social .social-item p {
	color: #000;
	font-size: 10px;
	line-height: 14px;
}
.social .social-item .title {
	color: #2b4271;
	font-size: 11px;
}
/*.social {visibility: hidden; display:none;}*/
.vertical-line {width: 0px; height:0px;}
.contact {margin-left: 160px;}
.main .contact {margin: 0;}
.address {margin-left:100px;}
.copyright {padding-left: 102px;}

/* projects */
/* .projects {width: 960px; overflow-x: hidden; margin:auto;} */

.main_aside .contact_btns {margin-left:-13px;}
.prj-item .prj-caption h3 {font-size:15px; }
.prj-item .prj-caption p {font-size:13px; }
.prj-item .prj-caption a {font-size:13px;}
.prj-item .prj-caption {height: 115px; margin-top: -120px; padding-top: 5px; padding-left: 5px;}

.address {border:none;padding-left:5px; width:31%;}
.contact {border:none; padding-left:5px;width:31%;}


/*  Employment form in this section  */
/* .wrapper{width: 100% !important; margin-left: auto; margin-right: auto;} */
.side {display: none;}
.employment {width: 960px;margin-left: auto;margin-right: auto;}
.employment .container {margin-left: auto; margin-right: auto; width: 90%;}
.info-left {margin-right: 100px;}
/*form {width: 90%; margin-left: auto;margin-right: auto;}*/
.employment button {margin-left: 688px;}
.employment .required {margin-left: 487px; }
/* .main .scrollable {width: 80%; height: 135px;} */
.main .scrollable .items li {width: 80px; margin: 45px 3px 10px 0;}
.home-sponsor {width:960px;  -moz-box-shadow: 0px 1px 20px #000;
    -webkit-box-shadow: 0px 1px 20px #000;
    box-shadow: 0px 1px 20px #000;}
.main .area .cont_imgs {float: left;}
.main .area .contact .contact_footer {width: 418px; margin-top: 45px; padding-bottom: 20px;}

.aside {height:800px;}

.footer .sub_right {margin-right: 26px;}
/* .wrapper .main_aside {display: none;} */
/****************************************/
/* .wrapper2 .main ul.projects-wrap {width:100%;} */
 .navbar .nav {float:right; margin-top:34px;}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width:960px;}
.cont_imgs {display: none;}

.main .new {background: url(../img/ux/2nd_bg.jpg) repeat; width:423px; float: right; height:419px; display: block;}
.main .add p {color: white;}
.main .add .contact_btns {margin-top:10px;}
.main .pad3 {padding:60px;}
.navbar .nav > li > a, .navbar .nav > .active > a:hover{ padding:22px 10px;}
.Clogos {text-align: left;}

.Clogos a img {padding:10px 56px 10px 0px;}
.galry h1 { padding: 0px 0 30px;}
.odd {width: 620px;}
}

@media (max-width: 959px){

	.navbar .nav > li > a {padding:12px;}
	.dropdown-menu ul.drop > li > a {width:100%; display: block;}
	.projects-wrap {height: auto;}
	.navbar .navbar-inner .container, #slidz .container, .container {width:100%;}
	.navbar .brand {margin: 15px 0 0 15px;}
	.main .scrollable .items li {width: 7%; margin: 10px 3px 10px 0;}
}

@media (min-width: 1500px) {
.squr li .smPad {padding:40px;}
.soc3 {display: none;}

}