@media (max-width: 767.98px) {
    :root {
      --bs-body-font-size: 14px;
    }
}
@media (max-width: 1399.98px) {
  .arsip-item {
    font-size: 16px;
  }
  .post-meta {
    font-size: 0.6rem;
  }
  .post-meta img {
    height: 15px !important;
  }
  .share-side {
    font-size: 16px;
  }
  .share-side img {
    height: 15px !important;
  }
  .tagar-item {
    padding: 3px 20px;
    font-size: 0.6rem;
  }
  .breadcrumb-item {
    font-size: 14px;
  }
  .breadcrumb-item + .breadcrumb-item::before {
    font-size: 16px;
  }
}

@media (max-width: 767.98px) {
  .promo-home {
    border-radius: 20px;
  }
  .promo-home .container-wrap {
    padding: 100px 20px 20px;
  }
}

@media (max-width: 767.98px) {
  .hero-title {
    font-size: 1.2rem;
    letter-spacing: 0px;
    margin-bottom: 20px;
  }
}

/* News Item 4 */
@media (max-width: 1199.98px) {
  .news-item-4 {
    border-radius: 10px;
  }
  .news-item-4 .content .badge-category {
    font-size: 12px;
  }
  .news-item-4 .content .title {
    font-size: 14px;
  }
  .news-item-4 .news-img {
    height: unset;
    aspect-ratio: 1/1;
  }
  .news-item-4 .content .meta h6 {
    font-size: 9px;
  }
}
/* End News Item 4 */

@media (max-width: 767.98px) {
  .penginapan-details-item {
    padding: 20px 15px;
  }
}

@media (max-width: 767.98px) {
  .tab-buttons-wrapper .tab-buttons button {
    font-size: 12px;
    padding: 5px 20px;
    gap: 5px;
    flex-direction: column;
  }
  .tab-buttons-wrapper .tab-buttons button img {
    height: 14px;
  }
  .sm-h-100 {
      height: 100px !important;
  }
  .navbar-nav.top-navigation-menu {
    flex-direction: row;
  }
  .top-navigation-menu .nav-item .nav-link {
    min-width: 40px !important;
  }
  .top-navigation-menu .nav-item .nav-link i {
    font-size: 25px;
  }
  .logo-header-navbar {
    height: 25px;
  }
  .tour-details .tour-details-header .action-wrapper {
    justify-content: start;
  }
  .tour-details .tour-details-gallery {
    display: none;
  }
  .sidebar-profile .sidebar-list.closed {
    display: none;
  }
  .wishlist-tour-card {
    flex-direction: column;
  }
  .wishlist-tour-card .thumbnail {
    width: 100%;
  }
  .wishlist-tour-card .thumbnail a {
    aspect-ratio: 2 / 1;
  }
  .wishlist-tour-card .description {
    flex-direction: column;
  }
  .cart-tour-card {
    flex-direction: column;
  }
  .checkout-tour-card .thumbnail {
    width: 100px;
  }
  .right-sm-0 {
      right: 0 !important;
  }
  .sidebar-profile .sidebar-banner {
    aspect-ratio: 4 / 1.25;
  }
  .tab-group.hero .tab-panel .container .title {
    font-size: 40px;
  }
  .btnTabsSwiperWrapper .swiper-button-next, .btnTabsSwiperWrapper .swiper-button-prev {
      display: none;
  }
    .btn-whatsapp-pulse {
      font-size: 30px;
      padding: 25px;
    }
    .remove-nav-link-padding-x {
        gap: 5px;
    }
    .header-search {
        display: flex;
        border-radius: 20px;
        background-color: white;
        padding: 3px;
        padding-left: 0px;
        box-shadow: none;
        border: none;
    }
    .header-search .btn-search {
        padding: 5px 15px;
    }
}
@media (max-width: 991.98px) {
    .tab-buttons-wrapper .tab-buttons button {
        font-size: 12px;
        padding: 5px 20px;
        gap: 5px;
        flex-direction: column;
    }
    .navbar-nav.top-navigation-menu {
        flex-direction: row;
    }
    .header-search {
        display: flex;
        border-radius: 20px;
        background-color: white;
        padding: 3px;
        padding-left: 0px;
        box-shadow: none;
        border: none;
    }
}