@media only screen and (min-device-width : 320px){
    div.login-form-top .password input, div.login-form-top .text input{
        width: 225px;
        margin-right: 0;
    }
     div.login-form-top, div.register-box{
        width: 295px;
    }
    
    .login-btn, .register-btn {
        margin: 0 5px;
    }
    .login-btn-input, .register-btn-input {
       width: 285px;
    }
    div.login-form-top div.input.checkbox label{
        font-size: 15px;
    }
    

}
@media only screen and (min-device-width : 480px){
     div.login-form-top .password input, div.login-form-top .text input{
        width: 384px;
    }
    div.login-form-top, div.register-box{
        width: 460px;
    }
    .login-btn, .register-btn {
        margin: 25px 0 20px 180px;
}
    .login-btn-input, .register-btn-input {
      width: 120px;
    }
    div.login-form-top div.input.checkbox label{
        font-size: 18px;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-device-width : 768px){
      div.login-form-top .password input, div.login-form-top .text input{
        width: 384px;
    }
    div.login-form-top,  div.register-box{
        width: 460px;
    }
    .login-btn, .register-btn {
        margin: 25px 0 20px 180px;
}
    .login-btn-input, .register-btn-input {
      width: 120px;
    }
    div.login-form-top div.input.checkbox label{
        font-size: 18px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-device-width : 992px){
    div.login-form-top .password input, div.login-form-top .text input{
        width: 384px;
    }
    div.login-form-top, div.register-box{
        width: 460px;
    }
    .login-btn, .register-btn {
       margin: 25px 0 20px 180px;
}
    .login-btn-input, .register-btn-input {
       width: 120px;
    }
    div.login-form-top div.input.checkbox label{
        font-size: 15px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-device-width : 1200px){
    
   div.login-form-top .password input, div.login-form-top .text input{
        width: 384px;
    }
    div.login-form-top,  div.register-box{
        width: 460px;
    }
    .login-btn, .register-btn {
        margin: 25px 0 20px 180px;
}
    .login-btn-input, .register-btn-input {
      width: 120px;
    }
    div.login-form-top div.input.checkbox label{
        font-size: 18px;
    }
}