@media screen and (max-width: 580px){
    form .input-group{
        flex-direction: column;
    }
    form .input-label.w80,
    form .input-label.w70,
    form .input-label.w50,
    form .input-label.w30,
    form .input-label.w20{
        width: 100%;
    }
    form .input-group .img-button-content{
        flex-wrap: wrap;
    }
    form .button-group.onmodal, .modal-content .button-group.onmodal{
        margin-top: 30px;
    }

    /*--- Button Img ---*/
    .img-button-content .input-label button.pointer.button.action, .img-button-content .input-label {
        width: 100%;
    }
    .button-img{
        justify-content: center;
    }
}

/*---- Small Movil ----*/
@media screen and (max-width: 320px){
    form .button-group.onmodal, .modal-content .button-group.onmodal{
        flex-wrap: wrap;
        gap: 10px;
        display: flex;
    }
    form .button-group.onmodal, .modal-content .button-group.onmodal.button-match{
        justify-content: center;
        flex-direction: column;
    }
}