@media (max-width: 340px) {
    .roboto-light3 img{
        width: 30%;
    } 
    .navheader3{
        width: 100%;
        height: 8.5vh;
    } 
    .navheader3 h2{
        font-size: 0.8em;
    } 
    .navheader3 aside{
        font-size: 0.4em; 
    } 
    .mod_curso p{
        font-size: 0.4em;
    }
    .desc_curso h3{
        font-size: 0.9em; 
    }
    .li-modulos li {
        width: 100%;    
    }
    .li-modulos article{
        font-size: 0.9em;
    }
    .li-modulos h6{
        font-size: 1em;
    }
    .li-modulos{
        margin-top: 20%;
        width: 160%;
        font-size: 0.7em;   
    }
    .desc_curso h2{
        font-size: 1.4em;  
        margin-top: 15%;
    }
    .desc_curso{
        padding-top: 35%;
    }
    .mod_curso{
        width: 55%;
        margin: 1%;
    }
    .desc_curso p, .li-modulos button{
        font-size: 0.5em; 
        margin-top: 10%; 
        padding: 2%;
    }
    .banner-curso img{
        width: 100%; 
     }
    .btn-inscripción svg, .btn-pagar svg{
        width: 12%;
    }
    .zona-formulario label, .zona-formulario option {
        font-size: 0.7em; 
    }
    .zona-formulario{
       width: 32vh; 
    }
    .zona-formulario h2{
        font-size: 1.1em;
    }
    .f-tienda svg{
        width: 20%;
    }
    .f-tienda h4{
        font-size: 0.8em;
    }
    .f-tienda p{
        font-size: 0.5em;
    }
    .whatsapp-button{
        width: 15vh;
        font-size: 0.65em;
    }
    .whatsapp-button svg{
        width: 3.5vh;
    }
}
@media (min-width: 341px) and (max-width: 420px){
 
    .roboto-light3 img{
        width: 20%;
    } 
    .navheader3{
        width: 100%;
        height: 8.2vh;
    } 
    .navheader3 h2{
        font-size: 1em;
    } 
    .navheader3 aside{
        font-size: 0.6em; 
    } 
    .mod_curso p{
        font-size: 0.8em;
    }
    .desc_curso h3{
        font-size: 1em; 
    }
    .li-modulos li {
        width: 100%;    
    }
    .li-modulos article{
        font-size: 0.7em;
    }
    .li-modulos h6{
        font-size: 1em;
    }
    .li-modulos{
        margin-top: 15%;
        padding: 2%;
        font-size: 0.9em;   
    }
    .desc_curso h2{
        font-size: 1.4em;  
        margin-top: 10%;
    }
    .desc_curso{
        padding-top: 20%;
    }
    .mod_curso{
        width: 55%;
        margin: 1%;
    }
    .desc_curso p, .li-modulos button{
        font-size: 0.5em; 
        margin-top: 10%; 
        padding: 2%;
    }
    .banner-curso img{
        width: 100%; 
     }
    .btn-inscripción svg, .btn-pagar svg{
        width: 12%;
    }
    .zona-formulario label, .zona-formulario option {
        font-size: 0.7em; 
    }
    .zona-formulario{
       width: 42vh; 
    }
    .zona-formulario h2{
        font-size: 1.1em;
    }
    .f-tienda svg{
        width: 15%;
    }
    .f-tienda h4{
        font-size: 0.8em;
    }
    .f-tienda p{
        font-size: 0.5em;
    }
    .whatsapp-button{
        width: 15vh;
        font-size: 0.65em;
    }
    .whatsapp-button svg{
        width: 3.5vh;
    }
}

