/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) { 
    .login-img-area {
        width: 100% !important;
    }
    .login-form-area {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .login-area {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column;
    }
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 0px) and (max-width: 576px) { 
    .login-form-area {
        width: 50%;
        height: auto !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 

}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { 
    
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

 }