@media (max-width: 768px) {
  .main-container {
    display: block;
    min-height: 100vh;
    padding: 85px 10px 10px 10px;
  }

  .register-card {
    flex-direction: column;
    padding: 30px 20px;
    border-radius: 20px;
    max-width: 100%;
  }

  .main-register-form-container {
    width: 100%;
    max-width: 338px;
    margin: 0 auto;
  }

  .reg-register-title {
    padding: 11px;
    padding-top: 19px;
  }

  .reg-register-description {
    margin-bottom: 15px;
    margin-top: -20px;
    padding: 0 4px;
  }

  .reg-register-description-mail {
    font-size: 12px;
  }

  .reg-button-container {
    gap: 8px;
    align-items: flex-start;
  }

  .button {
    padding: 11px;
    font-size: 16px;
    border-radius: 11px;
    letter-spacing: 0.4px;
  }

  .error-banner,
  .banner {
    font-size: 13px;
    padding: 10px;
  }

  .input-wrapper {
    border-radius: 8px;
  }

  .input-wrapper i.icon-left {
    font-size: 15px;
    width: 44px;
    height: 44px;
    border-radius: 8px 0 0 8px;
  }

  .input-wrapper input[type='text'],
  .input-wrapper input[type='password'],
  .input-wrapper input[type='email'],
  .input-wrapper input[type='tel'] {
    font-size: 14px;
  }

  .input-wrapper i.icon-right {
    right: 12px;
    font-size: 12px;
  }
}