@media(max-width:800px) {

    .pageContainer{
        width:100%;
        padding:10px;
        margin:0px;
    }
    .service1{
        height:150px!important;
        width:50%!important;
    }
    .service1 img{
        float:left; margin-right:10px;
        width:20%; 
    }

    .service1 .description{
        float:left; width:60%; 
    }
    .service1 h3{
        float:left; padding:10px; margin:0px; 
        width:100%;
    }
    .service1 p{
        float:left; 
        width:100%;
        margin: 0px;
    }




}


@media(max-width:660px) {
    .span3{
        width:45%;
    }
    .fieldBlock{
        width:100%;
    }
    .rightContainer{
        width:100%;
    }

    .phoneMob {
        display:block;
    }
    .phone {
        display:none;
    }
    .service1{
        width:100%!important;
    }
    .logo {
        margin: 0px!important;
    }
    .logo img{ 
        margin:10px 0px 10px 10px;
        width:220px;

    }
    .banner { 
        padding:20px 0px!important;
    }
    .banner h4{
        font-size: 24px!important; 
    }
    .banner .red_button {
        font-size: 18px!important; 
    }

    .twoThirdCol { width:100%; }
    .halfCol { width:100%;}
    .thirdCol { width:100%;}
    .fourthCol { width:50%;}
    
    .col1{ width:50%; }
    .col2{ width:50%; }
    .col3{ width:50%; }
    .col4{ width:50%; }
    .col5{ width:50%; }
    .col6{ width:100%; }
    .col7{ width:100%; }
    .col8{ width:100%; }
    .col9{ width:100%; }
    .col10{ width:100%; }
}

@media(max-width:400px) {
    .span3{
        width:94%;
    }
    
    .col1{ width:25%; }
    .col2{ width:100%; }
    .clients .col2{ width:50%; }
    .col3{ width:100%; }
    .col4{ width:100%; }
    .col5{ width:100%; }
    .col6{ width:100%; }
    .col7{ width:100%; }
    .col8{ width:100%; }
    .col9{ width:100%; }
    .col10{ width:100%; }
    
    
    .twoThirdCol { width:100%; }
    .halfCol { width:100%;}
    .thirdCol { width:100%;}
    .fourthCol { width:100%;}
}