.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; }



@media (min-width: 992px) {
  .login.login-1 .login-aside {
    width: 100%;
    max-width: 900px;
    background-size: 800px;
  }

  

  @media (min-width: 990px) and (max-width: 1600px) {
    .login.login-1 .login-aside  {
      background-size: 640px !important;
    }
  }

  @media (min-width: 990px) and (max-width: 1400px) {
    .login.login-1 .login-aside  {
      background-size: 520px !important;
      margin-left:20px;
    }
  }

/*
 
  @media (min-width: 1600px) and (max-width: 1920px) {
    .login.login-1 .login-aside  {
      background-size: 900px !important;
      border:solid 1px red !important;
      .login-aside.d-flex.flex-row-auto.bgi-no-repeat.p-10.p-lg-10.login-logo-login {
        width: 49% !important;
    }
    }*/


   


  .login.login-1 .login-form {
    width: 100%;
    max-width: 400px; } }

@media (min-width: 992px) and (max-width: 1399.98px) {
  .login.login-1 .login-aside {
    width: 100%;
    max-width: 820px; } 
  }

@media (max-width: 991.98px) {
  .login.login-1 .login-form {
    width: 100%;
    max-width: 350px; } }

@media (max-width: 575.98px) {
  .login.login-1 .login-form {
    width: 100%;
    max-width: 100%; } }