img {max-width: 100%;}

#infraBox p {text-align: justify;}
#slider li img {width: 100%;height: 100%;}



@media only screen and (min-width: 1024px){
    /* rules for iPad in landscape orientation */
    body
    {
        width:100% !important;
        border:0px solid #f00 !important;

    } 
    .wrapper {width: 980px;}


    #galleryHome .imgBox {
        width: 124px;
        height: 125px;
        margin: 0 0px -24px 5px;
        float: left;
    }
    .readMore
    {
        margin-top:27px;
    }
    .rightCol {
        padding-left: 2%;
    }
    #menuBar li {
        font-size: 12px;
    }
    #footer .footerBox03 
    {
        width:187px;
    }
    #map
    {
        width:327px;
        height:120px;
    }
    #contactFooter {

        position: relative;
        left: 0%;
        margin-top:0px;
    }
    #contactFooter textarea {
        width: 84%;
        height: 47px;
    }
    .rightCol {
        width: 55%;
        border: 0px solid blue;
        float: right;
    }
    #contactFooter input[type=text], 
    #contactFooter input[type=email] {
        width: 41.3%;
        height:20px;
    }
    #contactFooter input[type=email] {
        float:right;
        margin-top:-45px;	
    }
    .readMore {
        margin-left:38px;
    }
    .rightCol #contactFooter{
        width:100%;
    }
    #footer .footerBox03 {
        margin: 0 0 0 100px;
    }
    #footer .footerBox01 {
        width: 150px;

        /* left: 3%; */

    }
    #footer .footerBox02 {
        width: 400px;
        float: left;
        margin: 0 0 0 5px;
        border: 0px solid yellow;
    }
    #res
    {
        padding-left:18px;
    }
    #res1
    {
        padding-right:16px;
    }
    #testforheading
    {padding-left:3px;
    }
    .footerBox04 {
        width: 100%;
    }
    #menuBar li a {
        padding:28px 11px;

    }
    #galleryHome {
        width: 99%;
        position: relative;
        /*left: 11%;*/
        margin: 0 0 -15px 0;
        padding-left:30px;
    }
    #reshead
    {
        margin-left:33px;
    }
    #footer {
        padding-left: 2%;
    }
    #slider { height:312px !important; }
    .pagination {
        position:absolute;
        bottom: 5%;
    }
    .imagewidth {
        width: 117px;
    }
    #menuBar ul {
        width:100%;
        padding-left: 1%;
    }

    #welcomeBox .leftColW {
        width: 32%;
    }
    #welcomeBox .rightColW {
        width: 67%;
        margin-top: 18px;
        /*margin-right: -14px;*/
    }
    li.bridge {
        background-repeat: no-repeat;
        background-position: center;
        background-color: #f5f4ef;
        background-size:100%;
    }
    .getintouch 
    {
        font-size: 35px !important;
        position:relative !important;
        left:4% !important;
        font-weight:600;
    }
    .aftergetintouch 
    {
        width:125%;
        position:relative !important;
        left:4% !important;
    }
    .heading1 {
        margin: 5px 0px 11px 0px;
    }
    .heading1 a {
        font-size:29px;
    }
    #welcomeBox .coreW {

        margin: 2px 0 0 10px;
        width:44%;
    }
    #welcomeBox .coreWelcome {
        height: 54px;
        background-repeat: no-repeat;
        margin-bottom: -19px;
        background-size: 65%;

    }
    #welcomeBox .infraW {
        margin: 2px 0 0 25px;
        width:44%;
        padding-left:0%;
    }
    #welcomeBox .infraWelcome {
        height: 54px;
        background-repeat: no-repeat;
        margin-bottom: -19px;
        background-size: 65%;
    }
    #slider li {
        float: left;
        width: 100%;
        height: 487px;
    }
    li.silo {
        background-size:100%;
    }
    li.tank {
        background-size: 100%,487px;
    }
    li.nuclear {
        background-size: 100%,487px;
    }
    #topBar .logo {
        /*background: url(images/logo.jpg);*/
        width: 254px;
        background-size:100%;
        margin-left:10px;
        background-repeat:no-repeat;
    }
    #topbarlogo
    {
        float:left; 
        width:30%;
        padding-left:0px;
    }
    #menuBar {
        width: 62%;
        float: right;
        position: relative;
        right: 0px;
    }
    #menuBar li a {

        padding:28px 11px;

    }

    #homeimage{ width:100%;height:298px;margin-left: 3px;}
    #testiHome .leftBoxTestiBkg {

        width: 240px;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    #testiHome .leftBoxTestiInner p {
        font-size: 13px;
        line-height: 23px;
        padding:0 12px;
		font-family: 'Open Sans', sans-serif;
    }
    #testiHome .rightBoxTesti {
        width: 215px;
        margin-right: 64px;
    }
    #providing
    {
        font-size: 22px;
        margin-left: 10px;
		font-family: 'Open Sans', sans-serif;
    }
    #imgpro
    {
        margin-top:0px;
        margin-left:-18px;

    }
    #imgpro1
    {
        margin-top:0px;
    }
    #ourstorage
    {
        padding-left: 10px;
    }
    p.vbig {
        font-size: 22px;
        position: relative;
        left: -7%;
        margin: 0px 1px -4px  0px;
    }
    #coreheading
    {
        font-size: 22px;
        padding-left:10px;
    }
    #infraimage
    {
        width: 75%;
        height: 429px;
        position: relative;
        top: 0px;
        left: 21%;
    }
    #unit{margin-bottom: -431px;margin-left:10px;}
    #propad
    {
        padding: 0 10px;
    }
    .pic {
        width: 272px !important;
        margin: 0 0px 0px 38px !important;
    }
    #pic-image
    {
        width:100%;
        height:79%;
    }
    .pic-caption {
			height: 79% !important;
    padding: 18px !important;
    box-sizing: border-box;
    }
    .heading2 {
        margin: 0px 0px 10px 9px;
    }
    #contactBox p {

        margin: 0px 0px 20px 10px;
    }
    #address
    {
        padding-left:4%;
    }
    #googlemapsize
    {
        width:476px;
        height:330px;
    }
    #testiHome .titleTesti {
        margin-top: -15px;
    }
    .whiteBox {

        margin-bottom: -23px;

    }
    .leftCol {

        padding-left: 8px;
    }
    #testiHome .leftBoxTestiInner {

        margin-left: 2px !important;

    }
}




