/*Ajustes de responsive para incidencia de produccion en los distintos dispositivos 2024*/

@media screen and (max-width: 1300px) {
    .portlet-content.modalContactos {
        height: 31% !important;

    }
       ul.contact-details p {
    line-height: 25px !important;
    }
    .contact-header {
    margin-bottom: 2px !important;
    padding-top: 6px !important;

}

}

@media screen and (max-width: 920px) {
    .modal.modalCtlm.modalCtlmContactos .modal-dialog .modal-body {
        height: 96% !important;
    }

}

@media screen (min-width: 750px) and (max-width:1300px;) {
.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel {
        min-height: 372px !important;
    }
}

@media screen and (max-width: 520px) {
	    .modal.modalCtlm.modalCtlmContactos .contactshub-channels {
        padding-top: 31px !important;
        margin-left:16px !important;
    }
	.modal.modalCtlm.modalCtlmContactos .modal-dialog {
        height: 80% !important;
    }

        .modal.modalCtlm.modalCtlmContactos .portlet-content.modalContactos {
        height: 20% !important;
        margin-top: -66px !important;
    }
        .modal.modalCtlm.modalCtlmContactos .contactshub-channels-banner-modal {
        margin-top: 4px !important;
    }

	    .contact-info {
	    margin: -5px;
	    height: 12%;
	    margin-left: 53px;}

	    .modal.modalCtlm.modalCtlmContactos .modal-header h4.modal-title {
       line-height: 31px !important;
    }


}

@media only screen and (width: 390px){
    .modal.modalCtlm.modalCtlmContactos .modal-dialog {
        height: 79% !important;
    }
      .modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels-banner-modal {
        top: 10px;
    }




}



@media screen and (max-width:1300px){
	/*.portlet-content.contactoBanner .dvBtn{
	    top: 51%;
	}
	.portlet-content.contactoBanner img.visible-md-block{
	    width:50%;
	}
	.portlet-content.contactoBanner img.visible-sm-block{
	    top:135px;
	    width:50%;
	    right:15px;
	}
	.portlet-content.contactoBanner img.visible-xs-block{
	    top:80px;
	    width:30%;
	    right:10px;
	}*/
	.portlet-content.modalContactos {height: 30% !important;}
	.modal.modalCtlm.modalCtlmContactos .modal-dialog{width:95%;zoom: 59% !important;}
	 .modal.modalCtlm.modalCtlmContactos .modal-dialogHB #slvj-close-icon {top:1.5%; right: 1.5%; z-index:1;}
	 .modal.modalCtlm.modalCtlmContactos #slvj-close-icon {position:absolute; display:block; float:right; top:4%; right:4%; z-index:1; background:url(../images/cerrar_lb.png) left center no-repeat; background-size: 19px 21px; width:20px; cursor:pointer}

}


 @media screen and (max-width:991px){
   .modal.modalCtlm.modalCtlmContactos .modal-dialog {position: absolute; top: 10%;left: 0;height: 650px;width: 100%;min-width: auto;height: 52% !important;}
   .modal.modalCtlm.modalCtlmContactos .modal-dialogHB{position:absolute; top:6%; left:3%; width: 96% !important;}
   .modal.modalCtlm.modalCtlmContactos .modal-header{padding-left:30px;padding-right:30px}
   .modal.modalCtlm.modalCtlmContactos .modal-body{padding-left:30px;padding-right:30px;position:relative;top:0; overflow:auto;}
   .modal.modalCtlm.modalCtlmContactos .modal-bodyHB{padding:0; position:relative;top:0; overflow:hidden;width: 103% !important;}
   .modal.modalCtlm.modalCtlmContactos #slvj-close-icon {position:absolute; display:block; float:right; top:1.5%; right:4%; z-index:1; background:url(../images/cerrar_lb_dark.png) left center no-repeat; background-size: 19px 21px; width:20px; cursor:pointer}
   .solutionBox{
    min-height:auto;
	}
	.portlet-content.modalContactos {height:39%;}

	.portlet-content.modalContactos .dvTxt{
    position: absolute;
    top: 5%;
    left: 4%;
    width: 55%;
    color: #fff;
    font-size: 20px;
    line-height:24px;
}

.portlet-content-banner{
	margin:5.94%;
}
.portlet-content.contactoBanner{
    margin-right:40px;
}
.portlet-content.contactoBanner h2 {
    width:100%;
}
.portlet-content.contactoBanner.HB{
	padding: 32px 24px;
    margin-right:30px;
}
.portlet-content.contactoOficina.HB{
	padding: 32px 24px;
    margin:0;
}
.portlet-content.contactoBanner.HB h2, .portlet-content.contactoOficina.HB h2  {
    font-size: 18px !important;
    line-height:22px !important;
    margin-bottom:12px;
}
.portlet-content.contactoBanner.HB .btnLink, .portlet-content.contactoOficina.HB .btnLink{
	font-size: 12px;
	line-height:18px;
}
.portlet-content.contactoBanner.HB .btnLink svg, .portlet-content.contactoOficina.HB .btnLink svg{
	width:12px;
}
 }



