@media only screen and (min-width: 992px) and (max-width: 1117px) {
  .leftContent {
    display: none !important;
  }
  .rightSide {
    margin: auto;
  }
  .loginPageMainDiv {
    flex-wrap: wrap-reverse !important;
  }
}

@media (max-width: 991px) {
  .rightSide {
    margin: 10% auto;
  }

  #loginPageBox {
    padding: 18px !important;
  }

  .leftContent {
    display: none !important;
  }

  .loginPageMainDiv {
    flex-wrap: wrap-reverse !important;
  }

  .loginCard {
    width: auto !important;
    margin-top: 80px !important;
    min-height: 430px !important;
    padding: 20px 20px !important;
  }

  .digit-input {
    width: 43px !important;
  }

  #welcomeModal .modal-md {
    width: auto;
  }

  .custom-modal {
    overflow-y: hidden;
  }
}