/* Style for Hubb Logo on Login Phase */
#hubbLoginLogo {
    max-width: 20%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Login Container Style */
.section-login {
    /* margin-top: 10% !important; */
}

/* Wrapper Login Card Style */
.login-wrapper {
    margin-top: 64px;
    background-color: #fff;
    padding: 32px 32px;
    border-radius: 16px;
}

/* Login Title Style */
.section-login div h4 {
    font-size: 2em;
}

/* Login Form Style */
.login-form {
    /* margin-top: 32px; */
}

/* Input Type Margin Top exclude First Item */
.input-field:not(:first-child) {
    margin-top: 16px;

}

/* Media Query on Large Desktop */
@media only screen and (min-device-width: 1601px) {

    /* Container Max Width */
    .container {
        max-width: 960px;
    }

    /* Login Title Style */
    .section-login div h4,
    .section-login h4 {
        font-size: 3em;
        line-height: 1.1em;
    }
}

/* Media Query on Medium or Standard Desktop */
@media only screen and (min-device-width: 768px) and (max-device-width: 1600px) {

    /* Container Max Width */
    .container {
        max-width: 720px;
    }

    /* Login Title Style */
    .section-login div h4,
    .section-login h4 {
        font-size: 2em;
    }
}

/* Media Query on Small Device (Mobile) */
@media only screen and (max-device-width: 767px) {
    .container {
        max-width: 90%;
    }

    /* Wrapper Login Card Style */
    .login-wrapper {
        margin-top: 32px;
        background-color: #fff;
        padding: 16px;
        border-radius: 8px;
        margin-bottom: 8px;
    }

    /* Style for Hubb Logo on Register Phase */
    #hubbLoginLogo {
        max-width: 40%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    /* Login Form Style */
    .login-form {
        margin-top: 16px;
    }
}