@media screen and (max-width: 767px) {
    
}



@media screen and (max-width: 1600px) {
  .logo-img {
      width: 100px;
   }   
  .login-form {
      padding: 3rem;
   }
   .login-input input {
      height: 40px;
      padding:5px 20px;
  }
  span.user-img {
      padding: 7px;
  }
   .login-image{
    padding: 2rem 4rem;
  }
  .login-image > p.login-text{
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 1366px) {
  html{
      font-size: 12px;
  }
  .login-image, .login-form{
      width: 50%;
  }
  .logo-img {
      width: 80px;
  }
  .login-image img {
      width: 100%;
  }

  .login-image  .femaleDr {
   width:18vw;
  }
}

@media screen and (max-width: 1200px) {
.login-image > h2 {
    font-size: 36px;
}
}


/**** Ipad Devices CSS***/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait)  {
  .login-page {
      overflow: auto;
   }
  .login-content {
      flex-direction: column;
      justify-content: center;
  }
  /* .logo-img{
      display: none;
  } */
  .login-image, .login-form {
      width: 100%;
      height: 46%;
      padding: 2rem;
  }
 
  .login-image {
      border-radius: 30px 30px 0 0;
  }
  .login-form{
      border-radius: 0 0 30px 30px;

  }
  .login-title p, .login-input{
      margin-bottom: 15px;
  }
  .login-content {
      width: 90%;
      height: auto;
  }
  .login-title h2{
      font-size: 3.6rem;
  }
  .login-img > img {
      width: 80%;
      filter: opacity(0.5);
  }
  .logo-img {
      width: 80px;
  }
  .illustration {
      bottom: 0px;
      width: 50%;
   }
   .illustration2 {
      top: -20%;
      right: -25%;
  }

  }


/**** Ipad Devices CSS***/
@media only screen and (min-device-width: 600px) and (max-device-width: 1300px) and (orientation : landscape)  {
 html{
  font-size: 10px;
 }
  .login-content {
  width: 90%;
}
  .login-image > h2 > span, .login-image > h2 {
  font-size: 4rem;
}
.forgot_pass a {
  white-space: nowrap;
}
.login-input {
  margin-bottom: 4px;
}
.login-image > p.sub-heading {
  font-size: 2rem;
}
.login-image > p.login-text, .regi_btn a, .login-input input, .login-input > label {
  font-size: 1.6rem;
}

  }

/**** Ipad Devices CSS end***/


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape){
  html{
      font-size: 10px;
  }
  .logo-img {
      width: 80px;
  }
  .login-title h2{
      font-size: 3rem;
  }
  .login-image > h2, .login-image > h2 > span {
      font-size: 3rem;
   }
   .login-title p, .login-input > label {
      font-size: 1.4rem;
   }
  .login-title p, .login-input{
      margin-bottom: 14px;
  }
  .login-input > label, .login-input input, .regi_btn a {
      font-size: 1.2rem;
  }
  .regi_btn {
      margin-top: 0;
   }
   .logo-img {
      width: 60px;
  }
  .login-image > button.know-more {
      font-size: 1.2rem;
   }
   .login-image img {
      display: none;
  }
  
}


@media screen and (max-width: 991px) {
.login-image > h2 {
    font-size: 24px;
}

  .login-image > h2 > span > h4 {
    font-size:16px !important;
  }

.login-image {
    padding: 5rem 3rem;
}
}


@media (min-width: 768px) and (max-width: 991px) {
 
}





/**** Mobile Devices CSS***/
@media only screen and (max-width: 767px) {
  html{
      font-size: 10px;
  }
  .login-image {
      display: none;
  }
  .login-image, .login-form {
      width: 100%;
      border-radius: 30px;
      padding: 2rem;
  }
  .login-content {
      width: 90%;
      height: auto;
   }
   .login-title h2{
      font-size: 4rem;
  }
  .login-title p{
      font-size: 1.6rem;
     }
  .login-input {
      margin-bottom: 15px;
   }
   .login-input > label, .login-input input, .regi_btn a {
      font-size: 1.6rem;
  }
  .forgot_pass {
      padding: 0;
      width: 100%;
      text-align: right;
  }
 
}
/**** Mobile Devices CSS end***/

/**** samll Mobile Devices CSS Strat***/
@media only screen and (max-width: 480px) {
  .illustration {
      left: -30px;
      bottom: -100px;
      width: 50%;
  }
  .illustration2 {
      top: -45%;
      right: -70%;
  }
  #re_Captcha_div{    
    width: 200px;
  }
  #re_Captcha{    
    width: 80%;
  }
  .login-input > label, .login-input input, .regi_btn a {
    font-size: 1.4rem;
}
span.user-img{
    position: absolute;
    right: 2px;
    top: 2px;
    border-left: 1px solid #ddd;
    background: #e8f0fe;
    height: 36px;
    width: 36px;
}
}

/**** samll Mobile Devices CSS Strat***/

@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 991px) {
    

}
@media screen and (max-width: 767px){
   
 

}
@media screen and (max-width: 580px){


}
@media screen and (max-width: 340px){
    
}