.login.login-1 .login-aside .aside-img {
  min-height: 450px;
}
.login.login-1 .login-signin,
.login.login-1 .login-signup,
.login.login-1 .login-forgot {
  display: none;
}
.login.login-1.login-signin-on .login-signup {
  display: none;
}
.login.login-1.login-signin-on .login-signin {
  display: block;
}
.login.login-1.login-signin-on .login-forgot {
  display: none;
}
.login.login-1.login-signup-on .login-signup {
  display: block;
}
.login.login-1.login-signup-on .login-signin {
  display: none;
}
.login.login-1.login-signup-on .login-forgot {
  display: none;
}
.login.login-1.login-forgot-on .login-signup {
  display: none;
}
.login.login-1.login-forgot-on .login-signin {
  display: none;
}
.login.login-1.login-forgot-on .login-forgot {
  display: block;
}

.am-widget h2 {
    font-weight: 600;
    color: #222;
    margin-bottom: 10px;
}
.login-form .am-body-content-wrapper.am-main {
    margin-bottom: 20px;
}

.am-layout-two-coll {
    overflow: hidden;
}

.password-field .toggle {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 1.6rem;
    cursor: pointer;
}

.username-field .clear {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 1.6rem;
    cursor: pointer;
}

@media (min-width: 992px) {
  .login.login-1 .login-aside {
    width: 100%;
    max-width: 600px;
  }
  .login.login-1 .login-aside {
    order: -1;
  }
  .login.login-1 .login-content {
    width: 100%;
    max-width: 1200px;
  }
  .login.login-1 .login-content .login-form {
    width: 100%;
    max-width: 1200px;
  }
  .login.login-1 .login-content .login-footer {
      /*position: fixed;*/
      bottom: 20px;
  }
}
.login .am-body-content-wrapper.am-main {
    max-width: 530px;
    margin: 0 auto;
    margin-bottom: 0px;
    width: 100%;
    display: block;
}

@media (min-width: 992px) and (max-width: 1399.98px) {
  .login.login-1 .login-aside {
    width: 100%;
    max-width: 450px;
  }
}
@media (max-width: 991.98px) {
  .login.login-1 .login-content .login-form {
    width: 100%;
    max-width: 400px;
  }
}
@media (max-width: 575.98px) {
  .login.login-1 .aside-img {
    min-height: 300px !important;
    background-size: 400px;
  }
  .login.login-1 .login-content .login-form {
    width: 100%;
    max-width: 100%;
  }
  .login .am-body-content-wrapper.am-main {
    text-align: center;
  }
}

.aside-img .img-fluid {
    width: 100%;
    max-width: 100%;
}