@media (max-width: 600px) {
    .page-content,
    .page-content * {
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 !important;
        margin: 0 !important;
        min-width: auto !important;
        max-width: 100% !important;
    }
    .page-content {
        padding: 0 5px !important;
        overflow-y: auto !important;
    }
    .page-content .content-panel,
    .page-content form {
        border: none !important;
        box-shadow: none !important;
    }
    .page-content form {
        padding: 0 5px !important;
        margin: 5px auto !important;
    }
    .page-content div:not(.button-container),
    .page-content p,
    .page-content button,
    .page-content h1.form__title,
    .page-content h3,
    .page-content h2 {
        margin: 10px auto !important;
        text-align: center !important;
    }
    .page-content div.button-container {
        text-align: left !important;
    }
    .page-content h1,
    .page-content h2 {
        font-size: 1.5rem;
    }
    .page-content br {
        display: none !important;
    }
    .page-content label:not(.form__label) {
        font-size: 18px !important;
        text-align: left !important;
    }
    .page-content input[type="text"]:not(.form__input),
    .page-content input[type="password"] {
        font-size: 14px !important;
        padding: 10px 5px !important;
        height: auto;
    }
    .page-content button#btnLogin {
        padding: 12px 0 !important;
    }
    button.authy-verification-request-type {
        width: 60px !important;
        margin-right: 12px !important;
        padding: 0 !important;
    }
    input#resendVcToken,
    input#verifyVcToken {
        width: 49% !important;
        padding: 8px !important;
    }
    .page-content p > * {
        display: block !important;
        text-align: center !important;
    }
    footer {
        padding: 5px 5px 0 !important;
        height: 125px !important;
    }
    footer p {
        font-weight: normal !important;
    }
    footer h5 {
        display: none !important;
    }
    footer .flex-1-2 {
        padding: 0 !important;
    }
    input.form__input {
        padding: 1rem !important;
    }
    label.form__label {
        display: inline-block !important;
        width: auto !important;
    }
    fieldset.grad-lt-top {
        background: none !important;
        border-width: 1px 0 !important;
        border-radius: 0 !important;
    }
    fieldset input[type="text"],
    fieldset input[type="password"],
    fieldset input[type="email"] {
        max-width: 100% !important;
    }
    fieldset.grad-lt-top > div > h3:has(+ p),
    fieldset.grad-lt-top > div > h3 + p:has(> a) {
        margin: 0 !important;
    }
    #jBox1:has(#tokenSelection) .jBox-container:has(#tokenSelection) {
        min-width: auto !important;
        max-width: 100vw !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin-right: 5px !important;
        margin-left: 5px !important;
    }
    #jBox1 .jBox-container .jBox-content:has(#tokenSelection) {
        margin: 10px 0 20px !important;
    }
    .jBox-container:has(#tokenSelection) *:not(.jBox-title) {
        min-width: auto !important;
        max-width: calc(100vw - 20px) !important;
        box-sizing: border-box !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}
