/***************** Media Queries **********************/

@media screen and (max-width: 1024px) {
  .signUpContainer {
    grid-template-columns: 1fr;
  }

  .blueSideBar {
    display: none;
  }

  .su_formContainer {
    grid-template-columns: 1fr;
  }

  .middleForm {
    grid-column-start: 1;
  }

  .signupFormMainContainer {
    min-width: 91.46%;
  }

  .spUpperContainer {
    padding: 12px 12px 0 0;
  }

  .resendEmailBtn {
    margin-top: 20px;
  }

  .checkEmailBtnContainer {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }

  .setPassForm {
    width: 91.4%;
  }

  .setPassSmallText1 {
    text-align: center;
  }

  .setPassSmallText {
    text-align: center;
  }

  .forgotPassContainer {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .signInForm {
    display: flex;
    min-width: 91.46%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }

  .signupForm {
    min-width: 91.46%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .signInForm {
    display: flex;
    min-width: 60%;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }

  .signupForm {
    min-width: 60%;
  }
}

@media screen and (min-width: 1025px) {
  .signInForm {
    width: 500px;
  }
}

/***************** Media Queries **********************/