/*RESPONSIVE*/
/* Smaller than 1180 (devices and browsers) */
@media only screen and (min-width:1920px) and (max-width:2400px){
#div-cerrar{background-color:transparent}
#div-cerrar a{background-color:transparent;font-size:16px;color:#444}
.popup-modal{color:#404141}
.white-popup-block h1{color:#404141;font-family:'Open Sans',arial,verdana,sans-serif;font-weight:300;margin-left:auto;margin-right:auto;text-align:center;width:90%}
}
@media only screen and (min-width:1259px) and (max-width:1919px){}
@media only screen and (min-width:976px) and (max-width:1258px){
#div-cerrar{background-color:transparent}
#div-cerrar a{background-color:transparent;font-size:16px;color:#444}
.popup-modal{color:#404141;text-decoration:none;width:90%}
.white-popup-block h1{color:#404141;font-family:'Open Sans',sans-serif;font-weight:300;margin-left:auto;margin-right:auto;text-align:center;width:90%}
}
@media only screen and (max-width:1280px){
#contenedorHero .dispositivo{background-size:100% auto}
#contenedorHero{max-height:450px}
}
@media only screen and (min-width:975px) and (max-width:1280px){
#contenedorHero .dispositivo{background-size:80% auto}
}
@media only screen and (max-width:720px){
#logo{max-width:250px}
.valign-wrapper{display:block}
#contenedor-texto-hero{bottom:30%}
nav .brand-logo{font-size:3.8rem}
.dispositivo-home{margin:10px 0px}
}
@media only screen and (min-width:720px) and (max-width:975px){
#contenedorHero .dispositivo{background-size:100% auto}
#div-cerrar{background-color:transparent}
#div-cerrar a{background-color:transparent;font-size:16px;color:#444}
/*Iconos Beneficios*/
.icono-beneficio{display:inline-block}
.icono-beneficio i{font-size:3em}
.icono-beneficio img{height:auto}
#formC{margin-left:auto;margin-right:auto;padding-bottom:8%;width:100%}
#formC strong .text-grl{width:95%;padding-bottom:5%}
}
@media only screen and (min-width:320px) and (max-width:720px){
.botonVermas,.botonVideos{border-radius:none}
#portada{opacity:0.4;width:auto}
.submenu{height:80px;margin-top:0px;top:100px}
.submenu ul li img{max-width:40%}
.submenu ul{width:100%;margin-left:auto;margin-right:auto;font-size:15px;padding-left:0px}
.submenu ul a{color:#fff;font-size:18px;font-weight:500;text-decoration:none}
.contenedor{height:260px}
.contenedorColumnas{width:100%}
.contenedorColumnas{width:100%}
.colIzquierda,.colDerecha{width:100%}
#contenedor-info{top:74px}
.colDerecha{float:none}
/*Iconos Beneficios*/
.arroba{margin-bottom:0px !important;margin-top:0px !important}
.icono-beneficio{display:inline-block}
.cierreClientes,.cierreReportes{padding-bottom:0;padding-top:80px}
.btnClientesVMas{width:100%;margin-top:150px;padding:10px 0;text-align:center;text-decoration:none;border-radius:0px;float:none;margin-right:0}
.fa-4{font-size:2em}
#div-cerrar{background-color:transparent}
#div-cerrar a{background-color:transparent;font-size:16px;color:#444}
#contenedorFormulario{margin-left:auto;margin-right:auto;width:100%}
#formC{margin-left:auto;margin-right:auto;padding-bottom:8%;width:100%}
#formC strong .text-grl{width:95%;padding-bottom:5%}
#enviaTd{margin:0 auto;align:center;width:90%}
#contenedorPie p{width:100%}
#contenedorPie{width:100%}
}
@media only screen and (max-width:320px){
.nexo-svg{height:auto;width:300px}
#logoHero img{width:300px;height:auto}
#contenedor-texto-hero{font-size:20px;color:#000;text-align:left;margin-left:auto;margin-right:auto}
#contenedor-info{top:74px}
}
@media only screen and (min-width:796px) and (max-width:975px){}
@media only screen and (min-width:430px) and (max-width:795px){}
@media only screen and (min-width:260px) and (max-width:429px){}