/*/////////////////////////////////////
  Responsive
/////////////////////////////////////*/

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

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

@media (max-width: 991.98px) {
  h3 {
    font-size: 2.1rem;
}
 

@media (min-width: 768px) and (max-width: 991.98px) { 
  .member-information  h4 {
    font-size: 18px;
  }
  .member-information span {
    font-size: 12px;
  }
  .blog-image {
    width: 100%;
  }
  .project-info h2 {
    font-size: 26px;
  }
}

@media (max-width: 768px) { 
  .blog-image {
    width: 100%;
  }
  .dropdown-menu {
    background-color: transparent;
  }
  .dropdown-item {
    color: #f8f9fa !important;
    padding: 8px 0 8px 20px;
  }
  .member-container {
    text-align: center;
    max-width: 400px;
    margin: 15px auto;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) { 
  .project-info h2 {
    font-size: 28px;
    margin-top: 30px;
  }
}

@media (max-width: 575.98px) { 
  .btn {
    width: 100%;
    margin: 10px 0;
  }
  .nav-item {
    margin-bottom: 10px;
  }
  .nav-link {
    font-size: 18px;
  }
  #hero h1 {
    font-size: 30px;
  }
  .project-info h2 {
    font-size: 28px;
    margin-top: 30px;
  }
  .footer-menu .list-inline-item {
    display: block;
    padding: 25px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 22px;
  }
  .footer-menu .list-inline-item a {
    font-size: 20px;
  }
  .no-bt {
    border-bottom: none !important;
  }
  .blog-image, .blog-image2 {
    max-width: 345px;
    margin-bottom: 15px;
  }
}