@media (max-width: 600px) {
  body {
    height: auto;
    padding: 20px;
  }

  .container {
    width: 100%;
    height: auto;
    min-width: unset;
    border-radius: 15px;
    box-shadow: 0 10px 20px rgba(16, 64, 74, 0.3);
    flex-direction: column;
  }

  .form-container {
    position: relative;
    width: 100% !important;
    height: auto !important;
    opacity: 1 !important;
    transform: none !important;
    z-index: 5 !important;
    padding: 20px 30px;
  }

  .login-container,
  .register-container {
    width: 100% !important;
    left: 0 !important;
    transform: none !important;
    opacity: 1 !important;
    z-index: 5 !important;
  }

  .container.right-panel-active .login-container,
  .container.right-panel-active .register-container {
    transform: none !important;
    opacity: 1 !important;
    z-index: 5 !important;
  }

  .overlay-container {
    display: none;
  }

  form {
    padding: 0 20px;
  }

  button {
    padding: 12px 40px;
    width: 100%;
    box-sizing: border-box;
  }

  h1.title {
    font-size: 30px;
    line-height: 36px;
  }

  p, span, label, a {
    font-size: 12px;
  }

  input {
    font-size: 14px;
  }

  .login-container,
.register-container {
    box-shadow: 0 14px 12px rgba(16, 64, 74, 0.15);
    border-radius: 20px;
}

}