@media only screen
and (max-width : 760px)
{
 
 /* BASE */
 .negro{margin:5% 0 5% 0;text-align: center;}
 .contenedor .col-3{width: 98%;padding:0 1% 0 1%;}
 #cssmenu {margin-top:10px !important;margin-top: 25px !important;padding: 0;line-height: 1;display: block;position: relative;width:100% !important;z-index:9999;}
 .logo {width: 300px;height:71px;background-size:100% 100%;margin:5% 0 5% 0;text-align: center;}


 #navigation{display: none;}
 .banner {float: none;width: 100%;}
 .text {background-color: #F8F8F8;float: none;font-size: 0.9em;padding: 3%;width:96%;}
 .portada .slider {background: none;height: 100%;max-width: 100%;overflow: hidden;position: relative;}
 .banner h1 {font-size: 2em;}
 .banner h2{border:0px;}

 .portada .slider-bg {background: none;height:100%;padding:0 0 1% 0;}
 .otros{display:none;}
 footer .logo-inf img {width: 20% !important;}
 

 /*BLOQUE PRODUCTO*/
 .producto {width: 100%;padding:2% 0 5%;font-size: 1.5em;margin:0px;}
 .producto span {font-size: 0.7em;font-weight: lighter;margin: 0 0 3% 0;height:auto;text-align: left;}
 .productos .acceder {width:100%;background-color: #59B6E2;}
 .productos .acceder a{padding:0%;font-weight: normal;}
 .productos .acceder a:hover{background:none;padding:0%;font-weight: normal;color:#000;}
 .productos h3 {font-size: 2.2em;background-color:#f3f3f3;margin:2% 0 2% 0;}
 .productos .acceder{display:none;}
 .productos .producto h4{margin:2% 0 0 0;padding:0px;text-align: left;}
 .productos  p{display: none;}
 .producto img {float: left;width: 20%;margin:0 2% 0 0;}
 
 /*COMPAÑIA*/
 .compania img {float: left;width: 50%;}
 .compania .lead {width: 50%;padding:3%;}
 
 /*DISTRIBUIDORES*/
 .distribuidores .block-l .imagen {display: none;}
 .distribuidores .block-l .texto {width: 100%;}
 
 /*CONTACTAR*/
 .contenedor .col-1 {width: 100%;}
 .contenedor .col-2 { width: 100% !important;margin:0px;}
 .contactar {text-align: center;}
 

 .listado{margin:0;padding:0;}
 .listado li{margin:0 0 0 0;padding:0 0 3% 0;list-style-type: none;}
  
 

 .colaborador{border: 1px solid #F3F3F3;float: left;margin: 0 2.3% 2% 1.5%;width: 95%;}
 .cliente{border: 1px solid #F3F3F3;float: left;margin: 0 2.3% 2% 1.5%;width: 95%;}
 
 .contenedor .col-4{width: 100%;float:left;margin: 0 3% 0 0;}
 .contenedor .col-4 h2{color:#000;background:none;border:none;padding:2% 0 2% 2%;margin:1% 0 1% 0;background-color: #000;color:#fff;}
 .contenedor .col-4 p{margin:2% 1% 2% 1%;}
 .contenedor{margin:0 auto 0% auto;}
 .contenedor h1 {font-size: 2em;text-align: center;} 
 
 .productos{margin:0 1% 0 1%;}
 .compania .col-1{width:96%;padding:0 2% 0 2%;}
 .compania .col-2{width:96%;padding:0 2% 0 2%;}

 .dwide-text{width:100% !important;margin-top: 7% !important;}
.dwide-image{width:100% !important;}

 .resp-tabs-list li {display: block;float: none;font-size: 13px;font-weight: 600;list-style: none outside none;margin: 0 0 0.5% 0;padding: 13px 15px;}
 .resp-tab-item {background: none repeat scroll 0 0 #333333;color:#fff;}
 .resp-tab-active {background-color: #59B6E2;border:none;color: #fff;}
 .resp-tabs-container ul li {padding: 0 0 2% 8%; background: url("../img/visto.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);margin: 0 0 5%;}
 .resp-tab li {padding: 0 0 0 6%;}
 .resp-tab-2 li {padding: 0 0 0 7% !important;}

 /* PRODUCTOS */
 .imagen-producto h1{text-align: center;}
 .imagen-producto h2{text-align: center;}
 .imagen-producto .inner img{display: none;}
 
 
 .producto-int .block-l .texto{width:100%;}
 .producto-int .block-l .imagen{width:100%;}
 .producto-int .block-r .texto{width:100%;}
 .producto-int .block-r .imagen{width:100%;}
 
 .producto-int .block img {border: 0px dotted #CCCCCC;clear: both;padding: 0% 0 0% 0;}

 .producto-int .block h2 {font-size: 1.2em;  margin: 0 0 5% 0;height:auto;}
 .producto-int .block .dos-lineas,.producto-int .block .tres-lineas,.producto-int .block .doble-lineas,.producto-int .block .triple-lineas,.producto-int .block .cuatro-lineas,.producto-int .block .cinco-lineas{margin-top:0%;}

 footer .logo-inf img {width: 40% !important;}

 /* MENU */
  #cssmenu {display:visible;background: none repeat scroll 0 0 #4CB6EA;float:none;clear:both;width: 100%;margin:3% 0 0 0;}
  #cssmenu > ul {max-height: 0;overflow: hidden;-webkit-transition: max-height 0.35s ease-out;-moz-transition: max-height 0.35s ease-out;-ms-transition: max-height 0.35s ease-out;-o-transition: max-height 0.35s ease-out;transition: max-height 0.35s ease-out;}
  #cssmenu > ul.open {max-height: 1000px;border-top: 1px solid rgba(110, 110, 110, 0.25);}
  #cssmenu ul {width: 100%;}
  #cssmenu ul > li {float: none;}
  #cssmenu ul li a {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: 12px 20px;}
  #cssmenu ul > li:after {display: none;  }
  #cssmenu ul li.has-sub > a:after,
  #cssmenu ul li.has-sub > a:before,
  #cssmenu ul li ul li.has-sub:after,
  #cssmenu ul li ul li.has-sub:before {display: none;  }
  #cssmenu ul li ul,
  #cssmenu ul li ul li ul,
  #cssmenu ul li ul li:hover > ul {left: 0;position: relative;}
  #cssmenu ul li ul li,
  #cssmenu ul li:hover > ul > li {max-height: 999px;position: relative;background: none;}
  #cssmenu ul li ul li a {padding: 8px 20px 8px 35px;color: #ffffff;width: auto;}
  #cssmenu ul li ul ul li a {padding: 8px 20px 8px 40px;}
  #cssmenu ul li ul li:hover > a {color: #000000;}
  #cssmenu #menu-button {display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;padding: 15px 20px;text-transform: uppercase;font-weight: 700;font-size: 14px;letter-spacing: 1px;color: #ffffff;cursor: pointer;  }
  #cssmenu #menu-button:after {display: block;content: '';position: absolute;height: 3px;width: 22px;border-top: 2px solid #ffffff;border-bottom: 2px solid #ffffff;right: 20px;top: 16px;}
  #cssmenu #menu-button:before {display: block;content: '';position: absolute;height: 3px;width: 22px;border-top: 2px solid #ffffff;right: 20px;top: 26px;}
  #cssmenu ul li ul li{border-width:0px !important;}
  #cssmenu .parent {background:none;}

  .articulo .text{float:left;width: 100%;padding:2% 0% 2% 0%;margin-left:0%;margin-top:10px;}
  .articulo figure img{width:100%;}
  .articulo .day {padding: 0 0 0 3%;}


}


@media only screen
and (max-width : 1140px)
{
#cssmenu {width: 40%;}
}


/* IPAD PORTRAIT */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

#navigation {position: relative;margin-top:4%;left:-95px;}
.relative {position: relative;text-align: center;}
.resp-tab li {padding: 0 0 0 3%;}
.resp-tab-2 li {padding: 0 0 0 3% !important;}
.banner h1 {font-size: 2.3em;}
#cssmenu {width: auto;padding: 0;line-height: 1;display: block;position: relative;width:90% !important;z-index:9999;margin:2% 0 0 10% !important;}
.logo {margin: 2% 0 0 24%;background: url("../img/logo-350.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
footer .logo-inf img {width: 20%;}


}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.banner h1 {font-size: 2.8em;}
#cssmenu {width: auto;padding: 0;line-height: 1;display: block;position: relative;width:90% !important;z-index:9999;margin:2% 0 0 20% !important;}
.logo {margin: 2% 0 0 30%;background: url("../img/logo-350.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
}