@media screen and (max-width: 850px) {

  corte{
    display: block;
    height: 0px;
    margin-bottom: 0;
    margin-top: 0;
  }

    section.cuatro item {
        width: calc(50% - 100px);
        min-width: 150px !important;
     
      }

      .main_menu item.left span{
        display: block;
      }
    
      .main_menu item.left a{
        display: none;
      }
    
      section.main_menu{
        justify-content: space-between !important;
      }
    
      .main_menu item.left{
        width: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
      }
    
      .main_menu item.right{
        width: 200px !important;
        min-width: 200px !important;
        max-width: 200px !important;    
      }

      
}

@media screen and (max-width: 700px) {

  corte{
    display: block;
    height: 0px;
    margin-bottom: -30px;
    margin-top: -60px;
  }

  section#proposito2{
    padding-top: 35px !important;
    padding-bottom: 35px !important;
    flex-direction: column-reverse;
  }

  table{
    width:100% !important;
  }
  
  .onu{
    text-align: center;
  }
  
  .ods{
    display: inline-block;
    width: 80px;
  }


  section.instituciones item.institucion {
    max-width: 200px !important;
  } 


  section.cinco item img {
    width: 100%;
      }

   

  section.cinco .logotipo{
    min-width: 180px !important;
    margin-right: 10px !important;
  }

  section.cinco a {
    width: 20%;
    min-width: 20px;
    max-width: 30px !important;
    font-size: 20px;
  }  


  #noticia item{
    width: calc(100% - 50px) !important;
    min-width: 250px !important;
    background: none !important;
  }

  #noticia item.alignright p{
    text-align: left !important;
    } 

section{
    
}
section item {
    width: calc(100% - 20px);
    min-width: calc(100% - 20px) !important;
  }

  section.uno item {
    width: calc(100% - 80px);
    min-width: calc(100% - 80px) !important;

  } 

  section.tres item {
    width: calc(33% - 20px);
    min-width: 250px !important;
  }





  section.header{
    justify-content: space-between !important;
  }

  section.header item.bola {
    max-width: 60px !important;
    min-width: 60px !important;
    width: 60px !important;
  }

  section.header item:nth-child(2) span {
    display: none;
  }

  section.header item.logo{
    min-width: 230px !important;
    width: 230px !important;
    max-width: 230px !important;
  }

 
  #reviews item:nth-child(2) {
    min-width: 400px !important;
    min-height: 300px !important;

  }
  


  section#instituciones item{
    max-width: 500px !important;
    min-width: 400px !important;
  } 

  #instituciones item h3{

    text-align: center !important;
 
  }

  #instituciones item p{
    text-align: center !important;
  }  




  section#proposito item{
    max-width: 500px !important;
    min-width: 400px !important;
  } 

  #proposito item h3{

    text-align: center !important;
 
  }

  #proposito item p{
    text-align: center !important;
  }


  section#proposito2 item{
    max-width: 500px !important;
    min-width: 400px !important;
  } 

  #proposito2 item h3{

    text-align: center !important;
 
  }

  #proposito2 item p{
    text-align: center !important;
  }



  .call_to_action boton{
    font-size: 15px !important;
    line-height: 35px !important;
  }


  .ins{

    width: 130px;

    }


}


@media screen and (max-width: 500px) {

  item img.expand{
    transform: scale(1.2);
  }

  item img.contract{
    transform: scale(0.8);
  }

  table{
    width:100% !important;
  }


  container.ondas2{
    padding-top: 50px;
  }

  section.cinco item.institucion {
    max-width: 200px !important;
  } 

  section.tres item.trayecto {
    width: calc(100% - 20px) !important;
    max-width: 320px !important;
    margin-top: -25px;
  }
  
  section.tres item.news {
    width: calc(100% - 60px) !important;
    max-width: none !important;
    margin-bottom: 30px;
  }

  form input, form select{
    font-size: 13px !important;
  }

    section{
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    container.blue section{
      padding-top: 0px !important;
      padding-bottom: 0px !important;
    }

    section.cuatro item {
        width: calc(100% - 150px);
        min-width: calc(100% - 150px) !important;
        
      }

      #reviews item:nth-child(2) {
        min-width: 280px !important;
        min-height: 300px !important;
 
      }
    
      slider em, slider span, slider b, slider p{

        font-size: 15px !important;
        line-height: 17px !important;
    
      }  

      section#instituciones item{
        max-width: 400px !important;
        min-width: 280px !important;
      } 

   
      section#instituciones{
        padding-top: 35px !important;
        padding-bottom: 35px !important;
      }
    
      section#proposito item{
        max-width: 400px !important;
        min-width: 280px !important;
      } 

   
      section#proposito{
        padding-top: 35px !important;
        padding-bottom: 35px !important;
      }

      section#proposito2 item{
        max-width: 400px !important;
        min-width: 280px !important;
      } 

   
      section#proposito2{
        padding-top: 35px !important;
        padding-bottom: 35px !important;
        flex-direction: column-reverse;
      }

      section.header item.logo{
        min-width: 170px !important;
        width: 170px !important;
        max-width: 170px !important;
      }

      h2.frase{
        font-size: 25px !important;
        line-height: 30px !important;
      }

      section.uno item {
        width: calc(100% - 60px);
        min-width: calc(100% - 60px) !important;
        padding-top: 25px !important;
        padding-bottom: 25px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
        margin: 0px !important;
      } 

      #proposito item h3{

        text-align: center !important;
        font-size: 22px !important;
        line-height: 25px !important;
      }

      #proposito2 item h3{

        text-align: center !important;
        font-size: 22px !important;
        line-height: 25px !important;
      }

      #instituciones item h3{

        text-align: center !important;
        font-size: 22px !important;
        line-height: 25px !important;
      }

      item.title{
        padding-top: 0px !important;
        padding-bottom: 0px !important;

      }

      section#features{
        padding-top: 0px !important;
        padding-bottom: 25px !important;
      }

      
      .thanks h3{
        font-size: 25px !important;
        line-height: 30px !important;
      }

      .padding_top{
        padding-top: 50px !important;
      }
    
    }