@media screen and (max-width: 991px) {
  .navbar-brand img {
    width: 70px;
  }
  .section {
    padding: 2.5rem 1rem;
  }
  .title-icon svg {
    font-size: 2.8rem;
  }
  .section-title h2 {
    font-size: 2.3rem;
  }
  .carousel-caption h1 {
    font-size: 2.8rem;
  }
  .banner-content-wrap h3 {
    font-size: 2.7rem;
  }
  .info-side {
    padding: 2rem 2rem;
  }

  /* ==== Upcoming trips ==== */
  .events-item .event-pic {
    padding: 0rem;
  }
  .event-info .event-title {
    font-size: 1.2rem;
  }

  /* ==== Contact Page ==== */
  .contact-content-wrap h4,
  .contact-info-side h4 {
    font-size: 1.1rem;
  }
  /* .contact-info-side p {
    font-size: 1rem;
  } */

  .whatsapp-btn {
    padding: 0.7rem 1rem;
    font-size: 0.85rem;
  }
}

@media screen and (max-width: 767px) {
  .advertisement-strip p {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    padding-left: 15px;
    padding-right: 15px;
}
  p {
    font-size: 0.95rem;
  }
  .section {
    padding: 2rem 1rem;
  }
  .style-btn {
    font-size: 0.9rem;
  }
  .carousel-caption h1 {
    font-size: 2.3rem;
  }
  .title-icon svg {
    font-size: 2.5rem;
  }
  .section-title h2 {
    font-size: 1.8rem;
  }
  .catg-item {
    padding: 0.5rem 1rem;
    margin: auto;
  }
  #hero-banner {
    padding: 4rem 1rem;
  }
  .banner-content-wrap h3 {
    font-size: 2.4rem;
  }

  .info-side h3 {
    font-size: 1.5rem;
  }
  .info-side {
    padding: 2rem 1rem;
  }
  #partner .partner-item {
    margin: 0 auto 2rem;
  }

  .footer-logo img {
    width: 100px;
  }
  .link-wrap a {
    font-size: 0.9rem;
  }
  footer {
    padding: 1rem 0 3rem;
  }

  /* === About Us === */
  .about-achive h3 {
    font-size: 1.5rem;
  }
  .about-feature-item h4 {
    font-size: 1.3rem;
  }
  #about-features {
    padding: 0.5rem 1rem;
  }
  .achiev-pic-wrap {
    padding: 0.3rem;
  }
  .story-wrap {
    padding: 2rem 0 0;
  }

  .events-item .event-pic img {
    max-width: 220px;
  }

  .events-item .event-pic {
    padding: 1rem 0 2rem;
  }
  .event-time-wrap {
    padding: 0 0 1.5rem;
    text-align: left;
  }

  /* Contact PAge */

  .contact-info-side {
    padding: 0;
  }
  .image-gallery-wrap {
    margin: 3rem 0 1rem;
  }
}

@media screen and (max-width: 480px) {
  p {
    font-size: 0.9rem;
  }
  .section {
    padding: 2rem 0.5rem;
  }
  .carousel-caption h1 {
    font-size: 1.7rem;
    line-height: 1.3;
  }
  .title-icon svg {
    font-size: 2.2rem;
  }
  .section-title h2 {
    font-size: 1.5rem;
  }
  .banner-content-wrap h3 {
    font-size: 1.7rem;
  }
  .banner-content-wrap .sub-title {
    font-size: 1rem;
  }
  .count-down-wrap {
    gap: 0.8rem;
  }
  .count-down-wrap span {
    font-size: 1.7rem;
  }
  .info-pic-side img {
    height: 320px;
  }

  #package .info-pic-side {
    padding: 2rem 0;
  }
  .catg-item:hover img {
    border-radius: 15%;
  }
  .achiev-pic-wrap:hover {
    border: 1px solid #b9b9b9;
  }
  .achiev-pic-wrap {
    padding: 0rem;
  }

  /* Upcoming Trips */
  .event-info .date {
    font-size: 1.5rem;
  }
  .event-info .event-title {
    font-size: 1rem;
  }
  .event-time-wrap .event-time {
    font-size: 1.2rem;
  }

  .contact-bottom-wrap h5 {
    font-size: 1rem;
  }
  .whatsapp-btn {
    padding: 0.7rem 0.5rem;
    font-size: 0.82rem;
  }

  .privacy-content-wrap h5 {
    font-size: 1.1rem;
  }

  .splide__arrow {
    width: 1.5em !important;
    height: 1.5em !important;
  }
  .splide__arrow svg {
    width: 0.9em !important;
    height: 0.9em !important;
  }
}

@media screen and (max-width: 575px) {
  .email-form-wrap .style-btn {
    margin-top: 1.5rem;
    display: block;
  }
  .family-item {
    margin-top: 2rem;
  }

  .gal-column {
    flex: 100%;
  }
}
