@media screen and (min-width:320px){
  /*BLOCKS*/
  .cont{width: 86%;margin: 0 auto}  

  /*TYPO*/
  p{font-size: 15px}   

  /*HOME*/
  .case_welcome{padding: 20px 0}
  .tit_welcome{font-size:18px}
  
  /*HOME NEWS*/
  .th.big .th_tit{margin-bottom: 25px}

  .footer_menu a {width: 33.3%}

  .container .selectorsBlock .selectors {
    width: 170px !important;
  }
  .container .selectorsBlock .selectors .item {
      width: 50px !important;
  }
  .video-content iframe{width: 100%;height: 240px}
}

@media screen and (min-width:470px){
  /*HOME NEWS*/
  .cont{width:86%}
  .th.big .th_img{float: left;margin-right: 30px;width: 200px}
  .th.big .th_img img{width: 100%}
  
  /* REVISTA */
  .box_revista .box_tit {float: left;clear: right;}
  .box_revista_txt {clear: left;float: left;width: 40%;}
  .img_revista {float: right;}
  header nav ul li a br{display: block}
  .video-content iframe{width: 100%;height: 270px} 
}

@media screen and (min-width:321px) and (max-width:499px){
  /*BLOCKS*/
  .contMobile{width: 100% !important} 
  
  /*HEADER*/
  header nav ul li {width: 50%;float: left}
  header nav ul li a {font-size: 12px;padding: 15px 0 15px 15px;background-position: 12px 10px;border-bottom: 1px solid #97AEF8;}    
  .banner_resp  img{width: 100%}

  

}

@media screen and (min-width:500px){
  /*SLIDER*/
  .iosSlider .slider .item p{display: block;position: absolute;left: 10%;width: 80%;z-index: 2;font-family: 'open_sanslight';color: #FFF;font-size:27px;text-align: center;left: 10%;top: 20%;width: 80%;text-shadow: 0 0 4px rgba(51, 51, 51, 0.41)}
}

/* MOBILE HIGH */
@media screen and (min-width:501px) and (max-width:767px){
  /*HEADER*/
  .contMobile{width: 100% !important}
  header nav ul li {float: left;width: 33.3%}
  header nav ul li a {font-size: 15px;padding: 15px 0 15px 15px;background-position: 12px 10px;border-bottom: 1px solid #97AEF8;font-size: 12px}       
  .banner_resp img {width: 100%}
}

@media screen and (max-width:767px) {
  .cont{max-width: 640px}
  /* MENU MOBILE */
  header nav{height: 0}
  .hamburger {
    position: absolute;
    right:5%;
    top: 5px;
    background: url(../img/design/hamburger.png) 0 0 no-repeat;
    width: 51px;
    height: 29px;
    cursor: pointer;
  
    border-radius: 5px;
}

  .nav_mobile ul li a br{display: none}
  .nav_mobile ul li a span {float: left;margin: 0;margin-right: 12px}

  .nav_mobile {
    background-color: #2352A0;
    position: absolute;
    left: 0;
    top: 62px;
    width: 100%;
  }

  .nav_mobile ul li {
    border-bottom: solid 1px #3F74CD;
    width: 33.3%;
    float: left;
    display: block;
    padding: 10px 0;
    text-indent: 18px;
    overflow: hidden;    
  }
  .nav_mobile ul li a {color: #fff;font-family: 'open_sanssemibold';}  
  
  /* CUSTOM */
  .notes.green {
    padding: 25px
  }
  
  /* FOOTER */
  .footer_menu a{display: block;float: none;width: auto} 
  .footer_menu a:hover {color: #00F;text-decoration: underline}

  /* CONTENT PAGE*/
  .col3{padding-top: 45px}
  .box-video p.video-resumen {
    margin: 0 0 20px;
  }
}

@media screen and (max-width:480px) {
  .nav_mobile ul li{
    width: 50%;
    float: left;
    display: block;
    padding: 10px 0;
    text-indent: 18px;
    overflow: hidden;
  }
 
}

@media screen and (max-width:320px) {
  .nav_mobile ul li{
    width: 100%;
    float: left;
    display: block;
    padding: 10px 0;
    text-indent: 18px;
    overflow: hidden;
  }
  .nav_mobile ul li a{
    font-size: 14px;
  }
}

@media screen and (min-width:500px){
  .ser {
    float: left;
  }
  .search input {
    margin-right: 23px;
  }
  .restablecer{margin-right: 20px}
}
@media screen and (max-width:320px){
   .contMobile{width: 100% !important} 
  
  /*HEADER*/
  header nav ul li {width: 100%;float: none}
  header nav ul li a {font-size: 12px;padding: 15px 0 15px 15px;background-position: 12px 10px;border-bottom: 1px solid #97AEF8;}    
  .banner_resp  img{width: 100%}
  header nav{top:50px}
}