@media (max-width: 340px){
    .roboto-light3 img{
        width: 40%;
    } 
    .navheader3{
        width: 100%;
        height: 8vh;
    } 
    .navheader3 h2{
        font-size: 0.8em;
    } 
    .navheader3 aside{
        font-size: 0.4em;   
    }
    .titulo-pago{
        padding-top: 8.5vh;
    }
    .titulo-pago h2, .titulo-pago h4{
        font-size: 1.2em;
    }
    .adiciones-pago h5{
        font-size: 1em;
        color: #ff9412;
      }
      .adiciones-pago svg{
        width: 20%;
    }
    .titulo-pago p{
        font-size: 0.7em;
    }
    .descripcion-pago img{
        width: 50%; 
        height: 12vh;
    }
    .body-pagos{
        display: block;
    }
    .otros-pagos{
        width: 100%;
    }
    .pasarela-pago{
        width: 100%;

    }
    .resumen-compra th, .resumen-compra td{
        font-size: 0.7em;
    }
    .cantidad-asesorias{
        width: 40vh;
    }
    .zona-cupon{
        width: 12vh;
    }
    .cupones button{
        width: 8vh;
        font-size: 0.7em;
    }
    .footer-contac svg{
        width: 16%;
    }
    .footer-tienda p{
        font-size: 0.6em;
    }
    .footer-tienda h4{
        font-size: 1em;
    }
    .upload-section input{
        font-size: 0.6em;
    }
    .upload-section button{
        font-size: 0.6em;
        width: 50%;  
    }
    .li-modulos-pagos li{
        font-size: 0.8em; 
    }
    .li-modulos-pagos{
        width: 100%;
    }
    main{
        font-size: 0.75em;  
    }
    .info-section h6, .info-section button, .container h6 {
        font-size: 0.7em; 
    }
    .container p{
        font-size: 0.7em;
    }
    .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: 40%;
    } 
    .navheader3{
        width: 100%;
        height: 8vh;
    } 
    .navheader3 h2{
        font-size: 0.9em;
    } 
    .navheader3 aside{
        font-size: 0.6em;   
    }
    .titulo-pago{
        padding-top: 8vh;
    }
    .titulo-pago h2, .titulo-pago h4{
        font-size: 1.5em;
    }
    .adiciones-pago h5{
        font-size: 1.3em;
        color: #ff9412;
      }
      .adiciones-pago svg{
        width: 20%;
    }
    .titulo-pago p{
        font-size: 1em;
    }
    .descripcion-pago img{
        width: 60%; 
        height: 12vh;
    }
    .body-pagos{
        display: block;
    }
    .otros-pagos{
        width: 100%;
    }
    .pasarela-pago{
        width: 100%;

    }
    .resumen-compra th, .resumen-compra td{
        font-size: 0.8em;
    }
    .cantidad-asesorias{
        width: 100%;
    }
    .zona-cupon{
        width: 50%;
    }
    .cupones button{
        width: 8vh;
        font-size: 0.9em;
    }
    .footer-contac svg{
        width: 16%;
    }
    .footer-tienda p{
        font-size: 0.6em;
    }
    .footer-tienda h4{
        font-size: 1em;
    }
    .upload-section input{
        font-size: 0.9em;
    }
    .upload-section button{
        font-size: 1em;
        width: 50%;  
    }
    .li-modulos-pagos li{
        font-size: 0.9em; 
    }
    .li-modulos-pagos{
        width: 100%;
    }
    main{
        font-size: 0.8em;  
    }
    .info-section h6, .info-section button, .container h6 {
        font-size: 0.8em; 
    }
    .container p{
        font-size: 0.7em;
    }
    .whatsapp-button{
        width: 15.3vh;
        font-size: 0.7em;
    }
    .whatsapp-button svg{
        width: 3.7vh;
    }
}
@media (min-width: 421px) and (max-width: 480px){
    .roboto-light3 img{
        width: 30%;
    } 
    .navheader3{
        width: 100%;
        height: 8.5vh;
    } 
    .navheader3 h2{
        font-size: 1em;
    } 
    .navheader3 aside{
        font-size: 0.8em; 
    } 
    .descripcion-pago h2{
        font-size: 1.6em;
    }
    .titulo-pago h4, .resumen-compra h2{
        font-size: 1.1em;
    }
    .otros-pagos h5{
        font-size: 1.1em;
    }
    .titulo-pago{
        padding-top: 8vh;
    }
    .titulo-pago p{
        font-size: 0.75em;
    }
    .descripcion-pago img{
        width: 60%; 
        height: 18vh;
    }
    .adiciones-pago h5{
        font-size: 1em;
      }
      .adiciones-pago svg{
        width: 20%;
    }
    .resumen-compra th, .resumen-compra td{
        font-size: 0.7em;
    }
    .cantidad-asesorias{
        width: 50vh;
    }
    .zona-cupon{
        width: 16vh;
    }
    .cupones button{
        width: 10vh;
        font-size: 0.7em;
        margin-top: 1vh;
    }
    .upload-section input{
        font-size: 0.6em;
    }
    .upload-section button{
        font-size: 0.8em;
        width: 50%;  
    }
    .li-modulos-pagos li{
        font-size: 0.7em; 
    }
    .li-modulos-pagos{
        width: 100%;
    }
    .container p{
        font-size: 0.6em;
    }
    .footer-contac svg{
        width: 15%;
    }
    .footer-tienda p{
        font-size: 0.7em;
    }
    .footer-tienda h4{
        font-size: 1em;
    }
    .whatsapp-button{
        width: 15.8vh;
        font-size: 0.75em;
    }
    .whatsapp-button svg{
        width: 3.8vh;
    }
}
@media (min-width: 481px) and (max-width: 600px){
    .roboto-light3 img{
        width: 30%;
    } 
    .navheader3{
        width: 100%;
        height: 8.5vh;
    } 
    .navheader3 h2{
        font-size: 1.3em;
    } 
    .navheader3 aside{
        font-size: 0.8em; 
    } 
    .descripcion-pago h2{
        font-size: 1.6em;
    }
    .titulo-pago h4, .resumen-compra h2{
        font-size: 1.1em;
    }
    .otros-pagos h5{
        font-size: 1.1em;
    }
    .titulo-pago{
        padding-top: 8vh;
    }
    .titulo-pago p{
        font-size: 0.8em;
    }
    .descripcion-pago img{
        width: 60%; 
        height: 18vh;
    }
    .adiciones-pago h5{
        font-size: 1em;
      }
      .adiciones-pago svg{
        width: 20%;
    }
    .resumen-compra th, .resumen-compra td{
        font-size: 0.7em;
    }
    .cantidad-asesorias{
        width: 50vh;
    }
    .zona-cupon{
        width: 16vh;
    }
    .cupones button{
        width: 10vh;
        font-size: 0.7em;
        margin-top: 1vh;
    }
    .upload-section input{
        font-size: 0.6em;
    }
    .upload-section button{
        font-size: 0.8em;
        width: 50%;  
    }
    .li-modulos-pagos li{
        font-size: 0.7em; 
    }
    .li-modulos-pagos{
        width: 100%;
    }
    .container p{
        font-size: 0.6em;
    }
    .footer-contac svg{
        width: 15%;
    }
    .footer-tienda p{
        font-size: 0.7em;
    }
    .footer-tienda h4{
        font-size: 1em;
    }
    .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: 25%;
    } 
    .descripcion-pago h2{
        font-size: 1.9em;
    }
    
    .titulo-pago{
        padding-top: 8vh;
    }
    
    .descripcion-pago img{
        width: 70%; 
        height: 28vh;
    }
    .zona-cupon{
        width: 16vh;
    }
    .cupones button{
        width: 10vh;
        font-size: 0.7em;
        margin-top: 1vh;
    }
    .upload-section input{
        font-size: 0.7em;
    }
    .upload-section button{
        font-size: 1em;
        width: 50%;  
    }
    .footer-contac svg{
        width: 12%;
    }
    .footer-tienda p{
        font-size: 0.7em;
    }
    .whatsapp-button{
        width: 18vh;
        font-size: 0.8em;
    }
    .whatsapp-button svg{
        width: 4vh;
    }
}
@media (min-width: 769px) and (max-width: 870px){ 
  
    .header-pago h2{
        margin-top: 0.5vh;
    }
    .a-header{
        margin-top: 3vh;
    }
    .descripcion-pago img{
        width: 80%; 
        height: 32vh;
    }
    .cupones button{
        font-size: 0.77em;
    }
    .cantidad-asesorias{
        width: 65vh;
    }
    .whatsapp-button{
        width: 20vh;
        font-size: 0.9em;
    }
    .whatsapp-button svg{
        width: 4.2vh;
    }
}
@media (min-width: 871px) and (max-width: 1022px){
    .cupones button{
        font-size: 0.85em;
    }
    .cantidad-asesorias{
        width: 65vh;
    }
    .descripcion-pago img{
        width: 75%; 
        height: 32vh;
    }
}