.pass_toggle
    {
        position: absolute !important;
        top:50% !important;
        transform: translateY(-50%) !important;
    }
    @media(max-width:767px)
    {
        .login-area
        {
            padding-bottom: 30px !important;
        }
        .login-form-container
        {
            padding: 0 45px !important;
        }
        .login-left .signin
        {
            margin-top: 15px !important;
        }
        .login-left .signup-pera
        {
            margin: 5px 0 15px 0 !important;
        }
    }
   @media only screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 1) 
{   
    .login-right .login-register-banner
    {
        height: 70vh !important;
    }
    .login-left
    {
         height: 70vh !important;
         overflow-y: auto !important;
    }
    .login-left .signin
    {
        margin-top: 20px !important;
    }
    .login-form-container
    {
        padding: 30px 55px !important;
    }
    .remember-me-password
    {
        flex-direction: column !important;
        gap: 15px !important;
    }
    .remember-me-password
    {
        margin-bottom: 20px !important;
    }
}
 @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) 
{
    .login-right .login-register-banner
    {
        height: 80vh !important;
    }
    .login-left
    {
         height: 80vh !important;
         overflow-y: auto !important;
    }
    .login-left .signin
    {
        margin-top: 20px !important;
    }
    .login-form-container
    {
        padding: 30px 55px !important;
    }
  
    .remember-me-password
    {
        margin-bottom: 20px !important;
    }
}

  @media only screen 
  and (min-device-width: 820px)
  and (max-device-width: 820px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) 
{
      .login-right .login-register-banner
    {
        height: 80vh !important;
    }
    .login-left
    {
         height: 80vh !important;
         overflow-y: auto !important;
    }
    .login-left .signin
    {
        margin-top: 20px !important;
    }
    .login-form-container
    {
        padding: 30px 55px !important;
    }
  
    .remember-me-password
    {
        margin-bottom: 20px !important;
    }

}
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1300px) 
 {
       .login-right .login-register-banner
    {
        height: 80vh !important;
    }
    .login-left
    {
         height: 80vh !important;
         overflow-y: auto !important;
    }
    .login-left .signin
    {
        margin-top: 20px !important;
    }
    .login-form-container
    {
        padding: 30px 55px !important;
    }
  
    .remember-me-password
    {
        margin-bottom: 20px !important;
    }

 }