@media only screen and (min-width:980px){
    #slider {

        height: 298px !important;

    }
    #map
    {
        width:305px;

    }
    #res1
    {
        padding-right:16px;
    }

}








    #slider {  height: 445px !important;

    }
    
    @media only screen and (max-width: 1800px){
        #slider {
            height: 520px !important;
        }
    }

    @media only screen and (max-width: 1700px){
        #slider {
            height: 490px !important;
        }
    }

    @media only screen and (max-width: 1650px){
        #slider {
            height: 445px !important;
        }
    }


@media only screen and (min-width:1366px) and (max-width:1500px){
#slider { height: 411px !important;  }	
}

@media only screen and (min-width:1920px)
{
#slider {height:552px !important; }

#slider li {height: 552px !important;}	
}
@media only screen and (width:1252px){
#slider {  height: 382px !important;}	

}

@media only screen and (min-width:2200px){
   #slider {height: 868px !important;}
   #slider li {height: auto!important;}
}

@media only screen and   (max-width: 1300px) {
#slider {height: 355px !important;}
}


@media only screen and   (max-width: 1200px) {
#slider {height: 335px !important;}
}

@media only screen and   (max-width: 768px) {
#bannerInner
{
margin-top:20px;
}

}



/************Tablet layout*******************/
@media only screen and (min-width: 768px) and  (max-width: 991px) {
    /* rules for iPad in landscape orientation */
    body{width:100% !important;border:0px solid #f00 !important;} 
   
    .wrapper {width:96%;}
    .leftColB {width: 430px;}
    .rightColB {width: 297px;}

    .leftColCV {width: 430px;}
    .rightColCV {width: 297px;}

    .leftColPRO {width: 430px;}
    .rightColPRO {width: 297px;}

    #imgpro {margin-top: 0;margin-left: 0;}
    .leftColF {width: 45%!important}
    .leftColF p {font-size: 10px!important;}
    .rightColF { width: 52%!important;}



    .leftCol {

        padding-left: 8px;
    }
    #contactBox p.phoneIcoContact {

        color: #2E2B2B;
    }
    #galleryHome .imgBox {
        width: 80px;
        height: 125px;
        margin: 0 0px -36px 5px;
        float: left;
    }
    .readMore
    {
        margin-top:27px;
    }
    .rightCol {
        padding-left: 17%;
    }
    #menuBar li {
        font-size: 11px;
    }
    #footer .footerBox03 
    {
        width:187px;
    }
    #map
    {
        width:207px;
        height:120px;
    }
    #contactFooter {

        position: relative;
        left: 0%;
        margin-top:0px;
    }
    #contactFooter textarea {
        width: 96%;
        height: 47px;
    }
    .rightCol {
        width: 52%;
        border: 0px solid blue;
        float: right;
    }
    #contactFooter input[type=text], 
    #contactFooter input[type=email] {
        width: 47%;
        height:20px;
    }
    #contactFooter input[type=email] {
        float:right;
        margin-top:-45px;	
    }
    .readMore {
        margin-left:38px;
    }
    .rightCol #contactFooter{
        width:100%;
    }
    #footer .footerBox03 {
        margin: 0 0 0 -20px;
    }
    #footer .footerBox01 {
        width: 150px;

        /* left: 3%; */

    }
    #footer .footerBox02 {
        width: 400px;
        float: left;
        margin: 0 0 0 5px;
        border: 0px solid yellow;
    }
    #res
    {
        padding-left:18px;
    }
    #res1
    {
        padding-right:10px;
    }
    #testforheading
    {padding-left:3px;
    }
    .footerBox04 {
        width: 100%;
    }
    #menuBar li a {
        padding:28px 7px;

    }
    #galleryHome {
        width: 99%;
        position: relative;
        /*left: 11%;*/
        margin: 0 0 -15px 0;
        padding-left:30px;
    }
    #reshead
    {
        margin-left:33px;
    }
    #footer {
        padding-left: 2%;
    }
    #slider { height:300px !important; }
    .pagination {
        position:absolute;
        bottom: 5%;
    }
    .imagewidth {
        width: 77px;
    }
    #menuBar ul {
        width:100%;
        padding-left: 1%;
    }

    #welcomeBox .leftColW {
        width: 32%;
    }
    #welcomeBox .rightColW {
        width: 67%;
        margin-top: 18px;
        /*margin-right: -14px;*/
    }
    li.bridge {
        background-repeat: no-repeat;
        background-position: center;
        background-color: #f5f4ef;
        background-size:100%;
    }
    .getintouch 
    {
        font-size: 50px !important;
        position:relative !important;
        left:4% !important;
    }
    .aftergetintouch 
    {
        width:125%;
        position:relative !important;
        left:4% !important;
    }
    .heading1 {
        margin: 5px 0px 11px 0px;
    }
    .heading1 a {
        font-size:29px;
    }
    #welcomeBox .coreW {

        margin: 2px 0 0 10px;
        width:44%;
    }
    #welcomeBox .coreWelcome {
        height: 54px;
        background-repeat: no-repeat;
        margin-bottom: -19px;
        background-size: 65%;

    }
    #welcomeBox .infraW {
        margin: 2px 0 0 25px;
        width:44%;
        padding-left:0%;
    }
    #welcomeBox .infraWelcome {
        height: 54px;
        background-repeat: no-repeat;
        margin-bottom: -19px;
        background-size: 65%;
    }
    #slider li {
        float: left;
        width: 100%;
        height: 487px;
    }
    li.silo {
        background-size:100%;
    }
    li.tank {
        background-size: 100%,487px;
    }
    li.nuclear {
        background-size: 100%,487px;
    }
    #topBar .logo {
        width: 212px;
        margin-left: 0px;
        background-size: 93%;
        position: relative;
        top: 8px;
        background-repeat: no-repeat;
    }
    #topbarlogo
    {
        float:right; 
        width:27%;
        padding-left:0px;
    }
    #menuBar {
        width: 73%;
        float: left;
    }
    #menuBar li a {

        padding:28px 5px;

    }

    #homeimage{ width:100%;height:298px;margin-left: 3px;}
    #testiHome .leftBoxTestiBkg {

        width: 240px;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    #testiHome .leftBoxTestiInner p {
        font-size: 15px;
        line-height: 23px;
        padding-left:4px;
		font-family:Georgia;
		
    }
    #testiHome .rightBoxTesti {
        width: 215px;
        margin-right: 69px;
    }
    #testiHome .leftBoxTesti {
        width: 244px;

    }
    #testiHome .leftBoxTestiInner {

        margin-left: 2px !important;

    }
    #providing
    {
        font-size: 26px;
        margin-left:10px;
    }
    #imgpro

    #imgpro1
    {
        margin-top:-149px;
    }
    #ourstorage
    {
        padding-left: 10px;
    }
    p.vbig {
        font-size: 23px;
        position: relative;
        left: -7%;
        margin: 0px 1px -4px  0px;
    }
    #coreheading
    {
        font-size: 23px;
        margin-left:10px;
    }
    #infraimage
    {
        width: 75%;
        height: auto;
        position: relative;
        top: -144px;
        left: 23%;
    }
    #unit{margin-bottom: -431px; margin-left:10px;}
    #propad
    {
        padding: 0 10px;
    }
    .pic {
        width: 220px !important;
        height:224px;
        margin: 0 0px -18px 20px !important;
    }
    #pic-image
    {
        width:100%;
        height:79%;
    }
    .pic-caption {


        height: 79% !important;

        padding: 10px !important;

    }
    .heading2 {
        margin: 0px 0px 10px 8px;
    }
    #contactBox p {

        margin: 0px 0px 20px 9px;
    }
    #address
    {
        padding-left:4%;
    }
    #googlemapsize
    {
        width:367px;
        height:397px;
    }
    #testiHome .titleTesti {
        margin-top: -15px;
    }
    .whiteBox {

        margin-bottom: -23px;

    }
    #contactBox .googleContact {width: 100%;height: auto;}
}

