/* Móviles en horizontal o tablets en vertical */
@media(max-width:767px){
.h2-portada{font-size:4em !important}
.h3-portada{font-size:2em !important}
.hexa{height:380px}
#motto-move {font-size:50px !important}
#motto-texto {font-size:30px !important;top:30%;}
section h2{font-size:36px !important}
section h2{font-size:50px !important}
#subirUP{ width:80px !important}
.menu-centrado{margin-top:75px;}
.menu-centrado ul.lista-menu {font-size:30px}
.google-maps {padding-bottom: 135%;}
section{padding:70px 20px !important;}
#logo{ position:fixed;top:15px;right:30px;z-index:1}	
#logo img{	width:80px}
#logo-home{left:15px;top:92%}
.arriba-bco{min-height:60px; background-color:#FFF; position:fixed;top:0px;left:0px; z-index:1; width:100%}
.boton-nav-bar{float:none}
.navbar-default {background:#FFF !important; border:none !important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border:none; background-color: #F9F9F9;}
.navbar-header{border-top:1px solid #F3F4F5;border-bottom:1px solid #F3F4F5;padding:5px 0}
.navbar-header{cursor:pointer}
.navbar-collapse{padding-bottom:15px !important}
.navbar-toggle{margin-left:15px !important}
#lista-aplicaciones li,#lista-productos > li{line-height:24px;height:24px;background:none; float:none; display:block;  margin-right:0;padding:18px 0; }
#lista-aplicaciones li a,#lista-productos >li >a{padding:8px 0; color:#000 !important}
.lista-producto{margin: 0px 0px -60px 0px !important;}
#pie-productos,#pie-aplicaciones{margin: 0 -30px !important}
#foto-aplicaciones{margin-top:55% !important}
#portada-equipo{font-size:2.5em !important;text-align: center; padding-top:0%; margin-left: 0; }
#portada-productos{text-align: center;}
.productos-section {background: none !important}
.servicios-section {background: url('../images/portada-servicios-sm.jpg') no-repeat center center scroll;-webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover; background-size: cover;}
.textos-equipo-h3{font-size:1em !important}
.textos-equipo-p{font-size:0.7em !important}
#contacto{ margin-top:0px !important; padding-top:0}
#aqui-contigo{margin-top:-10px;}
.mapa-tx{margin:0px -20px 0px -48px !important}
.sec-aplicaciones{-webkit-background-size:none;-moz-background-size: none;-o-background-size: none; background-size: none;background: none !important; background-color:#EFEFEF !important}
#mm50,#mm20,#mh20,#ml20,#ms20,#ms25,#mtp20,#mttrailer,#mttrack ,#ms26{ background:none}
#tabla-datos{padding-left:10px}
#tabla-datos h1 {margin-left: 0px;}
.col-left {display: table;}
.col-left > div:nth-child(2) {display: table-caption;margin: 0 15px;}
#encabezado-producto{margin-bottom:20px !important}
#encabezado-producto h1{margin-top:90px !important}
.pull-left{ float:none !important}
#lista-productos .lista-producto{ display:none !important}
#section-up{min-height:80%;padding-bottom:0px; margin-bottom:0px}
#cacho-dos{min-height:80%;margin-top:0px }
.btn-services{margin-top:30%}
#servicios-d{min-height:250%}
.hexa h2{ font-size:22px !important; }
#mapa-solo-lg{display:none}
#contacto p{padding:0; line-height:0.5em}
.seccion-abajo{border-top:2px solid #FFF;}
/*.head-con-margen button{margin-top:-10px}*/
.bg { background-position: 20% center !important;}
#leyenda{top:75px !important;left: 75px;right: 0px !important;}
#leyenda img {width:75%}
} 

/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (min-width: 768px) {
.h2-portada{font-size:5em !important}
.h3-portada{font-size:3em !important}
.hexa{height:220px}
#motto-move,#motto-texto {font-size:70px !important}
.sub-section h2{font-size:40px !important}
.menu-centrado{margin-top:75px;}
.menu-centrado ul.lista-menu {font-size:36px}
.google-maps {padding-bottom: 176.25%;}
#logo{position:fixed;bottom:30px;left:30px;z-index:1}
#logo img{	width:120px}
.texto-menu{margin-left:10px; display:inline !important}
}
/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media (min-width: 1024px) { }
/* Escritorios muy anchos
   ------------------------------------------------------------------------- */
@media (min-width: 1200px) { 
#portada-productos{text-align: right; padding-top:45%;margin-right:-60px}
#foto-aplicaciones{margin-top:-50px !important; }
.h2-portada{font-size:6em !important}
#portada-aplicaciones {padding-top:0%;}
.h3-portada{font-size:4em !important}
#motto-move,#motto-texto{font-size:100px !important}
#motto-texto {top:70% !important;font-size:80px !important}
.hexa{height:440px}
.sub-section h2{font-size:60px !important}
.menu-centrado{margin-top:150px;}
.menu-centrado ul.lista-menu {font-size:36px}
.google-maps {padding-bottom: 66%/*56.25%*/;}
#logo{ position:fixed;bottom:30px;left:30px;z-index:1}
#logo img{	width:180px}
.seccion-abajo{border-top:2px solid #FFF; padding-top:7%}
#section-up{padding-top:10%}
.titulo-producto{margin-top:3%}
#tabla-datos{padding-left:70px}
#pie-aplicaciones{margin-bottom:0px !important}
.img-render{ max-width:70% !important}
.img-render2{ max-width:50% !important}
#logo img{width:50%}
.nwrap{white-space: nowrap;}
.sin-fondo{ background:none !important}
.hexa, #hexa1,#hexa2,#hexa3{display:none}
}
/* Escritorios muy muy anchos
   ------------------------------------------------------------------------- */
@media (min-width: 1900px) {
#portada-productos{text-align: right; padding-top:65%;margin-right:-120px}
#foto-aplicaciones{margin-top:0px !important}
#portada-aplicaciones {margin-top:-5%}
.arriba20{margin-top:50px !important}
#motto-texto {top:72% !important;font-size:95px !important}
.seccion-abajo{border-top:2px solid #FFF;padding-top:10%}
#section-up{padding-top:15%}
.titulo-producto{margin-top:9%}
#tabla-datos{padding-left:70px}
#tabla-productos{margin:30px 0px}
.img-render,.img-render2{ max-width:100% !important}
#logo img{width:80%}
.sin-fondo{ background:none !important}
.hexa, #hexa1,#hexa2,#hexa3{display:none}
}
/* Tablets vertical
   ------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 992px) {
#portada-productos{text-align: center; padding-top:10%}
.productos-section {background: none !important}
#foto-aplicaciones{margin-top:55% !important}
.servicios-section {background: url('../images/portada-servicios-sm.jpg') no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover;}
.sec-aplicaciones{-webkit-background-size:none;-moz-background-size: none;-o-background-size: none; background-size: none;background: none !important; background-color:#EFEFEF !important}
.navbar-header{float:none}
.navbar-left,.navbar-right{float:none!important}
.navbar-toggle{display:block;float:none;margin:0 auto 10px;}
.navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)}
.navbar-fixed-top{top:0;border-width:0 0 1px}
.navbar-collapse.collapse{display:none!important}
.navbar-nav{float:none!important;margin-top:7.5px}
.navbar-nav>li{float:none}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px}
.collapse.in{display:block!important}
#tabla-datos{padding-left:10px}
.titulo-producto{margin-top:9%}
#mm50,#mm20,#mh20,#ml20,#ms20,#ms25,#mtp20,#mttrailer,#mttrack,#ms26 { background:none}
.col-left {display: table;}
.col-left > div:nth-child(2) {display: table-caption;margin: 0 15px;}

#lista-aplicaciones li,#lista-productos > li{line-height:24px;height:24px;background:none; float:none; display:block;  margin-right:0;padding:18px 0; }
#lista-aplicaciones li a,#lista-productos >li >a{padding:8px 0; color:#000 !important}
/*.head-con-margen{padding:20px 0px} */
.head-con-margen button{margin-bottom:15px}
.navbar-default {background: #FFF !important; padding: 10px 0px;}
.pie-navbar{background: none !important;}
}
/* IPAD */
@media (min-width: 768px) and (max-width: 1024px) 
{
#portada-productos{text-align: center; padding-top:10%}
.productos-section {background: none !important}
#foto-aplicaciones{/*margin-top:55% !important*/}
.servicios-section {background: url('../images/portada-servicios-sm.jpg') no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover;}
.sec-aplicaciones{-webkit-background-size:none;-moz-background-size: none;-o-background-size: none; background-size: none;background: none !important; background-color:#EFEFEF !important}
.navbar-header{float:none}
.navbar-left,.navbar-right{float:none!important}
.navbar-toggle{display:block;float:none;margin:0 auto 10px;}
.navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1); margin: auto -15px}
.navbar-fixed-top{top:0;border-width:0 0 1px}
.navbar-collapse.collapse{display:none!important}
.navbar-nav{float:none!important;margin-top:7.5px}
.navbar-nav>li{float:none}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px}
.collapse.in{display:block!important; /*height:50px !important;*/ background-color:#FFF !important;z-index:5;padding-bottom:30px  }
#tabla-datos{padding-left:10px}
.titulo-producto{margin-top:9%}
#mm50,#mm20,#mh20,#ml20,#ms20,#ms25,#mtp20,#mttrailer,#mttrack { background:none}
.col-left {display: table;}
.col-left > div:nth-child(2) {display: table-caption;margin: 0 15px;}
#tabla-datos .row{margin:20px 40px !important; text-align:center !important}	
#lista-productos .lista-producto{ display:none !important}
.navbar-toggle { background-color:#FFF}
#foto-equipo{margin-top:30%}
.aplicaciones-naval{padding-top:20%}
.hexa{height:440px}
#hexa1{ margin-top:-180px}
.btn-services{margin-top:30%; } 
#logo{ position:fixed;top:15px;right:30px !important;height:70px; width:100%;}	
#logo img{text-align:right; display:block; float:right; margin-right:60px; }
.img-ipad{float:right;margin-top:-100px}
#servicios-d{min-height:200%}


#lista-aplicaciones li,#lista-productos > li{line-height:24px;height:24px;background:none; float:none; display:block;  margin-right:0;padding:18px 0; }
#lista-aplicaciones li a,#lista-productos >li >a{padding:8px 0; color:#000 !important}
/*.head-con-margen{padding:20px 0px}*/
.head-con-margen button{margin-bottom:15px} 
.navbar-default {background: #FFF !important; padding: 10px 0px;}
.pie-navbar{background: none !important;}
}
 
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
{
  #mapa-solo-lg{display:none !important}
  #foto-equipo{margin-top:5% !important}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

}