@media (min-width: 1920px) {
    #loginPage > .login-page-content > .login-form{
        width: 30%;
    }
}
@media (max-width: 1200px) {}
@media (max-width: 900px) {
    #loginPage > .login-page-content > .login-form{
        width: 50%;
    }
}
@media (max-width: 768px) {
    #loginPage > .login-page-content > .login-form{
        width: 60%;
    }
}
@media (max-width: 576px) {
    #loginPage > .login-page-content > .login-form{
        width: 90%;
    }
}
@media (max-width: 400px) {

}
@media (max-height: 1200px) {}
@media (max-height: 900px) {}
@media (max-height: 768px) {}
@media (max-height: 576px) {
    #loginPage > .login-page-content > .login-form{
        height: 100%;
    }
    #loginPage > .login-page-content > .login-form > .content{
        height: 100%;
        overflow: auto;
    }
}
@media (max-height: 400px) {}