.logo-resp{
  max-height: 45px !important;
}
.login.login-2 .login-signin,
.login.login-2 .login-signup,
.login.login-2 .login-forgot {
  display: none; }

.login.login-2.login-signin-on .login-signup {
  display: none; }

.login.login-2.login-signin-on .login-signin {
  display: block; }

.login.login-2.login-signin-on .login-forgot {
  display: none; }

.login.login-2.login-signup-on .login-signup {
  display: block; }

.login.login-2.login-signup-on .login-signin {
  display: none; }

.login.login-2.login-signup-on .login-forgot {
  display: none; }

.login.login-2.login-forgot-on .login-signup {
  display: none; }

.login.login-2.login-forgot-on .login-signin {
  display: none; }

.login.login-2.login-forgot-on .login-forgot {
  display: block; }

/*************************************/
/*************************************/
/*************************************/
/*************************************/
@media (min-width: 992px) {
  .login.login-2 .login-aside {
    width: 100%;
    max-width: 600px; }
  
  .login.login-2 .login-signin {
    position: absolute;
    left: 600px;
    top: -100px;
    width: 100%;
    max-width: 400px; 
   }
  .login.login-2 .login-forgot {
    position: absolute;
    left: 900px;
    top: 150px;
    width: 100%;
    max-width: 400px; }
  .login.login-2 .login-signup {
    position: absolute;
    left: 900px;
    top: 100px;
    width: 100%;
    max-width: 400px; }
}

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

@media (max-width: 991.98px) {
 
  .login.login-2 .login-form {
    width: 100%;
    max-width: 100%; 
    background-color: #e3dcd2; 
    position: absolute;
    padding: 5px 75px 25px 75px;
    bottom: 0;
    left: 0;
  
    } 
  }

@media (max-width: 575.98px) {
  
  .login.login-2 .login-form {
    width: 100%;
    max-width: 100%; 
    background-color: #e3dcd2; 
    position: absolute;
    padding: 15px;
    bottom: 0;
    left: 0;
  } 
  .logo-resp {
      max-height: 30px !important;
  }
  .content-img img{
    max-width: 70%; 
  }

  }

  a{
    color: rgb(0, 141, 205) !important;
  }
  a:hover{
    color: rgb(2, 77, 112) !important;
  }
    ul {
      list-style: none; /* Remove default bullets */
      
    }

    ul li{
      position: relative;
      margin: 15px 0 15px 15px;
    }
    
    ul li::before {
      content: "\2022";
      color: rgb(0, 141, 205);
      font-weight: bold;
      display: inline-block;
      font-size: 35px;
      width: 2em;
      margin-left: -35px;
      position: absolute;
      top: -16px;
      left: 5px;
    }

    .tBlue{
      color: rgb(0, 141, 205);
    }
    .flip{
      margin-top: 16px;
    }
    .flip a{
      color: rgb(0, 141, 205);
    }
    .flip a:hover{
      color: rgb(3, 50, 71);
    }
    .flip-content{
      margin: 5px 0 40px 0;
    }
    .flip-content *{
      transition: all 0.2s ease-in;
    }
    .flip-content img{
      /* filter: none; */
      padding: 5px;
      border: solid 1px transparent;
    }
    .flip-content img:hover{
      border: solid 1px #ddd;
    }
    .flip-content img.flip{
      -webkit-box-shadow: 5px 9px 9px 4px rgba(0,0,0,0.71); 
      box-shadow: 5px 9px 9px 4px rgba(0,0,0,0.71);
    }
    .flip-content img.flip:hover{
      -webkit-box-shadow: -1px 1px 7px 4px rgba(0,0,0,0.48); 
      box-shadow: -1px 1px 7px 4px rgba(0,0,0,0.48);
    }
    .flip-content h5{
      margin-bottom: 10px;
    }
    .click-icon{
      font-size: 50px;
      color: #777;
      transform: translate(25px, 20px) rotate(210deg); 
    }
    
  .new-home{
   
    background-color: #e3dcd2; 
    height: 720px;
    width: 1200px;
    max-width: 100%;
    margin: auto;
  }
  .new-login {
    background-image: url('../../../media/img/bg-home.jpg');  
    background-color: #e3dcd2; 
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 100%;
  }
  body {
    background-color: #e3dcd2 !important; 
  }
  @media (max-width: 990px){
      .resp-imgv{
        max-width: 100%;
    }
  }
  @media (max-width: 420px){
    .resp-img{
        max-width: 380px;
    }
 }

  @media (max-width: 375px){
      .resp-img{
          max-width: 350px;
      }
  }
  @media (max-width: 280px){
      .resp-img{
          max-width: 260px;
      }
  }