#login {
  margin-top: 12em;
  border-bottom: 1px solid #dfe0e0;
  margin-bottom: 10em; }
  #login h3 {
    font-weight: 600;
    color: #5E6161; }
  #login p {
    color: #5E6161; }
  #login .btn {
    text-transform: capitalize;
    background-color: #5d6262;
    color: #ffffff;
    border-radius: 0;
    font-weight: 400;
    font-size: 16px;
    width: 20%;
  transition: all ease .3s}
  #login .btn:active {
    background: #2AB673 !important;
      }
  #login .btn:focus {
    background: #2AB673 !important; outline: none}
  #login .input-margin {
    margin-left: 300px; }
  #login .login-form {
    margin-left: 370px;
    margin-top: 30px; }
  #login .enquiry-input {
    border: 0px;
    text-align: center;
    box-shadow: none;
    color: #5E6161;
    font-size: 15px;
    border-bottom: solid 1px #E0D5D5;
    background: transparent;
    font-size: 20px;
    width: 60%;
    margin-top: 1em;
    border-radius: 0px;
    font-family: 'Proxima Nova', sans-serif !important; }
  #login .btn-login {
    margin-bottom: 5em;
    width: 15%;
    margin-top: 10px !important;
    margin-left: -320px;
    background-color: #2AB673 !important; }

@media screen and (max-device-width: 480px) {
  .btn-login {
    width: 100% !important;
    margin-left: -119px !important; }
  #login_roles_button {
    width: 54%  !important;
    margin-top: 10px !important; }
  #login_button {
    width: 30%  !important; }
  #login .enquiry-input {
    width: 80% !important;
    margin-left: -20px !important; }
  .input-margin {
    margin-left: 90px !important; } }

    /*Reset passeword start*/
    /*end*/