/* Extra Small Devices (phones, 480px and below) */
@media (max-width: 480px) {

    /* Remove Right Column */
    .right-column {
        display: none !important;
    }

    .right-column-verifycode {
        display: none !important;
    }

    .register-form {
        width: 100%;
        padding-left: 22px !important;
        padding-right: 22px !important;
        margin: auto;
    }

    /* Minimize Navigation */
    .navigation {
        padding-left: 0.8rem !important;
        padding-right: 0.8rem !important;
    }

    /* Remove Illustration */
    .mainbody {
        background-image: url("../../assets/images/bg/background_noillustration.svg") !important;
        background-size: cover !important;
    }




    .login-form img {
        width: 250px !important;
    }
}

/* Small Devices (phones, 480px to 600px) */
@media (min-width: 481px) and (max-width: 600px) {

    /* Remove Right Column */
    .right-column {
        display: none !important;
    }

    .right-column-verifycode {
        display: none !important;
    }

    .register-form {
        width: 100%;
        padding-left: 22px !important;
        padding-right: 22px !important;
        margin: auto;
    }

    /* Minimize Navigation */
    .navigation {
        padding-left: 0.8rem !important;
        padding-right: 0.8rem !important;
    }

    /* Remove Illustration */
    .mainbody {
        background-image: url("../../assets/images/bg/background_noillustration.svg") !important;
        background-size: cover !important;
    }
}

/* iPhone XR (Portrait) - 414px wide */
@media (width: 414px) and (orientation: portrait) {

    /* Remove Right Column */
    .right-column {
        display: none !important;
    }

    .right-column-verifycode {
        display: none !important;
    }

    .register-form {
        width: 100%;
        padding-left: 22px !important;
        padding-right: 22px !important;
        margin: auto;
    }

    /* Minimize Navigation */
    .navigation {
        padding-left: 0.8rem !important;
        padding-right: 0.8rem !important;
    }

    /* Remove Illustration */
    .mainbody {
        background-image: url("../../assets/images/bg/background_noillustration.svg") !important;
        background-size: cover !important;
    }
}

/* iPhone XR (Landscape) - 896px wide */
@media (width: 896px) and (orientation: landscape) {
    /* Styles specific for iPhone XR in landscape mode */
}

/* Medium Devices (tablets, 600px to 768px) */
@media (min-width: 601px) and (max-width: 768px) {

    .login-content {
        flex-direction: column;
        padding: 10px;
    }

    .left-column,
    .right-column {
        width: 100%;
        padding-bottom: 120px;
        margin-top: 40px;
    }

    .right-column {
        display: none !important;
    }

    /* Register Form Start*/
    .right-column-register {
        display: none !important;
    }

    .register-form {
        margin-bottom: 80px !important;
    }

    /* Register Form End*/


    .right-column {
        margin-bottom: 0;
        text-align: center;
    }



    .login-form {
        width: 100%;
        max-width: 400px;
        margin: 10px auto;
    }

    .social-icons img {
        width: 30px;
        height: 30px;
    }

    .google-play {
        width: 120px;
    }
}

/* Large Devices (desktops, 769px to 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {

    /* Make form larger */
    .login-form {
        max-width: 800px !important;
    }


    /* Styles for large devices (tablets and small desktops) */
    .login-content {
        flex-direction: column;
        padding: 10px;
    }

    .left-column,
    .right-column {
        width: 100%;
        padding-bottom: 120px;
        margin-top: 40px;
    }

    .right-column {
        display: none !important;
    }

    /* Register Form Start*/

    .right-column-register {
        display: none !important;
    }

    .register-form {
        margin-bottom: 80px !important;
    }

    /* Register Form End*/

    .right-column {
        margin-bottom: 0;
        text-align: center;
    }


    .login-form {
        width: 100%;
        max-width: 400px;
        margin: 10px auto;
    }

    .social-icons img {
        width: 30px;
        height: 30px;
    }

    .google-play {
        width: 120px;
    }
}

/* Extra Large Devices (large desktops, 1025px and up) */
@media (min-width: 1025px) {
    /* Styles for extra large devices (desktops and large screens) */
}