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

@media (max-width: 768px) {
  .navbar-icons {
    justify-content: center;
    width: 100%;
    gap: 10%;
  }

  .navbar-icons span {
    display: none;
  }

  .navbar-main {
    padding: 10px 0;
  }

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

  .moments-wrapper {
    margin-top: 20px;
  }

  .tour-item {
    margin-bottom: 20px;
  }

  .subcategory-heading {
    flex-wrap: wrap;
    justify-content: center;
  }

  .subcategory-tabs {
    gap: 3px !important;
    flex-wrap: nowrap;
  }

  .subcategory-tabs-container .nav-pills .nav-link {
    padding: 5px;
    font-size: 13px;
  }

  .subcategory-tabs-container .nav-pills .nav-link .emogi-subcategory {
    display: block;
  }

  .hero-home-content .hero-home-title {
    font-size: 32px;
    font-weight: 600;
    text-transform: capitalize;
  }

  .hero-home-content p {
    width: 100%;
  }

  .subcategory-content {
    text-align: center;
  }

  .subcategory-tabs-content p {
    max-width: 100%;
    margin: auto;
  }

  .moment-img {
    width: 50px;
    height: 80px;
  }

  .destination-card img {
    width: 40px;
    height: 40px;
  }

  .tags-arrow {
    position: relative;
  }

  .tags-main {
    padding-bottom: 10px !important;
  }

  .tags-slider {
    gap: 8px;
    padding-bottom: 30px !important;
  }

  .swiper-button-prev,
  .swiper-button-next {
    width: 28px;
    height: 28px;
  }

  .destination-card {
    margin: 10px;
  }

  .scroll-top.active {
    bottom: 70px;
    right: 10px;
    height: 40px;
    width: 40px;
  }

  /* =============  blog Page =============== */
  .blog-details-meta {
    padding: 1rem;
  }

  .blog-details-img img {
    height: 300px;
  }

  .blog-details-title h1 {
    font-size: 24px;
  }

  .blog-details-content ul {
    margin-left: 0;
  }

  /* =============  blog Page =============== */
  /*========  subcategory  ================ */

  .subcategory-container {
    display: flex;
    flex-direction: column;
  }

  .tour-type-filters {
    padding: 0;
  }

  .tours-container .tour-item,
  .tours-container.with-filter .tour-item {
    flex: 0 0 100%;
  }

  .subcategory .btn-effect {
    min-width: 100px;
  }

  .subcategory .btn-effect i {
    transform: none;
    margin: 0 !important;
    padding: 0;
  }

  .subcategory-container .category-form.visible {
    flex: 0 0 100%;
  }

  /* .tours-container.with-filter .subcategory-result{
  order: 2;
} */
  .btn-date-picker {
    font-size: 12px;
    padding: 5px;
  }

  .tour-type-wrapper {
    padding: 0;
  }

  .tour-filter-right {
    right: -10px;
  }

  .tour-filter-left {
    left: -10px;
  }

  .filter-scroll .btn-effect {
    min-width: auto;
  }

  .filter-scroll .btn-effect span {
    display: none;
  }

  /*========  subcategory  ================ */

  /*======== tour Details ================ */
  .tour-details-nav {
    overflow: hidden;
  }

  .nav-wrapper {
    overflow: scroll;
  }

  /*======== tour Details ================ */

  /*=========== cart ================ */
  .cart-item {
    flex-direction: column;
    overflow: overlay;
    margin-bottom: 20px;
  }

  .cart-img img {
    height: 150px;
    min-width: 100%;
    border-radius: 10px;
  }

  .cart-cta {
    flex-wrap: wrap;
    gap: 7px;
  }

  .cart-cta>* {
    flex: 1;
  }

  /*=========== cart ================ */

  /*=========== favourite ================ */
  .fav-tour-card {
    flex-direction: column;
  }

  .fav-tour-actions {
    flex-direction: row;
    flex-wrap: wrap;
  }

  /*=========== favourite ================ */
  /*=========== sub category =============*/
  .btn-date-picker {
    font-size: 12px;
    padding: 5px;
  }

  .tour-type-wrapper {
    padding: 0;
  }

  .filter-scroll .btn-effect {
    min-width: auto;
  }

  .filter-scroll .btn-effect span {
    display: none;
  }

  /*=========== sub category =============*/
  /*=========== contact ================ */
  .contact-box {
    margin-bottom: 20px;
  }

  /*=========== contact================ */

  /*=========== Checkout ================ */
  .order-details {
    height: auto;
    top: auto;
    margin: 20px 5px;
  }

  .order-details::before {
    position: absolute;
    content: "";
    right: -10%;
    left: -10%;
    width: 120%;
    height: auto;
    top: -5%;
    bottom: -5%;
    background-color: var(--main-grey);
    z-index: -1;
  }

  .checkout-page::before {
    background: none;
  }

  .order-summery {
    position: static;
  }

  .order-summary-item p {
    font-size: 12px;
  }

  .section-content {
    padding: 10px 0;
  }

  .checkout-page .btn-effect {
    font-size: 14px;
  }

  /*=========== Checkout ================ */

  /*=========== Transfer ================ */
  .transfer-form-wrapper {
    padding: 10px;
    margin-bottom: 20px;
  }

  .transfer-form-wrapper .tab-content {
    padding: 0;
    border: none;
  }

  .twoway-departure>* {
    flex: 1;
  }

  .step-nav span {
    font-size: 12px;
  }

  .step-nav div {
    padding: 10px 0;
  }

  .thanke-you-box {
    padding: 0;
  }

  /*=========== Transfer ================ */
  /* ============== tour Details ================*/
  .tour-card-info {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 10px;
  }

  .tour-img img {
    height: 100px;
  }

  .tour-gallery {
    grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
    gap: 10px;
  }

  .tour-heading h1 {
    font-size: 24px;
  }

  .tour-details-section.show {
    padding: 1rem 0;
  }

  .tour-details-section.show .tour-details-section-content {
    margin-top: 30px;
  }

  .tour-details-nav h3 a {
    font-size: 14px;
  }

  .tour-details-nav h3 {
    padding: 10px;
  }

  .tour-availibilty-content span,
  .tour-availibilty-btns .btn-effect {
    font-size: 14px;
  }

  /* ============== tour Details ================*/
  .blog-details-wrapper {
    padding-right: 0;
  }
  .about-us-img{
    margin: 0;
    max-width: 100%;
  }
}

@media (min-width: 990px) and (max-width: 1400px) {}