@media only screen and (max-width: 767px) {
.container {
    padding-right: 25px !important;
    padding-left: 25px !important;
}
.site-wrapper-reveal {
    padding-top: 0px !important;
}





p{
    font-size: 20px;
    line-height: 1.3;
}
.p-nofull {
    max-width: 100% !important;
    margin: auto;
}
.section-title {
    font-size: 30px;
    line-height: 1.2;
}
.section-sub-title {
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 1.2px !important
}
.section-title-menor {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: 1px;
}



.ht-btn {
    margin: auto;
    display: table;
}





/********************* Frase **************************/ 
.frase {
    padding: 30px;
}
.frase h4{
    font-weight: 600;
    font-size: 26px;
    letter-spacing: 1px;
    line-height: 1.2 !important;
}
.frase h4 span{
    font-size: 30px;
    letter-spacing: 0px;
}

/********************* Aseguradoras **************************/ 
.brand-area {
    padding: 30px 0px;
}
.brand-area .container {
    width: 100%;
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.single-brand-box {
    width: 50% !important;
    padding: 10px;

}
.single-brand-box img{
    width: 100%;
}

/********************* Listas **************************/ 
.single-choose-item .choose-item-text h4 {
    font-size: 18px;
    letter-spacing: 1px;
}










/* =================== HOME =================== */

/* Encabezado*/
#encabezado .recuadro{
    min-height: 60px;
    line-height: 1.25 !important;
}
.encabezado .chico{
    line-height: 1.25 !important;
    min-height: 60px;
}




/* Cotiza en linea */
#cotiza-en-linea .recuadro{
    min-height: 60px;
    line-height: 1.25 !important;
}
#cotiza-en-linea .chico{
    line-height: 1.25 !important;
    min-height: 60px;
}





.casa-habitacion {
    background-image: none !important;
}
.img_casa-habitacion {
    display: block;
}







/* =================== FOOTER / CONTACTO =================== */
.single-contact-info-wrap {
    padding-left: 0px;
}
.single-contact-info-wrap .icon-box {
    margin-right: 10px !important;
}
.single-contact-info-wrap span {
    font-weight: 700;
    padding-right: 0px;
}






}










@media only screen and (max-width: 479px) {
    .mobile-menu-overlay__inner, .page-oppen-off-sidebar__inner {
        height: auto !important;
        width: 100% !important;
    }
}


.mobile-menu-overlay__body {
    padding: 20px 40px 40px !important;
    background-color: #F9F9FA;
}
.offcanvas-navigation h4 {
    font-family: 'ITC Avant Garde Gothic Std Bold';
    font-size: 28px;
    line-height: 1.2;
    color: #A7A6A7;
    padding: 40px 0px 20px;
}
.offcanvas-navigation ul.menu-movil a {
    border-bottom: none;
}
.offcanvas-navigation a {
    font-family: 'ITC Avant Garde Gothic Std Book';
    font-size: 14px !important;
    line-height: 1.2;
    color: #0F245D !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-size: 16px !important;
    letter-spacing: 0px;
}
.offcanvas-navigation .boton a{
    font-family: 'ITC Avant Garde Gothic Std Book';
    color: #fff !important;
    background-color: #E25100;
    text-align: center;
    letter-spacing: 1px;
    font-size: 16px !important;
    font-weight: 700;
    border-radius: 6px;
    margin: 14px 0px;
    padding: 12px 20px !important;
    border-radius: 5px !important;
    width: 160px;
}
.offcanvas-navigation .boton a:hover{
    background-color: #0F245D !important;
}
.offcanvas-navigation .ht-social-networks {
    float: none !important;
    margin: 0px !important;
    width: 150px;
}
.offcanvas-navigation .ht-social-networks .item {
    color: #fff !important;
    background-color: #D3D3D3;
    padding: 0px !important;
    border-radius: 6px;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 24px;
}
    .offcanvas-navigation .ht-social-networks .item .fa {
        margin-top: 7px !important;
    }
.offcanvas-navigation .ht-social-networks .item a{
    font-size: 24px !important;
    padding-top: 0px !important;
    color: #fff !important;
}
.offcanvas-navigation .ht-social-networks .item:hover {
    color: #fff !important;
    background-color: #E25100 !important;
}
.offcanvas-navigation .ht-social-networks a:hover {
    color: #fff !important;
}




@media only screen and (max-width: 479px) {
    .mobile-menu-overlay__inner, .page-oppen-off-sidebar__inner {
        height: auto !important;
        width: 100% !important;
    }
}