/* Max width 1550px */
/* Max width 1400px */
/* Max width 1300px */
@media only screen and (max-width: 1300px) {
  /* line 9, app/assets/stylesheets/login/login-media-queries-style.scss */
  .login-title {
    font-size: 3rem;
  }
  /* line 13, app/assets/stylesheets/login/login-media-queries-style.scss */
  .login-subTitle {
    font-size: 1.2rem;
  }
  /* line 17, app/assets/stylesheets/login/login-media-queries-style.scss */
  .login-title-info {
    font-size: 1rem;
  }
  /* line 21, app/assets/stylesheets/login/login-media-queries-style.scss */
  .login-left-container {
    gap: 30px;
  }
  /* line 25, app/assets/stylesheets/login/login-media-queries-style.scss */
  .login-form-title {
    font-size: 1.5rem;
  }
  /* line 29, app/assets/stylesheets/login/login-media-queries-style.scss */
  .login-input {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    font-size: 1.1rem;
  }
  /* line 34, app/assets/stylesheets/login/login-media-queries-style.scss */
  .loginPage-btn {
    padding: 7px 7px 7px 7px;
    font-size: 1.2rem;
  }
  /* line 39, app/assets/stylesheets/login/login-media-queries-style.scss */
  .login-forgot,
.login-forgot-link {
    font-size: 1rem;
  }
}

/* Max width 1260px */
@media only screen and (max-width: 1200px) {
  /* line 47, app/assets/stylesheets/login/login-media-queries-style.scss */
  .login-right-container {
    width: 80%;
  }
}

/* Max width 1100px */
/* Max width 1080px */
/* Max width 1026px */
/* Max width 980px */
@media only screen and (max-width: 980px) {
  /* line 63, app/assets/stylesheets/login/login-media-queries-style.scss */
  .login-title {
    font-size: 2.6rem;
  }
  /* line 67, app/assets/stylesheets/login/login-media-queries-style.scss */
  .login-subTitle {
    font-size: 1.5rem;
  }
  /* line 71, app/assets/stylesheets/login/login-media-queries-style.scss */
  .login-title-info {
    font-size: 1.2rem;
  }
}

/* Max width 900px */
/* Max width 800px */
@media only screen and (max-width: 800px) {
  /* .login-left-wrapper {
        height: calc(100vh - 72px);
    } */
  /* line 86, app/assets/stylesheets/login/login-media-queries-style.scss */
  .login-hero-section {
    flex-direction: column;
    gap: 30px;
  }
  /* line 91, app/assets/stylesheets/login/login-media-queries-style.scss */
  .login-left-wrapper {
    width: 100%;
    /* height: calc(65vh - 72px); */
    margin: 72px 0px 0px 0px;
  }
  /* line 97, app/assets/stylesheets/login/login-media-queries-style.scss */
  .login-right-wrapper {
    width: 100%;
    margin-bottom: 30px;
  }
}

/* Max width 750px */
/* Max width 650px */
/* Max width 540px */
/* Max width 500px */
@media only screen and (max-width: 500px) {
  /* .login-title {
        font-size: 4rem;
    }

    .login-subTitle {
        font-size: 1.4rem;
    }

    .login-title-info {
        font-size: 1rem;
    }

    .login-regi-btn {
        padding: 0.5rem 1rem 0.5rem 1rem;
        font-size: 1.3rem;
    } */
}

/* Max width 440px */
@media only screen and (max-width: 400px) {
  /* line 138, app/assets/stylesheets/login/login-media-queries-style.scss */
  .login-right-wrapper {
    padding: 0rem 2rem 0rem 2rem;
  }
  /* line 142, app/assets/stylesheets/login/login-media-queries-style.scss */
  .login-subTitle {
    font-size: 1.1rem;
  }
  /* line 146, app/assets/stylesheets/login/login-media-queries-style.scss */
  .login-left-container {
    gap: 20px;
  }
  /* line 150, app/assets/stylesheets/login/login-media-queries-style.scss */
  .login-title-info {
    font-size: 0.93rem;
  }
  /* line 154, app/assets/stylesheets/login/login-media-queries-style.scss */
  .login-form {
    gap: 20px;
  }
  /* line 158, app/assets/stylesheets/login/login-media-queries-style.scss */
  .login-left-container {
    padding: 0.5rem;
  }
  /* line 162, app/assets/stylesheets/login/login-media-queries-style.scss */
  .login-regi-btn {
    font-size: 1rem;
  }
}