/*! woodworks 2018-12-15 12:12:21 */
/* ----------- iPhone 4 and 4S ----------- ddssds*/
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) 
{

  body 
  {
    overflow-x: hidden;
  }
  
  .carousel-fade .carousel-inner .carousel-caption {

    vertical-align: middle;
    top: 10%;
    left: 0%;
    right: 0%;
    text-shadow: none;
    text-align: center;

}

.carousel-fade .carousel-inner {

    position: relative;
    width: 100%;
    overflow: hidden;
    height: 300px;

}

.carousel-fade .carousel-inner .carousel-caption h1 {

    font-size: 30px;
    font-family: Calibri;
    font-style: Bold;
    font-weight: 550;
    padding-top: 150px;
    padding-bottom: 30px;
    text-align: center;
    color: #fff;
    position: relative;
    line-height: 37px;
    margin: 0px;
        margin-bottom: 0px;
    padding: 0px;
    margin-bottom: 0px;
    letter-spacing: 0px;

}

.carousel-fade .carousel-inner img {

    float: right;
    top: 0px;
    display: block;
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    line-height: 1;
    height: 300px;

}

.carousel-fade .carousel-control {

    z-index: 999;
    top: 25%;
    font-size: 60px;

}
.carousel-fade .carousel-control.left {

    left: -11px;

}

.carousel-fade .carousel-control.right {

    right: -11px;
}

.carousel-indicators {

    margin-bottom: 0px;

}

.yellowbt {

    background-color: #ffc107;
    border: 2px solid #ffc107;
    border-radius: 5px;
    color: white;
    padding: 8px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
    margin-top: 20px;

}
.padTop 
{
    display: none;
}

.container1 img 
{
    margin-bottom: 10px;
}
	
	.foomenu {

    color: #06314a;
    font-size: 16px;
    line-height: 14px;
    font-family: Roboto;
    font-style: Regular;
    text-align: center;

}

.fomenu {
    margin-left: 0px;
}

.fomenu1 {
    margin-left: 0px;
}

.bottomadd
{
  padding-left:0px;
  text-align:center;
  padding:10px;
}

.bottomrow img
{
  margin-left:100px;
}

.dropdown-content a {
    padding: 5px 15px;

}
.ct-mobile-navbar__toggle {
background-color:#063149;
color:#fff;

}

.dropdown-content {
    background-color: #063149;
    color: #fff;

}
.dropdown-content a {
    color: #fff;
}

.philosophy p {

    font-size: 16px;
    font-family: Roboto;
    font-style: Medium;
    color: #141414;
    margin-bottom: -30px;
    font-weight: 550;
    margin-left: 20px;
    margin-top: -20px;
    line-height: 22px;

}

.vl1 {

    border-left: 2px solid #cbcbcc;
    height: 200px;
    position: absolute;
    left: 0%;
    top: 115px;
    margin-left: 22px;
}

.aboutsec-left
{
	margin-bottom:30px;
}

.banner h1 {

    font-size: 23px;
    font-family: Calibri;
    font-style: Bold;
    font-weight: 550;
    line-height: 30px;

}
.banner
{
    padding-top: 60px;
    padding-bottom: 30px;
	margin-top: 36px;
}

.projectbanner 
{
    height: 160px;
	margin-top: 36px;
}

.heavy-plant-banner
 {
    height: 170px;
	margin-top: 36px;
}
.cobanner h1 {

    font-size: 30px;
    font-family: Calibri;
    font-style: Bold;
    font-weight: 550;
    line-height: 30px;

}
.cobanner {
    padding-top: 50px;
    padding-bottom: 17px;

}
.dbanner {

    background: url('../images/slide7.jpg');
        background-repeat: repeat;
        background-size: auto;
    text-align: center;
    color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 55px;
    padding-bottom: 30px;

}

.dbanner h1 {

    font-size: 30px;
    font-family: Calibri;
    font-style: Bold;
    font-weight: 550;
    line-height: 30px;

}
.hbanner h1 {

    font-size: 30px;
    font-family: Calibri;
    font-style: Bold;
    font-weight: 550;
    line-height: 58px;
    padding-bottom: 30px;
	padding-top: 56px;	

}
.prorow img
{
	margin-bottom:10px;
	width:100%;
}
.kbanner h1
{
	font-size: 30px;
    font-family: Calibri;
    font-style: Bold;
    font-weight: 550;
    line-height: 58px;
    padding-bottom: 30px;
	padding-top: 56px;	
}

.poolbanner h1
{
	font-size: 26px;

font-family: Calibri;

font-style: Bold;

font-weight: 550;

line-height: 58px;

padding-bottom: 32px;

padding-top: 60px;
}

.gbanner h1
{
	font-size: 30px;
    font-family: Calibri;
    font-style: Bold;
    font-weight: 550;
    line-height: 58px;
    padding-bottom: 30px;
	padding-top: 56px;	
}
.cbanner h1 {

    font-size: 30px;
    font-family: Calibri;
    font-style: Bold;
    font-weight: 550;
    line-height: 58px;
    padding-bottom: 40px;
    padding-top: 64px;

}
.pbanner h1 {

    font-size: 29px;
    font-family: Calibri;
    font-style: Bold;
    font-weight: 550;
    line-height: 58px;
    padding-bottom: 40px;
    padding-top: 70px;

}
.rbanner h1 {

    font-size: 30px;
    font-family: Calibri;
    font-style: Bold;
    font-weight: 550;
    line-height: 37px;
    padding-bottom: 30px;
    padding-top: 60px;

}

.rockbanner h1 {

    font-size: 29px;
    font-family: Calibri;
    font-style: Bold;
    font-weight: 550;
    line-height: 58px;
    padding-bottom: 36px;
    padding-top: 60px;

}
.drain-banner h1 {

    font-size: 30px;
    font-family: Calibri;
    font-style: Bold;
    font-weight: 550;
    line-height: 58px;
    padding-bottom: 40px;
    padding-top: 60px;

}
.tank-banner h1 {

    font-size: 30px;
    font-family: Calibri;
    font-style: Bold;
    font-weight: 550;
    line-height: 58px;
    padding-bottom: 40px;
    padding-top: 66px;

}

.e-banner h1 {

    font-size: 30px;
    font-family: Calibri;
    font-style: Bold;
    font-weight: 550;
    line-height: 58px;
    padding-bottom: 40px;
    padding-top: 66px;

}

.earth-banner h1 {

    font-size: 28px;
    font-family: Calibri;
    font-style: Bold;
    font-weight: 550;
    line-height: 32px;
    padding-bottom: 30px;
    padding-top: 60px;

}
.hvr-bubble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    border: 1px solid #f7f7f7;
    width: 100%;
    background-color: #fff;
    margin-top: -10px;
}


}