@media (max-width: 1400px) {
  .hvr-bubble-top {
    margin-top: 1rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1300px) {
  .home-about-box div {
    padding-left: 1rem !important;
  }
}
@media (min-width: 991px) {
  .header-mobile {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .header-desktop {
    display: none !important;
  }
  .home-about-box {
    flex-wrap: wrap !important;
  }
  .home-about-box div {
    width: 100% !important;
  }
  .home-about-box img {
    width: 100% !important;
  }
  .hvr-bubble-top {
    margin-top: 2.5rem !important;
  }
  .customer {
    width: 33%;
  }
  .customers {
    margin-top: 2rem;
  }
  .customers h2 {
    width: fit-content !important;
  }
  .team-members h2 {
    width: fit-content !important;
  }
  .team-member {
    display: flex !important;
    flex-direction: column !important;
  }
  .team-member img {
    width: 75% !important;
  }
  .services {
    flex-direction: column;
  }
  .ceo-box {
    flex-direction: column;
    width: 100% !important;
  }
  .img-ceo {
    width: 100%;
  }
  .bod {
    flex-direction: column;
  }
  .bod-img {
    width: 100% !important;
  }
  .user-contact img {
    width: 35px !important;
  }
  .emp-box {
    flex-direction: column;
  }
  .emp {
    display: flex;
    align-items: center !important;
    width: 100% !important;
    gap: 1rem;
  }
  .emp img {
    width: 30% !important;
    height: fit-content;
  }
  .emp .user-contact {
    gap: 1 !important;
  }
  .emp .user-contact a {
    width: 35px !important;
  }
  .emp .user-contact img {
    width: 100% !important;
  }
  .video-box {
    flex-direction: column;
  }
  .video-box video {
    width: 100% !important;
  }
  .main-logo{
    width: 300px !important;
  }
}
@media (min-width: 767px) {
  .header-mobile img:nth-of-type(2) {
    width: 35% !important;
  }
}
@media (max-width: 767px) {
  .footer div:nth-of-type(1) {
    flex-direction: column !important;
    gap: 3rem;
  }
  .footer div:nth-of-type(1) div {
    width: 100% !important;
  }
  .footer p {
    text-align: center;
    line-height: 2rem;
  }
  .footer div:nth-of-type(3) img {
    width: 40px !important;
  }
  .bod-section {
    flex-wrap: wrap;
  }
  .bod {
    flex-direction: row;
    width: 100% !important;
  }
  .bod-img {
    width: 50% !important;
  }
  .bod p {
    font-size: 0.9rem;
  }
}
@media (max-width: 540px){
  .bod{
    flex-direction: column;
  }
  .bod-img{
    width: 70% !important;
  }
  .emp img {
    width: 40% !important;

  }
}