@media only screen and (max-width: 767px) {
  .login-block { margin-left: -40%;}
  .login-block .login {width: 90%;}
  .login-block .login .form input[type="submit"] { float: left; margin-top: 10px;}
  .login-block .login .form span { float: left; }
  
}

@media only screen and (max-width: 479px) {
  .login-block { margin-left: auto; left: initial;}
  .login-block .login { margin: 20px auto auto; width: 95%; position: relative;}
  .login-block .login .top h3 { float: left; font-size: 18px; text-align: center; width: 100%;}
  .login-block .login .top .close { position: absolute; right: 7px; top: 7px;}
  .login-block .login .top { padding: 0;}
  .login-block .login .form { padding: 0;}
  .login-block .login .form .lf, .login-block .login .form .rg { width: 100%;}
}