@media screen and (max-width: 576px) {
  .container-category {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (min-width: 576px) {
  .container-category {
    margin-left: 50px;
    margin-right: 50px;
  }
}
@media screen and (min-width: 992px) {
  .container-category {
    margin-left: 135px;
    margin-right: 135px;
  }

  .detail-intro__information .information__direct {
    right: 135px;
  }

  .introduction__second .content-2 {
    min-height: 265px;
  }
}
@media screen and (max-width: 360px) {
  .team-member__list img {
    width: 130px;
    height: 130px;
  }
}
@media screen and (max-width: 768px) {
  .detail-intro__information .information__direct {
    position: unset;
  }

  .detail-intro {
    max-height: unset;
  }
  .detail-intro__picture img {
    max-height: unset;
  }
  .detail-intro .content-detail {
    max-height: unset;
    overflow-y: unset;
  }

  .introduction-top {
    margin-top: 20px;
  }

  .navbar-brand {
    line-height: 53px;
  }

  button.navbar-toggler:focus {
    outline: none;
    box-shadow: none;
  }

  .topbar .nav-item {
    color: #FCFCFC;
    margin-left: 5px;
    font-size: 14px;
  }
  .topbar .nav-item.active {
    color: black;
  }

  .introduction-about__second .img-box-2 {
    min-height: unset;
  }
  .introduction-about__third .img-box-3 {
    max-height: unset;
  }
}
@media screen and (max-width: 1024px) {
  .team-member {
    min-height: 300px;
  }
  .team-member .mobile {
    display: flex;
  }
  .team-member .desktop {
    display: none;
  }
}
@media screen and (min-width: 320px) {
  .team-member-carousel .picture img {
    height: 160px;
  }
}
@media screen and (min-width: 1024px) {
  .team-member-carousel .picture {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .team-member-carousel .picture img {
    height: 160px;
  }
}
@media screen and (min-width: 1600px) {
  .team-member-carousel .picture {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .team-member-carousel .picture img {
    height: 160px;
  }
}