@media screen and (max-width:690px){
 .modal.modalCtlm.modalCtlmContactos .modal-dialogHB{position: absolute; top: 1%;left:2%; height: auto; width: 99%;margin: 0 auto;}
 .modal.modalCtlm.modalCtlmContactos .modal-dialogHB #slvj-close-icon {position: relative; top:15px; right:4%; z-index:1;}
 .modal.modalCtlm.modalCtlmContactos .modal-dialogHB .modal-content .modal-header {padding:7px 50px;}
 .modal.modalCtlm.modalCtlmContactos .modal-dialogHB .modal-body{padding:0; overflow:hidden;height:95%;}
 .modal.modalCtlm.modalCtlmContactos .modal-dialogHB .contactshub-channelsHB {height:100%;overflow:hidden; min-height:auto;padding:10px;}
/*.modal.modalCtlm.modalCtlmContactos .modal-dialogHB .contactshub-channelsHB .contactshub-channel {width: 30%; top:0; height: auto; margin: 0 5px 5px 5px; min-height:210px;}*/
 .modal.modalCtlm.modalCtlmContactos .modal-dialogHB .contactshub-channelsHB .contactshub-channel {width: 47%; top:0; height: auto; margin: 0 5px 5px 5px; min-height:120px;}
 .modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channelsHB .contactshub-channel .dvRRSScontacto {
		width: 29%;
    	display: inline-block;
    	float: left;
    	margin:0;
    	padding:0;
	}
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channelsHB .contactshub-channel .detalleConectividad  {
		width: 71%;
    	display: inline-block;
    	float: left;
    	font-size:12px;
    	padding:0;
	}
  /*.modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .dvRRSScontacto.dvch{display:block; width:100%; float:left; padding: 0;}
.modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .detalleConectividad{display:inline-block; width: 100%; float:left; padding:0 5px 5px 5px;}*/
 .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .detalleConectividad .contactBox strong{display:none !important;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .detalleConectividad .contactBox{height:auto;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .dvRRSScontacto.dvch ul{margin-bottom:0;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .dvRRSScontacto.dvch ul li {width: 60px;height: 60px;padding: 13px 10px; margin:5px;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .detalleConectividad .nivelAtencion,
 .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .detalleConectividad .nivelAtencionTlf {line-height: 15px; font-size:11px; text-align:left; padding:5px;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .detalleConectividad .estadoServicio {font-style:italic; height:auto; line-height: 15px; text-align:left; font-size:11px; padding:0 5px;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .detalleConectividad .nota {line-height: 10px; font-size:10px; text-align:left; padding:2px 0 0 0;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .detalleConectividad .nivelAtencionTlf .tiempoTelefono.desktop {display:none;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .detalleConectividad .nivelAtencionTlf .tiempoTelefono.mobile {display:inline-block;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .detalleConectividad .contactBox .scndCTA {margin: 8px auto;width:90%;}
 .textoNivelAtencion-small{padding-left:0; padding-bottom:10px; text-align:left;}
}

@media screen and (max-width:920px){
 .modal.modalCtlm.modalCtlmContactos {background-color: rgba(0,0,0,.5);}
 .modal.modalCtlm.modalCtlmContactos #slvj-close-icon {top:31%; right: 7%; z-index:1;}
 .modal.modalCtlm.modalCtlmContactos .modal-dialog {position: relative; top:0; height:40%;width: 90%;margin:0 auto;}
 .modal.modalCtlm.modalCtlmContactos .modal-dialog .modal-header{padding:7px 50px;}
 .modal.modalCtlm.modalCtlmContactos .modal-dialog .modal-body{padding:0; overflow:hidden;height:95%;}
 .modal.modalCtlm.modalCtlmContactos .modal-dialogHB .modalbodyHB {top:15px;}
.modal.modalCtlm.modalCtlmContactos .contactshub-channels {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-line-pack:distribute; align-content:space-around;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:72%; min-height:auto;}
 .modal.modalCtlm.modalCtlmContactos .portlet-content.modalContactos {background-image:none; background-color: #337F37;height: 28%;}
 .modal.modalCtlm.modalCtlmContactos .portlet-content.modalContactos .dvTxt {text-align:left; width:auto; padding:8px 0;}
.modal.modalCtlm.modalCtlmContactos .modal-dialog .modal-body .contactshub-channels .contactshub-channel {display:-webkit-box;display:-ms-flexbox;display:flex; top:0; height: auto; margin: 5px; min-height:auto; width:48%;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .dvRRSScontacto.dvch{display:block; width:auto; float:left; padding: 0;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .detalleConectividad{display:inline-block; width:100%; float:left; padding:5px;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .detalleConectividad .contactBox strong{display:none !important;}
.modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .detalleConectividad .contactBox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack: distribute;justify-content: space-around; gap:10px; padding:5px 0;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .dvRRSScontacto.dvch ul{margin:5px;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels-banner-modal .contactshub-channel{top:0}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels-banner-modal .contactshub-channel .dvRRSScontacto.dvch ul li {width: 60px;height: 60px;padding: 13px 10px; margin:5px;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .dvRRSScontacto.dvch ul li {width: 60px;height: 60px;padding: 13px 10px; margin:5px;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .detalleConectividad .nivelAtencion,
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .detalleConectividad .nivelAtencionTlf {line-height: 15px; font-size:11px; text-align:center; padding:0;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .detalleConectividad .estadoServicio {height:auto; line-height: 15px; font-size:11px; padding-bottom:5px; font-style:italic;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .detalleConectividad .nota {line-height: 10px; font-size:10px; text-align:left; padding:2px 0 0 0;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .detalleConectividad .nivelAtencionTlf .tiempoTelefono.desktop {display:none;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .detalleConectividad .nivelAtencionTlf .tiempoTelefono.mobile {display:inline-block;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .detalleConectividad .contactBox .scndCTA {margin: 0;width:auto;padding:0 20px;white-space:nowrap;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channels-banner-modal {width: 50%; height: 100%;FLOAT: RIGHT; padding-top:4px;}
 .portlet-content.modalContactos .dvTxt p{font-size: 14px;padding: 3px 0;}
 .portlet-content.modalContactos .dvTxt h2{font-size: 18px; line-height:28px; }
 .portlet-content.modalContactos .contactshub-channel p.contactBox strong {font-size:12px; display:none;}
 .portlet-content.modalContactos .scndCTA{display:none}
}

@media screen and (max-width:920px) and (max-height: 450px){
 .modal.modalCtlm.modalCtlmContactos {background-color: rgba(0,0,0,.5);}
 .modal.modalCtlm.modalCtlmContactos #slvj-close-icon {top:1.5%; right: 1.5%; z-index:1;}
 .modal.modalCtlm.modalCtlmContactos .modal-dialog {position: absolute; top:0; bottom: 0;left: 0;height: auto;width: 100%;min-width: auto;}
 .modal.modalCtlm.modalCtlmContactos .modal-dialog .modal-header{padding:7px 50px;}
 .modal.modalCtlm.modalCtlmContactos .modal-dialog .modal-body{padding:0; overflow:hidden;height:95%;}
 .modal.modalCtlm.modalCtlmContactos .modal-dialogHB .modalbodyHB {top:15px;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-line-pack:distribute; align-content:space-around;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:72%; min-height:auto;}
 .modal.modalCtlm.modalCtlmContactos .portlet-content.modalContactos {background-image:none; background-color: #337F37;height: 28%;}
 .modal.modalCtlm.modalCtlmContactos .portlet-content.modalContactos .dvTxt {text-align:left; width:auto; padding:8px 0;}
 .modal.modalCtlm.modalCtlmContactos .modal-dialog .modal-body .contactshub-channels .contactshub-channel {display:-webkit-box;display:-ms-flexbox;display:flex; top:0; height: auto; margin: 5px; min-height:auto; width:48%;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .dvRRSScontacto.dvch{display:block; width:auto; float:left; padding: 0;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .detalleConectividad{display:inline-block; width:100%; float:left; padding:5px;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .detalleConectividad .contactBox strong{display:none !important;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .detalleConectividad .contactBox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack: distribute;justify-content: space-around; gap:10px; padding:5px 0;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .dvRRSScontacto.dvch ul{margin:5px;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels-banner-modal .contactshub-channel{top:0}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels-banner-modal .contactshub-channel .dvRRSScontacto.dvch ul li {width: 60px;height: 60px;padding: 13px 10px; margin:5px;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .dvRRSScontacto.dvch ul li {width: 60px;height: 60px;padding: 13px 10px; margin:5px;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .detalleConectividad .nivelAtencion,
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .detalleConectividad .nivelAtencionTlf {line-height: 15px; font-size:11px; text-align:center; padding:0;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .detalleConectividad .estadoServicio {height:auto; line-height: 15px; font-size:11px; padding-bottom:5px; font-style:italic;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .detalleConectividad .nota {line-height: 10px; font-size:10px; text-align:left; padding:2px 0 0 0;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .detalleConectividad .nivelAtencionTlf .tiempoTelefono.desktop {display:none;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .detalleConectividad .nivelAtencionTlf .tiempoTelefono.mobile {display:inline-block;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channel .detalleConectividad .contactBox .scndCTA {margin: 0;width:auto;padding:0 20px;white-space:nowrap;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channels .contactshub-channels-banner-modal {width: 50%; height: 100%;FLOAT: RIGHT; padding-top:4px;}
 .portlet-content.modalContactos .dvTxt p{font-size: 14px;padding: 3px 0;}
 .portlet-content.modalContactos .dvTxt h2{font-size: 18px; line-height:28px; }
 .portlet-content.modalContactos .contactshub-channel p.contactBox strong {font-size:12px; display:none;}
 .portlet-content.modalContactos .scndCTA{display:none}
 /*
 .modal.modalCtlm.modalCtlmContactos .modal-dialogHB #slvj-close-icon {top:1.5%; right: 1.5%; z-index:1;}
 .modal.modalCtlm.modalCtlmContactos .modal-dialogHB {position: absolute; top:0; bottom: 0;left: 0;height: 100%;width: 100%;}
 .modal.modalCtlm.modalCtlmContactos .modal-dialogHB .modal-header{padding:7px 50px;}
 .modal.modalCtlm.modalCtlmContactos .modal-dialogHB .modal-body{padding:0; overflow:hidden;height:95%;}
 .modal.modalCtlm.modalCtlmContactos .modal-dialogHB .contactshub-channels {height:100%;overflow:hidden; min-height:auto;}

 .modal.modalCtlm.modalCtlmContactos .modal-dialogHB .modal-bodyHB .contactshub-channelsHB .contactshub-channel {width: 30%; top:0; height: auto; margin: 0 5px 5px 5px; min-height:210px;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .dvRRSScontacto.dvch{display:block; width:100%; float:left; padding: 0;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .detalleConectividad{display:inline-block; width: 100%; float:left; padding:0 5px 5px 5px;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .detalleConectividad .contactBox strong{display:none !important;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .detalleConectividad .contactBox{height:auto;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .dvRRSScontacto.dvch ul{margin-bottom:0;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .dvRRSScontacto.dvch ul li {width: 60px;height: 60px;padding: 13px 10px; margin:5px;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .detalleConectividad .nivelAtencion {line-height: 15px; font-size:11px; text-align:center; padding:0;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .detalleConectividad .estadoServicio {height:auto; line-height: 15px; font-size:11px; padding-bottom:5px;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .detalleConectividad .nota {line-height: 10px; font-size:10px; text-align:left; padding:2px 0 0 0;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .detalleConectividad .nivelAtencion .tiempoTelefono.desktop {display:none;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .detalleConectividad .nivelAtencion .tiempoTelefono.mobile {display:inline-block;}
 .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .detalleConectividad .contactBox .scndCTA {margin: 0 auto 8px auto;width:90%;}

 */

}




@media screen and (max-width:520px){

	.modal.modalCtlm.modalCtlmContactos {background-color: rgba(0,0,0,.5);}

	.modal.modalCtlm.modalCtlmContactos #slvj-close-icon {top:1.5%; z-index:1;}
.modal.modalCtlm.modalCtlmContactos .contactshub-channels {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; width:100%; height:auto; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.modal.modalCtlm.modalCtlmContactos .modal-dialog .modal-body .contactshub-channels .contactshub-channel {display:-webkit-box;display:-ms-flexbox;display:flex; top:0; height: auto; margin: 5px; min-height:auto; width:90%;}
   .modal.modalCtlm.modalCtlmContactos .modal-dialog{position:absolute; top:0; left:0; height:auto;width:100%; min-width:auto;}
   .modal.modalCtlm.modalCtlmContactos .modal-dialogHB{position:relative; top:initial; left:0; width:100%; height:auto;}
   .modal.modalCtlm.modalCtlmContactos .modal-dialogHB .modal-content{height:auto;}
   .modal.modalCtlm.modalCtlmContactos .modal-dialogHB #slvj-close-icon {position:absolute; top:1.5%; z-index:1;}

   .modal.modalCtlm.modalCtlmContactos .modal-header{padding: 7px}
   .modal.modalCtlm.modalCtlmContactos .modal-header h4.modal-title{font-size:18px;}
   .modal.modalCtlm.modalCtlmContactos .modal-body{padding:0; padding-left:0; padding-right:0; overflow:hidden;}
   .modal.modalCtlm.modalCtlmContactos .modal-bodyHB{padding:0 8px;}

   /*.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels {height:75%;overflow:hidden; min-height:auto;}*/
   /*.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel {
    position: relative;
    margin: 0 auto 10px;
    width: 93%;
    height: auto;
    min-height:21%;
    top:5px;
	}*/
	 .modal.modalCtlm.modalCtlmContactos .modal-bodyHB .contactshub-channelsHB .contactshub-channel {
    position: relative;
    margin: 0 auto 10px;
    width: 100%;
    height: 30%;
    top:5px;
    min-height: 120px;
	}
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel .dvRRSScontacto	{
		width: 32%;
    	display: inline-block;
    	float: left;
	}

	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel .dvRRSScontacto.dvch ul li {
	    width: 70px;
	    height: 70px;
	    padding: 20px 0;
	    margin:5px 10px;
   	}
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channelsHB .contactshub-channel .dvRRSScontacto {
		width: 29%;
    	display: inline-block;
    	float: left;
    	margin:0;
    	padding:0;
	}
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel .detalleConectividad  {
		width: 68%;
    	display: inline-block;
    	float: left;
	}
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channelsHB .contactshub-channel .detalleConectividad  {
		width: 71%;
    	display: inline-block;
    	float: left;
    	font-size:12px;
    	padding:0 0 5px 0;
	}
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel .detalleConectividad .contactBox {
	   display:block;
	   float:left;
	   margin:0;
	   height:auto;
	}
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channelsHB .contactshub-channel .detalleConectividad .contactBox {
	   display:block;
	   float:left;
	   text-align:left;
	   width:100%;
	   margin:0;
	   height:auto;
	}
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel .detalleConectividad .contactBox strong,
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channelsHB .contactshub-channel .detalleConectividad .contactBox strong {
	    display: none;
	}
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel .detalleConectividad .contactBox .scndCTA {
	    margin: 0 auto;
	    padding: 4px 16px;
	    float: left;
	    width:auto;
	    min-width: 175px;
	    font-size:11px;
	}
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel .detalleConectividad .contactBox .scndCTA.tlfcontacto,
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel .detalleConectividad .contactBox .scndCTA.tlfcontacto900,
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channelsHB .contactshub-channel .detalleConectividad .contactBox .scndCTA.tlfcontacto,
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channelsHB .contactshub-channel .detalleConectividad .contactBox .scndCTA.tlfcontacto900 {
	    min-width:auto;
	    margin-right:10px;
	}
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channelsHB .contactshub-channel .detalleConectividad .contactBox .scndCTA {
	    margin: 10px auto;
	    padding: 3px 16px;
	    float: left;
	    width: auto;
	    min-width:160px;
	    font-size:11px;
	}
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel .detalleConectividad .contactBox .scndCTA.zc,
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channelsHB .contactshub-channel .detalleConectividad .contactBox .scndCTA.zc, .tiempoTelefono.desktop {
	    display:none;
	}
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel .detalleConectividad .contactBox .scndCTA.zcmobile,
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel .detalleConectividad .contactBox .scndCTA.zcmobile, .tiempoTelefono.mobile {
	    display:block;
	}
	span.tiempoTelefono.mobile{
		display:inline-block;
		color:#58585a !important;
	}
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel .detalleConectividad .estadoServicio{
		font-style:italic;
		float:left;
		padding: 0 7px 3px 7px;
		/*height:22px;*/
		display:block;
		line-height:12px;
		font-size:11px;
		text-align:left;
	}
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channelsHB .contactshub-channel .detalleConectividad .estadoServicio{
		font-style:italic;
		float:left;
		text-align:left;
		padding: 0 3px;
		/*height:15px;*/
		display:block;
		line-height:14px;
		font-size:11px;
		width:100%;
	}
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel .detalleConectividad .nivelAtencion,
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel .detalleConectividad .nivelAtencionTlf{
		float:left;
		text-align:left;
		display:inline-block;
		padding: 0 7px 3px 7px;
		line-height:14px;
		font-size:11px;
	}
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channelsHB .contactshub-channel .detalleConectividad .nivelAtencion,
	.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channelsHB .contactshub-channel .detalleConectividad .nivelAtencionTlf{
		float:left;
		text-align:left;
		display:inline-block;
		padding: 3px 12px 3px 3px;
		line-height:16px;
		font-size:11px;
		width:100%;
	}

   .modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channelsHB {height:auto;}
   .modal.modalCtlm.modalCtlmContactos .modal-body.modal-bodyHB {height:auto;}
   /*.modal.modalCtlm.modalCtlmContactos .modal-body.modal-bodyHBApp {height:120%;}*/
   .modal.modalCtlm.modalCtlmContactos .portlet-content.modalContactos {background-image:none; background-color: #337F37; height:25%; bottom:-48px; margin:0; padding:0;}

   .modal.modalCtlm.modalCtlmContactos .portlet-content.modalContactos .dvTxt{
    	width: 95%;
    	top:10px;
    	left:10px;
    	font-size: 18px;
    	text-align:center;
    	display:block;
    	position:relative;
	}

	.modal.modalCtlm.modalCtlmContactos .portlet-content.modalContactos .dvTxt p {
    margin: 0;
    padding: 5px 0;
    font-size: 14px;
    line-height:18px;
}

	.portlet-content.modalContactos div.dvTxt h2 {
	    font-size: 16px;
	    font-family:inherit;
	    width:auto;
	    text-align:center;
	    line-height:18px;
	}
	.portlet-content.modalContactos .dvBtn{
	    top: 65%;
	}
   .portlet-content.modalContactos p{
    	padding:0;
    	margin:0;

	}
   .modal.modalCtlm.modalCtlmContactos .contactshub-channels-banner-modal{
 		position: relative;
	    width: 100%;
	    height:100%;
	    margin: 0 auto;
	    float: left;
	    text-align:center;
   	}
   .modal.modalCtlm.modalCtlmContactos .contactshub-channels-banner-modal .contactshub-channel{
   	border:0px;
   	width:auto;
   	height:auto;
   	position:relative;
   	float: none;
   	right:0;
   	/*top:75px;
   	left:0;*/
   	margin:0 5px;
   	padding:0;
   }
   .contactshub-channels-banner-modal .contactshub-channel .dvRRSScontacto.dvch ul {
    margin:0;
    padding:0;
   }
   .contactshub-channels-banner-modal .contactshub-channel .dvRRSScontacto.dvch ul li {
    width: 60px;
    height: 60px;
    border-radius: 40px;
    padding:13px 10px;
    border:2px solid;
    margin-top:3px;
   }

   .modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .contactshub-channel .dvRRSScontacto.dvch ul li {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    padding:13px 7px;
    margin:15px;
   }


    .contactshub-channels-banner-modal .contactshub-channel.chat .dvRRSScontacto.dvch ul li a.ico-chat:before,
	.contactshub-channels-banner-modal .contactshub-channel.phone .dvRRSScontacto.dvch ul li a.ico-phone:before,
	.contactshub-channels-banner-modal .contactshub-channel.email .dvRRSScontacto.dvch ul li a.ico-email:before,
	.contactshub-channels-banner-modal .contactshub-channel.twitter .dvRRSScontacto.dvch ul li a.ico-twitter:before,
	.contactshub-channels-banner-modal .contactshub-channel.phone .dvRRSScontacto.dvch ul li a.ico-phone:before,
	.contactshub-channels-banner-modal .contactshub-channel.zc .dvRRSScontacto.dvch ul li a.ico-zc:before {
			width: 35px;
			height: 35px;
			margin: 0 auto;
			margin-top:-3px;
			content: " ";
			display: block;
	}

	.contactshub-channels-banner-modal .contactshub-channel p.contactBox{
		display:inline-block;
	   	height:40px;
	}
	.contactshub-channels-banner-modal .contactshub-channel p.contactBox strong{
    font-size: 14px;
    padding:0;
    position:relative;
    top:-10px;
	}


	.contactshub-channels-banner-modal .contactshub-channel p a.scndCTA{
	margin:0 auto;
    font-size: 12px;
    padding:3px;
    margin-top:-10px;
    width:100%;
    display: none;
	}

	.contactshub-channels-banner-modal .contactshub-channel.email.active.vmobile, .contactshub-channels-banner-modal .contactshub-channel.chat.active.vmobile{
	margin:0 auto !important;
   	display:inline !important;
    width:50% !important;

	}
	.contactshub-channels-banner-modal  .contactshub-channel .dvRRSScontacto{
	width: 30% !important;
    display: inline-block !important;
    float: none !important;
	}
 }

 @media screen and (max-width:360px){
 .modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel .dvRRSScontacto.dvch ul li {width: 60px; height: 60px;}
 .modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel.zc .dvRRSScontacto.dvch ul li a.ico-zc:before,
 .modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel.phone-u .dvRRSScontacto.dvch ul li a.ico-phone-u:before,
 .modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel.phone .dvRRSScontacto.dvch ul li a.ico-phone:before,
 .modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel.twitter .dvRRSScontacto.dvch ul li a.ico-twitter:before,
 .modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel.email .dvRRSScontacto.dvch ul li a.ico-email:before,
 .modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel.chat .dvRRSScontacto.dvch ul li a.ico-chat:before
  {width: 65%; margin-top:-8px;}
 .modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel .dvRRSScontacto {width: 29%;}
 .modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel .detalleConectividad {width: 71%;}
 .modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel .detalleConectividad .contactBox {margin: 0;}
 a.scndCTA {font-size: 12px;}
 .textoNivelAtencion-small {margin-left: -20px;}

 .modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channelsHB .contactshub-channel .dvRRSScontacto.dvch ul li {width: 60px; height: 60px; margin:10px;}
 .modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channelsHB .contactshub-channel .dvRRSScontacto {width: 29%;}
 .modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channelsHB .contactshub-channel .detalleConectividad {width: 71%; font-size:12px;}
 .modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channelsHB .contactshub-channel .detalleConectividad .contactBox {margin: 8px 0;}
 .modal.modalCtlm.modalCtlmContactos .modal-bodyHB .contactshub-channelsHB .contactshub-channel {width: 100%; min-height:auto;}
.contactshub-channelsHB .textoNivelAtencion-small {margin-left: 0; padding-bottom:2px;}
.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channelsHB .contactshub-channel .detalleConectividad .contactBox .scndCTA {
    margin: 7px auto;
}
/*.modal.modalCtlm.modalCtlmContactos .contactshub-channelsHB .modal-header h4.modal-title {font-size: 16px !important;}*/
.modal.modalCtlm.modalCtlmContactos .modal-header h4.modal-title{font-size:16px;}
.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel .detalleConectividad .estadoServicio,
.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channelsHB .contactshub-channel .detalleConectividad .estadoServicio,
.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel .detalleConectividad .nivelAtencion,
.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channelsHB .contactshub-channel .detalleConectividad .nivelAtencion,
.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels .contactshub-channel .detalleConectividad .nivelAtencionTlf,
.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channelsHB .contactshub-channel .detalleConectividad .nivelAtencionTlf
{
	font-size:11px;
}
.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels-banner-modal{top:5px;}
.modal.modalCtlm.modalCtlmContactos .modal-body .contactshub-channels-banner-modal .contactshub-channel p.contactBox strong {
    font-size: 12px;
}

}

@media screen and (max-width:768px){
.dvClaimOferta.narrower{height:120px;}


.portlet-content-banner{
	margin:5.94%;
}

.portlet-content-banner .portlet-content {
    padding:32px 20px;
}

.portlet-content.contactoBanner{
    margin-right:40px;
}
.portlet-content.contactoBanner h2 {
    width:100%;
}
.portlet-content.contactoBanner.HB{
	padding: 32px 24px;
    margin-right:30px;
}
.portlet-content.contactoOficina.HB{
	padding: 32px 24px;
    margin:0;
}
.portlet-content.contactoBanner.HB h2, .portlet-content.contactoOficina.HB h2  {
    font-size: 18px !important;
    line-height:22px !important;
    margin-bottom:12px;
}
.portlet-content.contactoBanner.HB .btnLink, .portlet-content.contactoOficina.HB .btnLink{
	font-size: 12px;
	line-height:18px;
}


/*.portlet-content-banner {
    margin: 0 20px;
    width:auto;
    height:auto;
}
.portlet-content-banner.active{
	flex-direction:column;
	padding:0;
}

.portlet-content.contactoBanner, .portlet-content.contactoBanner.HB{
    display:block;
    margin:16px 0;
    padding:32px 20px;
    width:100%;
    height:auto;
    margin-right:0;
}

.portlet-content.contactoOficina, .portlet-content.contactoOficina.HB{
    display:block;
    width:100%;
    max-width:698px;
    margin:16px 0;
    padding:32px 20px;
    height:auto;
}

.portlet-content.contactoBanner h2, .portlet-content.contactoOficina h2  {
    font-size: 20px;
    line-height:24px;
    margin-bottom:12px;
}

.portlet-content.contactoBanner h2 {
    width:100%;
}

.portlet-content.contactoBanner .btnLink, .portlet-content.contactoOficina .btnLink{
	font-size: 14px;
	line-height:20px;
}*/
}

@media screen and (max-width:550px){
.portlet-content-banner {
	margin:16px 20px;
}
.portlet-content-banner.active{
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.portlet-content-banner .portlet-content{
    padding:32px 20px;
}
.portlet-content.contactoBanner, .portlet-content.contactoBanner.HB{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    margin-right:0;
    margin-bottom:32px;
}
.portlet-content.contactoOficina{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
}

 .portlet-content.contactoBanner h2, .portlet-content.contactoOficina h2  {
   font-size:20px;
   line-height:24px;
   margin-bottom:16px;
}

.portlet-content.contactoBanner .btnLink, .portlet-content.contactoOficina .btnLink{
    font-size: 14px;
    line-height:20px;
}
.portlet-content.contactoBanner .btnLink svg, .portlet-content.contactoOficina .btnLink svg{
	width:12px;
}
}