/*RESPONSIVE*/
/* Smaller than 1180 (devices and browsers) */
@media only screen and (min-width: 1920px) and (max-width: 2400px){
body{width:100%;}
.intro h1 { width: 60%;}
.beneficios h1{ font-size:55px; }
.beneficios h2{ text-align:center; padding-left: 0px; font-size:35px;}
#godown, #return-to-bottom {}
#returns, #return-to-top { bottom: 60px; }
.botonComenzar { top: 750px;}
.intro .img-intro { margin-top: 30px;}
.pregFrecuentes h2 {font-size:30px;	padding-top:0; }
.pregFrecuentes h1 { font-size:43px; }
#div-cerrar {background-color:transparent; right: 180px;}
#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%; }
#fichadasBadges.badges { bottom: 100px; position: absolute; right: 350px;}
}

@media only screen and (min-width: 1259px) and (max-width: 1919px) { 
/*HEROS*/
#contenedorHero.hero-notificaciones {background-repeat: no-repeat; background: url("../img/app/portadaNotif.jpg") scroll left top transparent;
height: 100%; background-position:0% 25%; min-height: 800px; background-size:auto 130%; } 
#contenedorHero.hero-pedidos {background-repeat: no-repeat; background: url("../img/app/portadaPedidos.jpg") scroll left top transparent;
height: 100%; background-position:50% 0%; min-height: 800px; background-size:auto 120%; }
#contenedorHero.hero-reportes {background-repeat:no-repeat !important; background: url("../img/app/portada-reportes.jpg") scroll left top transparent; height: 100%; background-position:90% 0%; min-height: 800px; background-size:100% auto; }
#contenedorHero.hero-fichadas {background-repeat: no-repeat; background: url("../img/app/fichadasPortada.jpg") scroll left top transparent;
height: 100%; background-position:0% 0%; min-height: 800px; background-size:auto 120%; }
#contenedorHero.hero-delivery {background-repeat: no-repeat; background: url("../img/app/portadaDelivery.jpg") scroll left top transparent;
height: 100%; background-position:0% 0%; min-height: 800px; background-size:auto 120%; }
#contenedorHero.hero-clientes {background-repeat: no-repeat; background: url("../img/app/portadaClientes2.jpg") scroll left top transparent;
height: 100%; background-position:center center; min-height: 800px; background-size:auto 120%; }
#contenedorHero.hero-tablero {background-repeat:no-repeat !important; background: url("../img/app/portada-tablero.jpg") scroll left top transparent; height: 100%; background-position:90% 0%; min-height: 800px; background-size:100% auto; }
#godown, #return-to-bottom { bottom: 20px; display:block;}
#returns { bottom: 60px; }
.intro .img-intro { margin-top: 20px;}
.notifImg{height:50%;}
.instalacion img { }
#imgpanel{ height:350px; width:auto;}
.beneficios h1 { font-size:40px; }
.intro h1 { width:90%;}
#notifBadges{ bottom: 80px; position: absolute; right: 350px;}
#fichadasBadges .badges { bottom: 80px; position: absolute; right: 150px; }
}