@media (min-width: 421px) and (max-width: 480px){ 
    .roboto-light3 img{
        width: 15%;
    } 
    .navheader3{
        width: 100%;
        height: 8vh;
    } 
    .navheader3 h2{
        font-size: 1em;
    } 
    .navheader3 aside{
        font-size: 0.6em; 
    } 
    .desc_curso{
        padding-top: 20%;
    }
    .f-tienda h4{
        font-size: 1.2em;
    }
    .f-tienda svg{
        width: 15%;;
    }
    .f-tienda p{
        font-size: 0.6em;
    }
    .desc_curso h3{
        font-size: 1.1em; 
        margin-top: 7%; 
    }
    .li-modulos li {
        width: 100%; 

    }
    .li-modulos{
        margin-top: 20%;
       
        padding: 5%;  
    }
    .desc_curso h2{
        font-size: 1.4em;  
        margin-top: 15%;
    }
    .mod_curso{
        width: 55%;
        margin: 1%;
    }
    .desc_curso p, .li-modulos button{
        font-size: 0.7em; 
        margin-top: 10%; 
        padding: 2%;
    }
    .banner-curso img{
        width: 100%; 
     }
    .btn-inscripción svg, .btn-pagar svg{
        width: 10%;
    }
    .zona-formulario label, .zona-formulario option {
        font-size: 0.7em; 
    }
    .zona-formulario{
       width: 52vh; 
    }
    .zona-formulario h2{
        font-size: 1.2em;
    }
    .whatsapp-button{
        width: 15.3vh;
        font-size: 0.7em;
    }
    .whatsapp-button svg{
        width: 3.7vh;
    }
}
@media (min-width: 481px) and (max-width: 600px){
    .roboto-light3 img{
        width: 15%;
    } 
    .navheader3{
        width: 100%;
        height: 8vh;
    } 
    .navheader3 h2{
        font-size: 1.4em;
    } 
    .navheader3 aside{
        font-size: 0.8em; 
    } 
    .desc_curso{
        padding-top: 20%;
    }
    .f-tienda svg{
        width: 12%;
    }
    .f-tienda h4{
        font-size: 1.4em;
    }
    .f-tienda p{
        font-size: 0.65em;
    }
    .desc_curso h3{
        font-size: 1.2em; 
        margin-top: 5%; 
    }
    .li-modulos li {
        width: 100%; 

    }
    .li-modulos{
        margin-top: 10%;
        padding: 5%;  
    }
    .desc_curso h2{
        font-size: 1.6em;  
        margin-top: 13%;
    }
    .mod_curso{
        width: 55%;
        margin: 1%;
    }
    .desc_curso p, .li-modulos button{
        font-size: 0.8em; 
        margin-top: 10%; 
        padding: 2%;
    }
    .banner-curso img{
        width: 100%; 
     }
    .btn-inscripción svg, .btn-pagar svg{
        width: 10%;
    }
    .zona-formulario label, .zona-formulario option {
        font-size: 0.8em; 
    }
    .zona-formulario{
       width: 53vh; 
       margin-top: 10vh;
    }
    .whatsapp-button{
        width: 15.8vh;
        font-size: 0.75em;
    }
    .whatsapp-button svg{
        width: 3.8vh;
    }
}
@media (min-width: 601px) and (max-width: 768px){
   
    .roboto-light3 img{
        width: 12%;
    } 
    .navheader3{
        width: 100%;
        height: 8vh;
    } 
  
    .navheader3 aside{
        font-size: 0.9em; 
    } 
    .desc_curso{
        padding-top: 20%;
    }
    .f-tienda svg{
        width: 10%;
    }
    .f-tienda h4{
        font-size: 1.4em;
    }
    .f-tienda p{
        font-size: 0.65em;
    }
    .desc_curso h3{
        font-size: 1.4em; 
        margin-top: 3%; 
    }
    .li-modulos li {
        width: 100%; 

    }
    .li-modulos{
        margin-top: 10%;
        padding: 5%;  
    }
    .desc_curso h2{
        font-size: 1.8em;  
        margin-top: 8%;
    }
    .mod_curso{
        width: 55%;
        margin: 1%;
    }
    .desc_curso p, .li-modulos button{
        font-size: 0.9em; 
        margin-top: 10%; 
        padding: 2%;
    }
    .banner-curso img{
        width: 100%; 
     }
    .btn-inscripción svg, .btn-pagar svg{
        width: 10%;
    }
    .zona-formulario label, .zona-formulario option {
        font-size: 1em; 
    }
    .zona-formulario{
       width: 63vh; 
       margin-top: 12.7vh;
    }
    .whatsapp-button{
        width: 18vh;
        font-size: 0.8em;
    }
    .whatsapp-button svg{
        width: 4vh;
    }
}
@media (min-width: 769px) and (max-width: 870px){
    .roboto-light3 img{
        width: 12%;
    } 
    .banner-curso img{
        width: 100%; 
     }
    
     .header-pago{
        height: 7.5vh;
    }
    .a-header{
        font-size: 1em;
       
    }
    .navheader3{
      height: 8vh;  
      padding-left: 4%;
     
    }
    .roboto-light{
        margin-right: 3%;
    }
    .f-tienda svg{
        width: 10%;
    }
    
}
@media (min-width: 871px) and (max-width: 1022px){
    .roboto-light3 img{
        width: 12%;
    } 
    .banner-curso img{
        width: 100%; 
     }
     .header-pago{
        height: 7.5vh;
    }
    .a-header{
        font-size: 1em;
       
    }
    .navheader3{
      height: 8vh;  
      padding-left: 4%;
     
    }
    .roboto-light{
        margin-right: 3%;
    }
    .f-tienda svg{
        width: 10%;
    }
}
@media (min-width: 1023px) and (max-width: 1250px){
    .banner-curso img{
        width: 100%; 
     }
     .header-pago{
        height: 7.5vh;
    }
    .a-header{
        font-size: 1em;  
    }
    .navheader3{
      height: 9vh;  
      padding-left: 4%;
    }
    .roboto-light{
        margin-right: 3%;
    }  
}

/* Estilos para pantallas de escritorio pequeñas y laptos....ORIGINAL*/
@media (min-width: 1281px) and (max-width: 1366px) {
    
}