@media (max-width: 360px) {}

@media (max-width: 600px) {
  nav.navbar {
    display: none;
  }

  .wrapper-body,
  .content-wrapper {
    height: 100vh !important;
  }

  .chatBot-intro-content {
    padding: 0 1rem;
  }

  .human-in-the-loop-message {
    max-width: unset;
    width: 78%;
  }

  .workflow-left-panel {
    padding-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {}

@media (min-width: 992px) and (max-width: 1199.98px) {}

@media (min-width: 1200px) and (max-width: 1400px) {

  html,
  body {
    font-size: 13.5px;
  }

  .login-container {
    margin-bottom: 6rem;
  }

  .animated-arms {
    height: 49rem;
  }

  /* .usecase-list {
    height: 68%;
  } */

}

@media (min-width: 1200px) and (max-width: 1600px) {
  .container {
    max-width: 90%;
  }

  .robot-arm {
    left: 0;
    bottom: 3%;
  }

  .human-arm {
    right: 0;
    top: -1%;
  }
}

@media (min-width: 1401px) and (max-width: 1600px) {

  html,
  body {
    font-size: 14px;
  }

  .usecase-list {
    height: 80%;
  }

  .animated-arms {
    height: 58rem;
  }
}

@media (min-width: 1601px) and (max-width: 1920px) {}

@media (min-width: 992px) {

  .modal-lg {
    max-width: 60rem;
  }
}

@media (min-width: 1024) {}

@media (min-width: 1401px) {}

@media (min-width: 1921px) {

  html,
  body {
    font-size: 20px;
  }

  .modal-footer.items-2 .btn {
    width: 48.9% !important;
  }

  /* .modal-lg {
    max-width: 1000px;
  } */

  .robot-arm {
    left: 0;
    bottom: 2%;
  }

  .human-arm {
    right: 0;
    top: -2%;
  }
}