#page-wrapper-login{
    width: 35%;
    margin: 0 auto; 
    min-height: 50%; 
    border-radius: 6px; 
    border: 1px solid #DEDEDE;
    padding: 0;
    background-color: #fff;
}
@media(min-width:768px) {    
    #page-wrapper-login {
        padding: 10px;
    }
}


@media (max-width: 1200px){
    #page-wrapper-login {
        width: 40%;
    }
}
@media (max-width: 1150px){
    #page-wrapper-login {
        width: 45%;
    }
}
@media (max-width: 1024px){
    #page-wrapper-login {
        width: 50%;
    }
}
@media (max-width: 900px){
    #page-wrapper-login {
        width: 55%;
    }
}
@media (max-width: 800px){
    #page-wrapper-login {
        width: 65%;
    }
}
@media (max-width: 700px){
    #page-wrapper-login {
        width: 70%;
    }
}
@media (max-width: 600px){
    #page-wrapper-login {
        width: 80%;
    }
}

.login_input{
    min-height: 40px;
}

.login_form{
    margin-top: 10%;
}

.input-validation-error {
      border-color: red;
 }

.field-validation-error{
    color: red;
}