@media (max-height: 600px) {
  .login-screen,
  .dahboard-screen {
    height: auto;
    padding: 50px 0;
  }
}

@media (max-width: 1300px) {
  .login-screen:before {
    left: 9%;
  }
  .blueBtn a {
    padding: 10px 18px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1280px !important;
  }
}

@media (max-width: 1199px) {
  .login-screen-details {
    width: 45%;
  }
  .login-screen:before {
    left: 5%;
  }
  .login-screen:after {
    right: 11%;
  }
  .complaint-list li p {
    font-size: 14px;
    line-height: 20px;
  }
}

@media (max-width: 1024px) {
  .login-screen:before {
    left: 4%;
  }
  .login-screen:after {
    right: 9%;
  }
}
@media (max-width: 991px) {
  .login-screen-details {
    width: 60%;
  }
  .login-screen:after,
  .login-screen:before {
    display: none;
  }
  .container {
    max-width: 90% !important;
  }
  .complaint-list {
    column-count: 2;
  }
  .add-user-popup .modal-content {
    width: 80%;
  }
}

@media (max-width: 767px) {

  .dahboard-screen {
    padding: 15px;
}
.userProfile {
  width: 25px;
  height: 25px;

}
.userName {
  font-size: 12px !important;
}
.input-icon input, .statusList select, .date-range {
  margin-bottom: 15px;
}
.borderLine .modal-dialog {
  max-width: 92%;
  margin: 0px auto;
}
.acceptreject-btn {
  margin-bottom: 12px;
}
  .logoCenter {
    text-align: center;
    padding-bottom: 20px;
  }
  #jc {
    justify-content: center !important;
  }
  .blueBtn a,
  .logout a {
    padding: 10px 20px;

    font-size: 10px;
  }
  .login-screen-details {
    width: 92%;
  }
  .login-text .intro-para {
    width: 80%;
  }
  .history-complaint-lists {
    display: flex;
    flex-flow: column;
  }
  .error-info h1 {
    font-size: 30px;
  }
  .history-complaint-lists .justify-content-end {
    justify-content: center !important;
  }
  .add-user-popup .modal-content {
    width: 96%;
  }
  .logo-width {
    width: 80%;
  }
}
@media (max-width: 600px) {
  .search-table th,
  .search-table td {
    font-size: 12px;
  }
  .complaint-list {
    column-count: 1;
  }
  #jc {
    flex-flow: inherit;
  }
  /* #jc div {
    margin-bottom: 15px;
  } */
  .input-icon input,
  .statusList select,
  .date-range {
    height: 45px;
  }
  .submitBtn {
    padding: 9px 20px !important;
    font-size: 15px !important;
  }
  .history-complaint h3 {
    font-size: 15px;
  }
}
@media (max-width: 425px) {
  .header-part {
    padding: 20px 15px;
  }
  .history-complaint-lists {
    padding: 20px 15px;
  }
  .container {
    max-width: 98% !important;
  }
}
