@media screen and (max-width: 1120px){
    
    .btn_cover{
        width: 50%;
    }
    
    .title_socio{
        padding-left: 10%;
        padding-right: 10%;
    }

    .traje_col-1{
        width: 100%;
        float: none;
        background-color: #58b2a2;
        text-align: left;
        padding-left: 5%;
    }

    .traje_col-2{
        width: 100%;
        max-width: 100%;
        float: none;
    }

    .title_traje{
        width: 50%;
        float: left;
        text-align: right;
        padding-left: 15px;
        padding-right: 20px;
        padding-top: 40px;
        padding-bottom: 80px;
    }

    .p_traje{
        width: 50%;
        float: left;
        padding-left: 20px;
        padding-right: 15px;
        padding-top: 56px;
        padding-bottom: 80px;
    }
    
    .box_btn_contacto{
        width: 60%;
    }
}

@media screen and (max-width: 900px){
    
    .text_block{
        width: 70%;
    }
    
    .box_btn_contacto{
        width: 70%;
    }
}

@media screen and (max-width: 768px){
    
    .title{
        text-align: center;
    }
    
    .image_cover{
/*        background-image: url("../img/tab/cover_home.jpg");*/
    }
    
    .text_block{
        top: 5%;
/*        width: 70%;*/
    }
    
    .text_bajada{
        font-size: 20px;
        width: 65%;
    }
    
    .btn_cover{
        width: 70%;
    }
    
    .encargamos_col-1{
        width: 100%;
        float: none;
        line-height: 0;
        padding-bottom: 40px;
    }

    .encargamos_col-2{
        width: 100%;
        float: none;
        padding-left: 0%;
    }
    
    .title_encargamos{
        text-align: left;
        padding-bottom: 40px;
        display: none;
}
    .title_encargamos_alt{
        text-align: left;
        padding-bottom: 40px;
        display: inline-block;
    }
    .servicios_col-1, .servicios_col-2, .servicios_col-3{
        width: 100%;
        float: none;
    }
    
    .img_servicios{
        width: 50%;
        float: left;
    }
    
    .title_servicios{
        width: 50%;
        float: left;
        text-align: left;
    }
    
    .p_servicios{
        width: 50%;
        float: left;
        text-align: left;
        padding-left: 0px;
        padding-right: 15px;
    }

    .title_socio{
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 50px;
    }
    
    .socio_col-1, .socio_col-2, .socio_col-3, .socio_col-4{
        width: 50%;
    }
    
    .icon_socio{
        padding-bottom: 20px;
        padding-top: 30px;
    }
    
    .problemas_col-1{
        width: 100%;
        float: none ;
    }

    .problemas_col-2{
        width: 100%;
        float: none;
    }

    .problemas_col-3{
        width: 100%;
        float: none;
        padding-bottom: 40px;
    }
    
    .title_traje{
        width: 100%;
        float: none;
        text-align: left;
        padding-bottom: 40px;
    }
    
    .p_traje{
        width: 100%;
        float: none;
        padding-top: 0px;
    }
    
    .box_btn_contacto{
        width: 100%;
    }
    
    .btn_contacto{
        width: 320px;
        float: none;
        padding: 0px;
    }

    .btn_email, .btn_tel{
        text-align: left;
        color: #4f5659;
        padding: 24px 0px 24px 90px;
        background-position: 10% 50%;
        margin-bottom: 14px;
    }
    
    .btn_tel{
        margin-bottom: 0px;
    }

    .btn_email {
        background-image:url(../img/tab/icon_email.gif);
    }

    .btn_tel {
        background-image:url(../img/tab/icon_tel.gif);
    }
}

@media screen and (max-width: 540px){
    
    h1{
/*        font-size: 54px;*/
/*        font-size: 46px;*/
    }
    
    h2{
        font-size: 32px;
    }
    
    h3{
/*        font-size: 28px;*/
        font-weight: 500;
    }
    
    .text_block{
        width: 90%;
    }
    
    .text_bajada{
        font-size: 20px;
        width: 80%;
    }
    
    .servicios_col-1, .servicios_col-2, .servicios_col-3{
        width: 100%;
        float: none;
        padding-bottom: 40px;
    }
    
    .servicios_col-3{
        padding-bottom: 80px;
    }
    
    .title_servicios{
        text-align: center;
        padding: 30px 0px;
        width: 100%;
    }

    .p_servicios{
/*        text-align: center;*/
        padding: 0px 15px;
        width: 100%;
    }

    .img_servicios{
        text-align: left;
        width: 100%;
    }
    
    .p_contacto{
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 480px){
    
    h1{
        font-size: 54px;
/*        font-size: 46px;*/
    }
    
    .socio_col-1, .socio_col-2, .socio_col-3, .socio_col-4{
        width: 100%;
        padding: 0px 50px;
    }
    
    .icon_socio{
        padding-top: 40px;
        padding-bottom: 20px;
    }
    
    .title_socio{
        padding-left: 0%;
        padding-right: 0%;
        padding-bottom: 0px;
    }

    .text_btn{
        display: none;
    }
    
    .text_btn_alt{
        display: inline-block;
    }
    
    .btn_contacto{
        width: 80%;
        float: none;
        padding: 0px;
    }
    
    .btn_maps, .btn_email, .btn_tel{
        text-align: left;
        color: #4f5659;
        padding: 24px 0px 24px 48%;
        background-position: 30% 50%;
        margin-bottom: 14px;
    } 
}

@media screen and (max-width: 360px){
    
    h1{
/*        font-size: 54px;*/
        font-size: 46px;
    }
    
    .image_cover{
        background-image: url("../img/mob/cover_home.jpg");
    }
    
    .text_block{
/*        width: 90%;*/
    }
    
    .text_bajada{
        font-size: 20px;
        width: 80%;
    }
    
    .btn_cover{
        width: 80%;
    }
    
    .socio_col-1, .socio_col-2, .socio_col-3, .socio_col-4{
        padding: 0px 20px;
    }
    
    .box_btn_contacto{
        width: 100%;
    }
}