@media only screen and (min-width: 976px) and (max-width: 1258px) {
body{width:100%;}
/*HEROS*/
#contenedorHero.hero-notificaciones {background-repeat:no-repeat; background:url("../img/app/portadaNotif.jpg") scroll left top transparent; background-size:auto 110%; height: 55%; min-height: 740px;}
#contenedorHero.hero-pedidos {background-repeat:no-repeat; background:url("../img/app/portadaPedidos.jpg") scroll left top transparent; background-size:auto 110%; height: 55%; min-height: 740px;}
#contenedorHero.hero-reportes {background-repeat:no-repeat; background:url("../img/app/portada-reportes.jpg") scroll 65% 0% transparent; background-size:auto 100%; height: 55%; min-height: 740px;}
#contenedorHero.hero-fichadas {background-repeat:no-repeat; background:url("../img/app/fichadasPortada.jpg") scroll left top transparent; background-size:auto 110%; height: 55%; min-height: 740px;}
#contenedorHero.hero-delivery {background-repeat:no-repeat; background:url("../img/app/portadaDelivery.jpg") scroll center top transparent; background-size:auto 110%; height: 55%; min-height: 740px;}
#contenedorHero.hero-clientes {background-repeat:no-repeat; background:url("../img/app/portadaClientes2.jpg") scroll center center transparent; background-size:auto 110%; height: 55%; min-height: 740px;}
#contenedorHero.hero-tablero {background-repeat:no-repeat; background:url("../img/app/portada-tablero.jpg") scroll center center transparent; background-size:auto 110%; height: 55%; min-height: 740px;}

div#filtro { right: 50px; }
.botonComenzar { top: 400px; }
#godown, #return-to-bottom {display:block;}
#returns, #return-to-top {}
.beneficios h1{padding-left:0px; font-size:35px;}
.beneficios h2{text-align:center; padding-left: 0px; font-size:25px;}
.contenedor{height:408px;}
div#filtro { right: 60px; }
.submenu ul { padding-left: 0;}
#contenedorTitulo h3 { font-size: 30px;}
.section {height: auto;}
.intro .img-intro { height: auto; width: 95%;}
.instalacion img { height: auto; width: 95%;}
#imgpanel{ height:350px; width:auto;}
.pregFrecuentes h2 {width:60%;font-size:30px; text-decoration: none; margin-left:auto; margin-right:auto; width:500px; }
.pregFrecuentes h1 {width:90%;font-size:43px;}
#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%;}
#notifBadges.badges{ bottom: 80px; position: absolute; right: 100px;}
#fichadasBadges.badges { bottom: 40px; position: absolute; right: 100px; }
}
@media only screen and (max-width: 720px) {
#logo{max-width:300px;}
}
@media only screen and (min-width: 720px) and (max-width: 975px) {
.contenedor { height:320px;}
body{width:100%;}
#logo { left: 10px;}
#godown, #return-to-bottom {display:block;}
#returns { bottom: 400px;}
/*HEROS*/
#contenedorHero.hero-notificaciones { background-repeat: no-repeat; background: url("../img/app/portadaNotif.jpg") scroll 20% 0 transparent; background-size: auto 100%; height: 80%; }
#contenedorHero.hero-pedidos { background-repeat: no-repeat; background: url("../img/app/portadaPedidos.jpg") scroll center center transparent; background-size: auto 100%; height: 80%; }
#contenedorHero.hero-reportes { background-repeat: no-repeat; background: url("../img/app/portada-reportes.jpg") scroll 80% 0 transparent; background-size: auto 100%; height: 80%; }
#contenedorHero.hero-fichadas { background-repeat: no-repeat; background: url("../img/app/fichadasPortada.jpg") scroll 20% 0 transparent; background-size: auto 100%; height: 80%; }
#contenedorHero.hero-delivery { background-repeat: no-repeat; background: url("../img/app/portadaDelivery.jpg") scroll 20% 0 transparent; background-size: auto 100%; height: 80%; }
#contenedorHero.hero-clientes { background-repeat: no-repeat; background: url("../img/app/portadaClientes2.jpg") scroll center center transparent; background-size: auto 100%; height: 80%; }
#contenedorHero.hero-tablero { background-repeat: no-repeat; background: url("../img/app/portada-tablero.jpg") scroll center center transparent; background-size: auto 100%; height: 80%; }
div#filtro { right: 10px; }
.botonComenzar { top:200px;}
#sticker #logo { /*height:95%;*/}
#logoHero img{ /*width:200px;*/}
.filtro-botones h1 { font-size: 16px; font-weight: 400;
 height: auto; width: auto; }
#filtro-icono { padding: 20px 10px 10px 20px; }
.botonComenzar { top:350px; }
.section { height: auto; }
#registro .contenedor-redes { width: 80%; }
#registro .contenedor-redes h2{ font-size:32px;}
#registro .contenedor-redes h3{ font-size:20px;}
.intro .img-intro { height: auto; width: 95%; margin-top:20px; }
.instalacion img { height: auto; width: 95%; }
#imgpanel { height: auto; width: 50vw; }
.beneficios h1{ font-size:35px;padding-top:0;}
.beneficios h2{text-align:center; font-size:25px;}
.contenedor{height:334px;}
.pregFrecuentes h2 {width:100%;font-size:30px; text-align:center; }
.pregFrecuentes h1 { font-size:43px; }
#div-cerrar {background-color:transparent;}
#div-cerrar a{background-color:transparent;font-size:16px; color:#444;}
#contenedorTextoHero { color: #fff; font-size: 40px; font-weight: 600; left: 25%; position: absolute; text-align: right; top: 16%; width: 500px; height: 200px; }
#logoFichadas { max-width: 180px; position: absolute; right: 60px; top: 10px; z-index: 25; }
.fichadas { height: auto; padding-top:60px}
#contenedorTitulo h3 { bottom: 80px; font-size: 24px;}
.popup-modal { color: #404141; }
.white-popup-block h1 { color: #404141; font-weight: 300; margin-left: auto; margin-right: auto; text-align: center; width: 90%; }
#contenedorTitulo h3 { bottom: 20px;position: absolute;right: 40px;text-align: right; width: 500px; z-index: 20; }
#contenedorFormulario { width: 700px; }
#formC{ margin-left: auto; margin-right: auto; padding-bottom: 8%; width: 100%; }
#formC strong .text-grl{width:95%;padding-bottom:5%;}
.contacto{width:100%;}
.contacto td{color:#fff; font-size: 20px; width:100%; font-weight: 300; display:block; }
.contacto tr{color:#fff; font-size: 20px; font-weight: 300;} 
.contacto table{color:#fff; font-size: 20px; font-weight: 300;margin: 0 auto; width:90%;}
.contacto td input, textarea{width:100%;}
.contacto textarea{resize:none;}
.contacto #enviar{border:none; background-color:#DF2D13;color:#fff; font-size: 18px; font-weight: 300; text-align:center;}
#enviaTd{margin: 0 auto; align:center; widtht:90%;}
.thumb{margin:10px;}
#fichadasBadges.badges { bottom: 30px; position: absolute; right: 50px; }
#notifBadges.badges { bottom: 80px; position: absolute; right: 50px; }
}

@media only screen and (min-width: 321px) and (max-width: 720px) {
body{width:100%;}
#godown, #return-to-bottom { bottom: 20px; display:block;}
#returns {  bottom: 40px; }

/*HEROS*/
#contenedorHero.hero-notificaciones { background-repeat: no-repeat; background:url("../img/app/portadaNotif.jpg") scroll 45% 0 transparent; background-size: auto 120%; height: 450px; min-height: inherit; text-align:center; }
#contenedorHero.hero-pedidos { background-repeat: no-repeat; background:url("../img/app/portadaPedidos.jpg") scroll 60% 85% transparent; background-size: auto 100%; height: 450px; min-height: inherit; text-align:center; }
#contenedorHero.hero-reportes { background-repeat: no-repeat; background:url("../img/app/portada-reportes.jpg") scroll 55% 85% transparent; background-size: auto 100%; height: 450px; min-height: inherit; text-align:center; }
#contenedorHero.hero-fichadas { background-repeat: no-repeat; background:url("../img/app/fichadasPortada.jpg") scroll 40% 85% transparent; background-size: auto 100%; height: 450px; min-height: inherit; text-align:center; }
#contenedorHero.hero-delivery { background-repeat: no-repeat; background:url("../img/app/portadaDelivery.jpg") scroll 40% 85% transparent; background-size: auto 100%; height: 450px; min-height: inherit; text-align:center; }
#contenedorHero.hero-clientes { background-repeat: no-repeat; background:url("../img/app/portadaClientes2.jpg") scroll center center transparent; background-size: auto 100%; height: 450px; min-height: inherit; text-align:center; }
#contenedorHero.hero-tablero { background-repeat: no-repeat; background:url("../img/app/portada-tablero.jpg") scroll center center transparent; background-size: auto 100%; height: 450px; min-height: inherit; text-align:center; }
#contenedorHero.hero-backup { background-repeat: no-repeat; background:url("../img/app/portada-backup.jpg") scroll center center transparent; background-size: auto 100%; height: 450px; min-height: inherit; text-align:center; }
#contenedorHero.hero-update { background-repeat: no-repeat; background:url("../img/app/portada-update.jpg") scroll center center transparent; background-size: auto 100%; height: 450px; min-height: inherit; text-align:center; }
#contenedorTextoHero > p { margin-top: 10px; }
.botonIngresar { top:40px;  padding: 5px 25px; position: absolute; right: 20px; text-decoration: none;}
.botonComenzar {  left: inherit; padding: 5px 25px; position: absolute; right: 20px; text-decoration: none; top: 90px; }
.botonEntrar { border-radius:none;}
div#logo { margin: 0; padding:5px; padding-left: 0px; position: absolute;  text-align:center; }
#logo { left: 5px; padding-top: 0px; position: absolute; /*width: 250px;*/ height:auto;}
#logo img{margin:0 auto;}
div#sticker {/*height:90px;*/ text-align:center;}
#contenedor-info { top: 45px; }
.section { height: auto; }
#registro { padding-top: 60px; }
#registro .contenedor-redes { width: 80%; }
#registro .contenedor-redes h2{ font-size:28px; }
#registro .contenedor-redes h3{ font-size:18px;}
.intro .img-intro { height: auto; width: 95%; margin-top:20px; }
.instalacion img { height: auto; width: 95%; }
#imgpanel { height: auto; width: 50vw; }
.filtro-botones h1 { font-size:14px; font-weight:400; width:auto; height:auto;}
.submenu { height: 80px; margin-top: 55px; 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;}
div#filtro {  background-color: #e7e7e7;  height: 60px; margin-left: 0; margin-right: auto; padding-top: 2%; position: relative; right: 0;text-align: center; top: 90px; width: 100%;}
div#filtro { right: inherit;}
#filtro-icono {cursor: pointer; height: 10px; margin-left: 10px;     margin-right: 10px; padding: 0; width: auto; }
.filtro-item { display: inline; height: 45px; margin-left: 00px; text-align: center; max-width: 26%; width:auto; float:left; }
.instalacion h1 { font-size: 30px;}
.beneficios h1{padding-left:0px; font-size:30px;}
.beneficios h2{text-align:center; font-size:25px;}
.icono-beneficio { width: 40%;}
.contenedor{height:320px;}
.pregFrecuentes h2 {width:80%;font-size:30px; padding-left: 0px; padding-top:50px; margin:0 auto;  }
.pregFrecuentes h1 {width:90%;font-size:30px; padding-left:0px;}
#div-cerrar {background-color:transparent;}
#div-cerrar a{background-color:transparent;font-size:16px; color:#444;}
.intro h1 {font-size: 30px; padding-top:20px;}
.popup-modal { color: #404141; }
.white-popup-block h1 { color: #404141; font-weight: 300; margin-left: auto; margin-right: auto; text-align: center;
width: 90%; }
#formC{ margin-left: auto; margin-right: auto; padding-bottom: 8%; width: 100%; }
#formC strong .text-grl{width:95%;padding-bottom:5%;}
.contacto{width:100%;}
.contacto td{color:#fff;font-size: 20px; width:100%; font-weight: 300; display:block;}
.contacto tr{color:#fff;font-size: 20px; font-weight: 300;}
.contacto table{color:#fff;font-size: 20px; font-weight: 300;margin: 0 auto; width:90%;}
.contacto td input, textarea{width:100%;}
.contacto textarea{resize:none;}
.contacto #enviar{border:none; background-color:#DF2D13;color:#fff;font-family: 'Open Sans',sans-serif; font-size: 18px; font-weight: 300; text-align:center;}
#enviaTd{margin: 0 auto; align:center; width:90%;}
.fa-4 {font-size: 2em;}
.auditoria { margin-top: 80px; }
.auditoria h1 { font-size:30px; margin-top: 20px; width: 320px;}
#logoAuditoria { margin-left: auto; margin-right: auto; text-align: center; top: 20px; width: 200px; position: static; }
.fichadas{height:230px;}
#contenedorTitulo h3 {bottom: 150px;font-size: 16px; text-align: center; width: 80%; margin-left:auto; margin-right:auto; }
#logoFichadas {left: 0; max-width: 125px; padding-bottom: 10px; position: relative; top: 5px;}
.botonEntrar {font-size: 36px; height: 50px; left: 0; padding: 15px 0; top: 230px; width: 100%;z-index: 25;}
.contenedorHero{position:relative;}
#contenedorTextoHero { top:0px; font-size: 25px; font-weight: 600; left: 0;  position: absolute; text-align: center; text-shadow: 4px 4px 4px #000; width: 100%; z-index: 200; width: 350px; }
.beneficios { margin-top:00px; }
.beneficios h1 { width:300px; }
.beneficios h2 { width:300px; }
#contenedorPie p{width:100%;}
#contenedorPie {width:100%;}
#contenedorFormulario { margin-left: auto; margin-right: auto; width: 100%; }
#logo-blanco{display:none;}
#pie { text-align:center; background-color:#FFF; padding-bottom: 20px; padding-top: 40px; width:100%;}
#pie p { margin-left: auto; margin-right: auto; width: 300px;}
#contenedorPie { margin-left: auto; margin-right: auto; width: 100%; }
#contenedorPie img { width:auto; }
#imgpanel{display:none;}
#imgpanelMobile{width: 50vw; display:block;}
.thumbnails{height:800px; width:100%;}
#galeria{height:880px;}
.badges { bottom: 5%; position: absolute; right: 5%;}
.azulgrisNotif{height:460px;}
#instalacion { width: 350px;margin-bottom:200px;}
#fichadasBadges.badges { bottom: 50px; position: absolute; right: 70px; width: 200px;}
.sombraBtn{box-shadow: 0 0 4px #000;}
}

@media only screen and (max-width: 320px) {
body{width:100%;}
/*HEROS*/
#contenedorHero.hero-notificaciones { background-repeat: no-repeat; background:url("../img/app/portadaNotif.jpg") scroll 40% 85% transparent; background-size: auto 100%; height: 50%; text-align:center; min-height: 250px;}
#contenedorHero.hero-pedidos { background-repeat: no-repeat; background:url("../img/app/portadaPedidos.jpg") scroll 60% 0% transparent; background-size: auto 130%; height: 50%; min-height: 250px; text-align:center; }
#contenedorHero.hero-reportes { background-repeat: no-repeat; background:url("../img/app/portada-reportes.jpg") scroll 40% 85% transparent; background-size: auto 100%; height: 50%; text-align:center; min-height: 250px;}
#contenedorHero.hero-fichadas { background-repeat: no-repeat; background:url("../img/app/fichadasPortada.jpg") scroll 40% 85% transparent; background-size: auto 100%; height: 50%; text-align:center; min-height: 250px;}
#contenedorHero.hero-delivery { background-repeat: no-repeat; background:url("../img/app/portadaDelivery.jpg") scroll 40% 0% transparent; background-size: auto 110%; height: 50%; max-height:100%; text-align:center; min-height: 250px;}
#contenedorHero.hero-clientes { background-repeat: no-repeat; background:url("../img/app/portadaClientes2.jpg") scroll 45% 10% transparent; background-size: auto 110%; height: 50%; text-align:center; min-height: 250px;}
#contenedorHero.hero-tablero { background-repeat: no-repeat; background:url("../img/app/portada-tablero.jpg") scroll 45% 10% transparent; background-size: auto 110%; height: 50%; text-align:center; min-height: 250px;}
#contenedorHero.hero-backup { background-repeat:no-repeat; background:url("../img/app/portada-backup.jpg") scroll center center transparent; background-size:auto 110%; height: 55%; min-height: 740px;}
#contenedorHero.hero-update { background-repeat:no-repeat; background:url("../img/app/portada-update.jpg") scroll center center transparent; background-size:auto 110%; height: 55%; min-height: 740px;}
#contenedorTextoHero > p { margin-top: 10px; margin-left:auto; margin-right:auto; font-size:18px; width:300px;}
.botonIngresar { top:85px; width:auto; padding:10px; font-size:14px; }
.botonComenzar { top:130px; right: 20px; left:inherit; width:auto; padding:10px; font-size:14px;}
.botonEntrar { border-radius:none;}
#logo { left: 10px; padding-top: 0px; position: absolute; width: auto; max-width:250px; height:auto;width: 75vw; margin:0 auto;}
#logo img{margin:15px auto;}
div#sticker {height:90px; text-align:center;}
#contenedor-info { top:45px; }
#godown, #return-to-bottom {  bottom: 20px; display:block;}
#returns { bottom:40px; }
.filtro-botones h1 { font-size:14px; font-weight:400; width:auto; height:auto;}
.submenu { height: 80px; margin-top: 55px; top: 100px; }
.submenu ul li img{max-width:40%;}
.submenu ul{width:100%; margin-left:auto; margin-right:auto; font-size:15px;}
div#filtro{ height: 50px; margin-left: auto; margin-right: auto; padding-top: 2%; text-align: center; top: 56px; width: 94%; }
.submenu ul { padding-left: 0px;}
div#filtro { right: inherit; }
#filtro-icono { cursor: pointer; height: 30px; padding: 0; width: 80px;}
div#filtro { background-color: #e7e7e7; height: 60px; margin-left: 0; margin-right: auto; padding-top: 2%; padding-bottom: 0; padding-left: 0; position: relative; right: 0; text-align: center; top: 90px; width: 100%;}
#filtro-icono a {display:block; cursor:pointer;}
.filtro-item { display: inline; height: 45px; max-width:26%; text-align: center; width: auto;  }
#intro .title {margin-top:60px; font-size: 40px;}
#registro { padding-top: 60px; }
#registro .contenedor-redes { width: 80%; }
#registro .contenedor-redes h2{ font-size:28px; }
#registro .contenedor-redes h3{ font-size:18px;}
.section { height: auto; }
.intro .img-intro { height: auto; width: 95%; margin-top:20px; }
.instalacion img { height: auto; width: 95%; }
#imgpanel { height: auto; width: 50vw; }
.title { font-size:24px !important;}
#fichadasBadges.badges { bottom: 50px; position: absolute; right: auto; width: 200px; }
#tableroBadges .badges{right:auto;}
.azulgrisNotif{height:400px;}
.beneficios h1{padding-left:0px; font-size:30px; max-width: 200px;}
.beneficios h2{text-align:center; font-size:25px;max-width: 200px;}
.contenedor{height:320px;}
.pregFrecuentes h2 {width:80%;font-size:30px; padding-left: 0px; padding-top:50px; margin:0 auto;  }
.pregFrecuentes h1 {width:90%;font-size:43px; padding-left:0px;}
#div-cerrar {background-color:transparent;}
#div-cerrar a{background-color:transparent;font-size:16px; color:#444;}
.intro h1 {font-size:28px;padding-top:20px;}
.popup-modal { color: #404141; }
.white-popup-block h1 { color: #404141; font-weight: 300; margin-left: auto; margin-right: auto; text-align: center;
width: 90%; }
#formC{ margin-left: auto; margin-right: auto; padding-bottom: 8%; width: 100%; }
#formC strong .text-grl{width:95%;padding-bottom:5%;}
.contacto{width:100%;}
.contacto td{color:#fff;font-size: 20px; width:100%; font-weight: 300; display:block;}
.contacto tr{color:#fff;font-size: 20px; font-weight: 300;}
.contacto table{color:#fff;font-size: 20px; font-weight: 300;margin: 0 auto; width:90%;}
.contacto td input, textarea{width:100%;}
.contacto textarea{resize:none;}
.contacto #enviar{border:none; background-color:#DF2D13;color:#fff;font-family: 'Open Sans',sans-serif; font-size: 18px; font-weight: 300; text-align:center;}
#enviaTd{margin: 0 auto; align:center; width:90%;}
.fa-4 {font-size: 2em;}
.auditoria { margin-top: 90px; }
.auditoria h1 { font-size:20px; width: 300px; }
.fichadas{height:230px;}
#contenedorTitulo h3 {bottom: 150px;font-size: 14px; text-align: center; width: 80%; margin-left:auto; margin-right:auto; margin-bottom: 20px; }
#logoFichadas {left: 0; max-width: 125px; padding-bottom: 10px; position: relative; top: 5px;}
.botonEntrar {font-size: 36px; height: 50px; left: 0; padding: 15px 0; top: 240px; width: 100%;z-index: 25;}
.contenedorHero{position:relative;}
#contenedorTextoHero { /*bottom: 100px; color: #fff;*/ 	top:0px; font-size: 25px; font-weight: 600; left: 0;  position: absolute; text-align: center; text-shadow: 4px 4px 4px #000; width: 100%; z-index: 200; }
.beneficios { margin-top:0px; }
.icono-beneficio { width: 100%;}
#contenedorPie p{width:100%;}
#contenedorPie {width:100%;}
#contenedorFormulario { margin-left: auto;    margin-right: auto; width: 100%; }
#logo-blanco{display:none;}
#pie { text-align:center; background-color:#FFF; padding-bottom: 20px; padding-top: 40px; width:100%;}
#pie p { margin-left: auto; margin-right: auto; width:100%;}
#contenedorPie { margin-left: auto; margin-right: auto; width: 100%; }
#contenedorPie img { width:auto; }
#imgpanel{display:none;}
#imgpanelMobile{width:100%; display:block;}
/*galeria*/
.thumbnails{height:800px; width:100%;}
#galeria{height:1000px;}
#logo { max-width:220px;}
#notifBadges.badges { bottom: 20px; position: absolute; right: 10px; width: 300px; }
#instalacion { width: 300px; margin-bottom:200px; }
.btnIngresar320{top:25px;}
.btnComenzar320{top:70px;}
h1, h2, {width:100%!important;}
td{max-width: 200px;!important}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 796px) and (max-width: 975px) {}
@media only screen and (min-width: 430px) and (max-width: 795px) {}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 260px) and (max-width: 429px) {}