@media (max-width: 1800px) {
  .btn-login-active {
    padding: 5px 45px;
  }
}

@media (max-width: 991.98px) {
  .navbar-collapse {
    z-index: 999;
    background-color: #EEEEEE;
  }

  .navbar-nav {
    padding-left: 50px;
  }

  .navbar-nav:last-child .btn-orange {
    width: 35%;
    text-align: center;
  }

  .myprojects-header {
    padding: 30px 5px 10px 5px;
  }

  .myprojects-header li {
    font-size: 13px;
    padding: 5px 0px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .modal-dialog {
    max-width: 90%;
  }

  .modal-dialog h1 {
    font-size: 30px;
  }

  .btn-login-active {
    padding: 5px 90px;
  }

}



@media (max-width: 575.98px) {
  h1 {
    font-size: 25px;
  }

  h2 {
    font-size: 20px;
  }

  p {
    font-size: 13px;
  }

  .p-70 {
    padding: 20px;
  }

  .question .arrow {
    width: 50%;
  }

  .question-collapse {
    padding: 8px 6px;
  }

  .question button {
    font-size: 14px;
  }

  .question .card-body {
    padding: 10px;
    font-size: 12px;
  }

  .navbar-nav:last-child .btn-orange {
    width: 80%;
    text-align: center;
  }

  .myprojects-header li {
    font-size: 9px;
  }

  .myprojects ul {
    padding-top: 0;
  }

  .btn-login-active {
    padding: 5px 30px;
  }

  .modal-content {
    padding: 20px;
  }

  .modal-dialog h1 {
    font-size: 15px;
  }


}