/***************************/
/*
@media only screen and (max-width: 980px) {
    
    #slider {height: 277px !important;}
}


@media only screen and (max-width: 970px) {
    
    #slider {height: 266px !important;}
}

@media only screen and (max-width: 920px) {
    
    #slider {height: 274px !important;}
}*/






/* Mobile Layout: portaint */
@media only screen and (max-width: 767px) {
    img {max-width: 100%;}
    .wrapper {width:90%;}
    #menuBarmob img{margin: 15px 0px 0px -4px! important;}
    #slideshow {height: auto}
     #topbarlogo{margin-right:-6px;}
    #slider {height: 180px !important;}

    #topBar .logo {height: 37px; margin-top: 0! important;}
    /*#topbarlogo{width:50%;}*/
    #welcomeBox { padding-left:0;  padding-right:0; }
    #welcomeBox .coreWelcome {float: left;margin: 0 10px 0 0;}
    #welcomeBox .infraWelcome {float: left;margin: 0 10px 0 0;}
    #homeimage {width: 100%;height: auto;margin-left: 3px;}
    #welcomeBox .coreW {margin: 2px 0px 0px 0px;}
    #welcomeBox .leftColW {width: 100%;}
    #welcomeBox .rightColW {width: 100%;}
    #welcomeBox .coreW {width: 100%;border-top: 1px solid #aaaaaa;padding-top: 7px;}
    #welcomeBox .infraW {width: 100%;border-top: 0px solid #aaaaaa;padding-top: 0px; margin: 2px 0 0 0;border-bottom: 1px solid #aaaaaa;}
    #testiHome {width: 100%;}
    #testiHome .leftBoxTesti {width: 100%;float: left;margin-bottom: 10px;height: auto;}
    #testiHome .rightBoxTesti {width: 100%;float: left;}
    #testiHome .leftBoxTestiInner p {text-align: justify;font-family:Georgia;}

    #bannerInner {width: 100%;height: 300px;}
    .leftColB {width: 100%;margin-top: 37px;}
    .rightColB {width: 100%;border: 0px solid blue;float: left;text-align: center;}


    .leftColCV {width: 100%;text-align: center;}
    .rightColCV {width: 100%;border: 0px solid blue;float: left;text-align: center;}

    .leftColPRO {width: 100%;}
    .rightColPRO {width: 100%;border: 0px solid blue;float: left;text-align: center;}

    #infraBoxSlider { width: 100%;height: auto;float: left;border: 0px solid red;}
    .pic {max-width: 100%;}
    .leftSpace {margin-left: 0px !important;}

    #infraimage {height: auto;}

    h6 {font-size: 18px;line-height: 30px;text-align: center;}
    #imgpro { width: 49%;height: auto;}


    #propad { padding: 0 0; }
    .pic {width: 140px;height: 163px;float: left;padding: 10px; margin: 0px 6px;}
    .pic-caption p {font-size: 10px;line-height: 17px;}
    h1.pic-title {font-size: 15px;  }
    .pic:hover .left-to-right {max-height: 145px;}


    .leftCol {width: 100%;}   
    .getintouch {font-size: 23px!important;}
    .aftergetintouch {font-size: 14px!important;}

    /*    #testiHome {width: 100%;border: 0px solid red;}
        #testiHome .leftBoxTesti {width: 100%;height: auto}
        #testiHome .leftBoxTestiBkg {width: 100%;height: auto}
        #testiHome .leftBoxTestiInner {width: 100%;height: auto;}    */
    p.vbig {text-align: justify;font-style: italic;}

    .rightCol {width: 100%;border: 0px solid blue;float: left;padding: 0;}
    #reshead {margin-left: 0;text-align: center;}
    #galleryHome {width: 99%;text-align: center;}
    #galleryHome .imgBox {width: 97px;height: auto;margin: 0 0px 6px 0px;float: left;}
    .readMore {margin-left: 59px;}
    .imagewidth {width: 93px;}
    #contactBox .googleContact {width: 100%;height: auto;}
    #contactFooter input[type=text], #contactFooter input[type=email] { width: 100%; height: 20px;}
    #contactFooter textarea {width: 100%;height: 100px;}
    #contactFooter input[type=submit] {width: 100%;}


    .blueBox { background: none repeat scroll 0% 0% #00A4DC; width: 100%;padding: 30px 0px; margin: 0px;}

    h2 {font-size: 25px;}
    h4 {font-size: 15px;}

    #googlemapsize {width: 100%;height: auto;}

    #footer .footerBox01 {width: 100%;}
    #footer .footerBox03 {width: 100%;margin: 55px 0 50px 0 ;}
    #footer .footerBox02 {width: 100%;float: left;margin: 43px 0 0 0;border: 0px solid yellow;}
    .footerBox04 {width: 100%;margin: 0 0 100px 0;padding-left: 0;}
    .footerBox04 .credits {float: none!important;}

    .footerBox04 .credits div {line-height: 20px;text-align: center;float: none!important;}

    #footer .googleMap {width: 100%;height: auto;color: #cccccc;}
    #map {width: 100%;height: auto;}
    .leftColF {width: 100%!important;}
    .rightColF {width: 100%!important;}
}

/* Mobile Layout: wide. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    img {max-width: 100%;}
    .wrapper {width:450px}
    #slider {height: 200px!important;}
    #topBar .logo {height: 37px;margin-top: 7px! important;}
    /*#topbarlogo{width:50%;}*/
    #welcomeBox { padding-left:0;  padding-right:0; }
    #homeimage {width: 100%;height: auto;margin-left: 3px;}
    #welcomeBox .coreW {margin: 2px 0px 0px 0px;}
    #welcomeBox .leftColW {width: 100%;}
    #welcomeBox .rightColW {width: 100%;}
    #welcomeBox .coreW {width: 100%;border-top: 1px solid #aaaaaa;padding-top: 7px;}
    #welcomeBox .infraW {width: 100%;border-top: 1px solid #aaaaaa;padding-top: 7px;margin: 2px 0 0 0;border-bottom: 1px solid #aaaaaa;}


    .getintouch {font-size: 27px!important;}
    .aftergetintouch {font-size: 18px!important;}

    #bannerInner {width: 100%;height: 440px;}
    .leftColB {width: 100%;}
    .rightColB {width: 100%;border: 0px solid blue;float: left;text-align: center;}

    h6 {font-size: 18px;line-height: 50px;}
    #imgpro {width: 70%;height: auto;}



    .pic {width: 210px;height: 197px;float: left;padding: 10px;margin: 0px 10px;}
    h1.pic-title {font-size: 19px;}
    .pic-caption p {font-size: 13px;line-height: 20px;}
    .pic:hover .left-to-right {max-height: 189px;}





    .leftCol {width: 100%;}   


    /*    #testiHome {width: 100%;border: 0px solid red;}
        #testiHome .leftBoxTesti {width: 100%;height: auto}
        #testiHome .leftBoxTestiBkg {width: 100%;height: auto}
        #testiHome .leftBoxTestiInner {width: 100%;height: auto;}    */


    .rightCol {width: 100%;border: 0px solid blue;float: left;padding: 0;}
    #reshead {margin-left: 0;text-align: center;}
    #galleryHome {width: 99%;text-align: center;}
    #galleryHome .imgBox {width: 145px;height: auto;margin: 0 0px 6px 0px;float: left;}
    .imagewidth {width: 122px;}
    .readMore {margin-left: 100px;}
    #contactBox .googleContact {width: 100%;height: auto;}

    #contactFooter input[type=text], #contactFooter input[type=email] { width: 100%; height: 20px;}
    #contactFooter textarea {width: 100%;height: 100px;}
    #contactFooter input[type=submit] {width: 100%;}


    .blueBox { background: none repeat scroll 0% 0% #00A4DC; width: 100%;padding: 30px 0px; margin: 0px;}

    #footer .footerBox03 {width: 100%;}

    #footer .footerBox02 {width: 100%;float: left;margin: 43px 0 0 0;border: 0px solid yellow;}

    .footerBox04 .credits {float: none!important;}

    .footerBox04 .credits div {line-height: 20px;text-align: center;float: none!important;}


    #footer .googleMap {width: 100%;height: auto;color: #cccccc;}
    #map {width: 100%;height: auto;}




}
/*
@media only screen and (max-width: 760px) { 
#slider {height: 204px!important;}
}

@media only screen and (max-width: 700px) { 
#slider {height: 196px!important;}
}

@media only screen and (max-width: 600px) { 
#slider {height: 179px!important;}
}

@media only screen and (max-width: 550px) { 
#slider {height: 157px!important;}
}



@media only screen and (max-width: 500px) { 
#slider {height: 133px!important;}
}


@media only screen and (max-width: 410px) { 
#slider {height: 119px!important;}
}


@media only screen and (max-width: 360px) { 
#slider {height: 111px !important;}
}

@media only screen and (max-width: 350px) { 
#slider {height: 108px !important;}
}
@media only screen and (max-width: 320px) { 
#slider {height: 99px !important;}
}*/

@media (max-width:767px){
    #topbarlogo{width: 35%; height: 60px;}
    #topBar .logo {height: 54px;}
    #menuBarmob img {margin: 19px 0 0 -4px !important;}
    #menulist ul{margin-top: 0;}
    #menulist ul li a{padding: 5px 0;}
}
@media (max-width:479px){
    #topbarlogo{width: 50%;}
}