@media screen and (max-width: 991px){
    body, html {height: 100%; overflow-y: auto!important;}
}

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

    body, html {
        height: 100%;
        margin: 0;
        font-family: var(--font1)!important;
        font-size: 18px;
        line-height: 26px!important;
        background: var(--color5)!important;
    }

    .btn {
        min-height: 30px;
        font-size: 15px !important;
        line-height: 38px;
    }
    .right-section{padding: 35px 0}
    .left-section { padding:35px;}
    h1 {font-size: 1.8rem !important;}
    h2 {font-size: 1.5rem !important;}
    .form-control {
        padding: 5px 15px !important;
        font-size: 16px;
    }
    label, .form-label {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .full-height {
        height: auto!important;
        display: block!important;
        overflow-y: scroll!important;
    }
    footer { font-size: 15px;}
    form button{
        display: block!important;
    }
    form label.terms{line-height: 30px!important;}
    form label.terms a{
        display: block!important;

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

}