/* Login and recovery fill phone/tablet widths; form fields keep inner padding. */
@media (max-width: 1024px) {
    .h5-login-page,
    .h5-recover-page {
        overflow-x: hidden;
    }

    .h5-login-page > .container-fluid,
    .h5-recover-page > .container-fluid,
    .h5-login-page > .container-fluid > .row > .container-fluid,
    .h5-recover-page > .container-fluid > .row > .container-fluid {
        margin-left: 0;
        margin-right: 0;
        max-width: none;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .h5-login-page > .container-fluid > .row,
    .h5-recover-page > .container-fluid > .row,
    .h5-login-page > .container-fluid > .row > .container-fluid > .row,
    .h5-recover-page > .container-fluid > .row > .container-fluid > .row {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .h5-login-page .container-form,
    .h5-recover-page .container-form {
        box-sizing: border-box;
        max-width: none;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .h5-login-page .h5-login-stage {
        border-left: 0;
        border-radius: 0;
        border-right: 0;
        margin-left: 0;
        margin-right: 0;
        max-width: none;
        width: 100%;
    }

    .h5-login-page .form-div,
    .h5-recover-page .form-div {
        border-left: 0 !important;
        border-radius: 0;
        border-right: 0 !important;
        margin-left: 0;
        margin-right: 0;
        max-width: none;
        width: 100%;
    }

    .h5-login-page input:not([type="checkbox"]):not([type="radio"]),
    .h5-recover-page input:not([type="checkbox"]):not([type="radio"]),
    .h5-login-page button,
    .h5-recover-page button,
    .h5-login-page .btn-login,
    .h5-recover-page .btn-login {
        font-size: 16px;
        min-height: 44px;
    }

    .h5-login-page .footer-main,
    .h5-recover-page .footer-main,
    .h5-login-page .h5-login-status-deck,
    .h5-recover-page .h5-login-status-deck {
        border-left: 0;
        border-radius: 0;
        border-right: 0;
        margin-left: 0;
        margin-right: 0;
        max-width: none;
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .h5-login-page .container-form,
    .h5-recover-page .container-form {
        padding-left: 0;
        padding-right: 0;
    }

    .h5-login-page .form-div,
    .h5-recover-page .form-div {
        padding-left: 14px;
        padding-right: 14px;
    }

    .h5-login-page .footer-main,
    .h5-recover-page .footer-main {
        padding-left: 0;
        padding-right: 0;
    }
}