@media (max-width: 1100px) {
  .login-container {grid-template-columns: 0.8fr 0.8fr;gap: 0;padding: 1rem 2rem 0rem 2rem;}
  .login-form.forget {height: auto;}
  
}

@media (max-width: 900px) {
  .login-container {grid-template-columns: 1fr;gap: 0;padding: 0;}
  .login-form.forget {height: auto;}
  
}


@media (max-width: 600px) {
  :root {
    --fs-3xs: 0.25rem; /*8px*/
    --fs-2xs: 0.5rem; /*10px*/
    --fs-xs: 0.625rem; /*12px*/
    --fs-sm: 0.75rem; /*14px*/
    --fs-reg: 0.875rem; /*16px*/
    --fs-lg: 1rem; /*20px*/
    --fs-xl: 1.25rem; /*24px*/
    --fs-2xl: 1.5rem; /*28px*/
    --fs-3xl: 1.75rem; /*32px*/
  }
  .login-container {grid-template-columns: 1fr;gap: 0;padding: 0;}
  .login-form.forget {height: auto;}
  .app-nav {position:fixed;top: 0;left: 0;inset:0 auto 0 0;z-index:50;width:100%;height: 100%;flex-direction:column;background:var(--text);color:var(--white)}
  .nav-head .hamburger {display: flex;}

}