/*------- MENU --------*/
@media(min-width:900px){    
    #toggle-menu{
        display: none;
    } 
    .menu{
        display: flex !important;  
        justify-content:flex-end;    
        background: transparent;
        position: initial;
        margin:0;
    }
    .menu li a{                
    } 
    .contenedor{
        align-items: center;
        max-width: 1170px;
        margin: 0 auto;    
    }
}
@media(max-width:1999px){
   .texto {
        padding: 40px 40px 40px 40px;
        margin-bottom: 0px;
    }
    h2 {            
        margin-top: 25px;       
    }
    .slogan {   
        font-size: 22.5px;
        margin-top: 27px;   
margin-right: -2%;    
    }    
    .beneficio__iten p {
        font-size: 15px;
    }
}
@media(max-width:1370px){
    .banner{        
        padding: 0px;
        padding-top: 90px;
    }
}
@media(max-width:1570px){
    h2 {
         padding-right: 0px; 
        font-size: 36px;
    }
    .slogan {
        padding-right: 0px;
        font-size: 17.5px;
        margin-top: 35px;
    }
    .botones {       
        font-size: 25px;
    }
    .descarga {    
        width: 200px; 
        float: right;
    }    
    .ver-mas{
        width: 200px; 
    }
    .texto {
        padding: 80px 40px 40px 40px;
        margin-bottom: 0px;
    }
    .banner{
            padding-bottom: 100px;
    }
}
@media(max-width:1280px){
    .video__video {
         width: auto;
         position: fixed;
         z-index: -100;
    }
}
@media(max-width:991px){
      .banner {
    padding-bottom: 32px;
}
      h2 {
          font-size: 30px;
          margin-top: 10px;
      }
      .slogan {
         padding-right: 0px;
         font-size: 17.5px;
         margin-top: 20px;
      }
     .texto {
        padding: 0px 40px 0px 40px;
        margin-bottom: 0px;
      }
     .before-notificaciones {  
           border-width: 0px 100vw 60px 0;
           border-color: transparent rgba(0,0,0,0.7) rgba(0,0,0,0.7) transparent;   
      }
     footer::before, .before, .after, .after-notificaciones{
        display: none;
     }
     .beneficios {
        padding-bottom: 50px;
     }
    .descarga, .ver-mas {
        width: 200px;
        float: none;
        margin: auto;
        margin-bottom: 15px;
    }    
    .slogan, h2 {        
        text-align: center;
    }
    .formulario {
        padding: 0px;
    }   
    .redes-sociales {
         display: block; 
         padding-left: 0px; 
        margin-top: 30px;
        text-align: center;
    }
    .redes-sociales p {       
        display: inline;
    }
    
    .beneficio__iten p {
        font-size: 15px;
    }
    .beneficio__iten h4 {
        font-size: 21px;
    }
    .beneficio__iten {
        margin-top: 30px;
    }
    .boton-footer{
           margin: 15px auto;
    }
    .derechos-reservados{
        text-align: center;
    }
}
@media(max-width:899px){    
    .imagen {        
        display: block
    }
    .video__video {      
        display: none;
    }
    .ubicacion h4, .ofertas h4, .notificaciones h4 {       
        width: 100%;
        float: none;
        text-align: center;
    }
    .ubicacion p, .ofertas p, .notificaciones p {
        float: none;
        text-align: justify;   
        font-size: 18px;
    }
    .descripcion p{
        text-align: justify;
    }
}
@media(max-width:767px){
.benecifios_celular{
    margin: 0 auto;
    height: 400px;
}
.celular {
    display: none;
}
    .logo {   
        margin: 0 auto;
    }
    #toggle-menu {        
        text-align: right;
        margin-top: 10px;
        cursor: pointer;
    }
    .redes{
        display: none;
    }
    .banner{
       /* padding-top: 200px*/
    }    
    .col-xs-12.col-sm-4.col-md-4.text-left.padding-left {
        text-align: center;
    }
    .col-xs-12.col-sm-4.col-md-4.text-right.padding-right {
        text-align: center;
    }
    .celular{
        margin: 0 auto;
    }
    .menu {       
        top: 67px;       
    }
}
@media (max-width:565px){
    .redes-sociales p {
        display: block;
    }
}

@media(max-width:500px){
    .descripcion {
        margin-top: 15px;
        font-size: 18px;
    }
    .ubicacion,  .descripcion, .ofertas, .notificaciones {
        padding: 0px;
        font-size: 18px;
        padding-top: 50px;
        padding-bottom: 50px
    }    
    .titulo {
        font-size: 31px;
        font-weight: bold;
    }
    .por_que_elegirnos{
        padding-bottom: 0px;
    }
    .texto {
        padding: 0px 0px 0px 0px;        
    }
}
@media (max-width:426px){
    .formulario {        
        text-align: center;
    }
}

@media (max-width:368px){
    .menu {       
        top: 66px;       
    }
}
@media (max-width:362px){
    .menu {       
        top: 65px;       
    }
}
@media (max-width:357px){
    .menu {       
        top: 64px;       
    }
}
@media (max-width:351px){
    .menu {       
        top: 63px ;       
    }
}

@media (max-width:346px){
    .menu {       
        top: 62px;       
    }
}
@media (max-width:340px){
    .menu {       
        top: 61px;       
    }
}

@media (max-width:334px){
    .menu {       
        top: 60px;       
    }
}
@media (max-width:329px){
     .redes-sociales p {
        font-size: 18px;
    }
    .menu {       
        top: 59px;       
    }
}
@media (max-width:323px){
    .menu {       
        top: 58px;       
    }
}
@media (max-width:318px){
    .menu {       
        top: 57px;       
    }
}
@media (max-width:312px){
    .menu {       
        top: 56px;       
    }
}