/*
---------------------------------------
    : Custom - Login Page Responsive :
    Scoped to .login-box / .forgot-password-box
    only so it never affects other pages
    or the desktop layout.
---------------------------------------
*/
@media (max-width: 767px) {
  .auth-box.login-box .auth-box-left,
  .auth-box.forgot-password-box .auth-box-left {
    display: flex;
  }
  .auth-box.login-box .auth-box-left .card,
  .auth-box.forgot-password-box .auth-box-left .card {
    width: 100%;
    height: auto;
  }
  .auth-box.login-box .auth-box-left .card-body,
  .auth-box.forgot-password-box .auth-box-left .card-body {
    padding: 20px 15px;
    height: auto;
  }
  .auth-box.login-box .auth-box-left h5,
  .auth-box.forgot-password-box .auth-box-left h5 {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 0;
  }
  .auth-box.login-box .auth-box-left .auth-box-icon,
  .auth-box.forgot-password-box .auth-box-left .auth-box-icon {
    margin: 15px 0 0;
  }
  .auth-box.login-box .auth-box-left .auth-box-icon img,
  .auth-box.forgot-password-box .auth-box-left .auth-box-icon img {
    max-height: 130px !important;
    width: auto;
    display: block;
    margin: 0 auto;
  }
}

@media (max-width: 575px) {
  .auth-box.login-box .auth-box-left h5,
  .auth-box.forgot-password-box .auth-box-left h5 {
    font-size: 14px;
  }
  .auth-box.login-box .auth-box-left .auth-box-icon img,
  .auth-box.forgot-password-box .auth-box-left .auth-box-icon img {
    max-height: 110px !important;
  }
  .auth-box.login-box .auth-box-left .card-body,
  .auth-box.forgot-password-box .auth-box-left .card-body {
    padding-bottom: 10px;
  }
  .auth-box.login-box .auth-box-right .card-body,
  .auth-box.forgot-password-box .auth-box-right .card-body {
    padding: 20px;
  }
  .auth-box.login-box .auth-box-right h6.text-danger,
  .auth-box.login-box .auth-box-right ul.text-danger,
  .auth-box.forgot-password-box .auth-box-right h6.text-danger,
  .auth-box.forgot-password-box .auth-box-right ul.text-danger {
    font-size: 13px;
    line-height: 1.4;
    padding-left: 16px;
  }
  .auth-box.login-box .auth-box-right ul.text-danger li,
  .auth-box.forgot-password-box .auth-box-right ul.text-danger li {
    margin-bottom: 2px;
  }
  .auth-box.login-box .auth-box-right small.form-text,
  .auth-box.forgot-password-box .auth-box-right small.form-text {
    font-size: 12px;
  }
}