@media (max-width: 767px) {
    .upper-navbar-right .social-media-navbar {
        display: none;
    }

    .upper-navbar-right {
        justify-content: space-between;
        gap: 0;
    }

    .btn-style-three {
        padding: 7px 86px;
        margin-top: 20px;
    }

    .gallery-list {

        grid-template-columns: 1fr 1fr;
    }

    .gallery-image img {
        width: 100%;
        height: 178px !important;
    }

    .wiki_title {
        position: absolute;
        top: 75px;
        width: 123px;
        height: 131px;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .wiki_title h3 {
        background: rgba(56, 56, 56, 0.3);
        padding: 10px 2px 11px 6px;
        border-radius: 11px;
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        text-align: left;
        color: #fff;
        backdrop-filter: blur(2px);
    }

    .gallery-item:nth-child(3) img {
        height: 383px !important;
        object-fit: cover;
    }

    .blog_cars {
        flex-direction: column;
    }

    .blog-card.one {
        flex-direction: column;
        margin-top: 0;
    }

    .blog__card {
        width: 100%;
    }

    .reviews {
        padding: 0;
        position: relative;
    }

    .video-popup-wrap .thumb img {
        width: 100%;
        height: 271px;
    }

    .main-footer {
        margin-bottom: 26px;
        padding-bottom: 60px;
    }

    .main-footer__copyright {
        margin: 0;
        font-size: 14px;
    }

    .scroll-top.active {
        bottom: 83px;
        right: 11px;
        height: 37px;
        width: 33px;
    }

    .blog-card.two {
        height: 493px;
    }

    .reviews .reviews_title h2 {
        font-size: 33px;
        font-weight: 600;
        line-height: 42px;
        text-align: left;
        color: #f8f9fa;
    }

    .reviews_desc {
        margin-bottom: 20px;
    }

    .cardReview {
        height: 343px;
    }

    .travel-tour-second .tab-content .package-box img {
        width: 379px;
    }

}


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


@media (min-width: 1025px) {}

@media (max-width: 767px) {

  /* ============== 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: 13px;
  }

  .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-heading {
    display: flex
;
    justify-content: space-between;
    flex-direction: column;
}
  /* ============== tour Details ================*/
  /*=========== Transfer ================ */

}



@media (max-width: 767px) {


    .trip-container {
        width: 100%;
        left: 0;
        padding: 16px 13px;
    }

    .trip-container .tab {

        padding: 5px 10px;
    }

    .trip-container .options {
        display: flex;
        gap: 0;
        font-size: 16px;
        justify-content: space-around;
        flex-direction: column;
        align-items: center;
    }

    .form-inline-groupSpecificity {
        flex-wrap: wrap !important;
    }


    .form-fields-wrapper {
        flex-direction: column;
    }

    .form-inline-group {
        display: flex;
        gap: 10px;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

}


@media (max-width: 1399px) {
    .newsletter-wrap {
        padding: 40px 40px;
    }

    .newsletter-wrap .newsletter-content {
        gap: 18px;
    }

    .newsletter-wrap form {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1px solid var(--white-color);
        border-radius: 100px;
        padding: 8px;
        width: 450px;
    }

    .newsletter-wrap form .subscribe {
        font-size: 16px;
        font-weight: 500;
        padding: 12px 20px;
    }
}

@media (max-width: 1199px) {
    .newsletter-wrap {
        padding: 40px 40px;
    }

    .newsletter-wrap .newsletter-content {
        gap: 18px;
    }

    .newsletter-wrap .newsletter-content img {
        width: 65px;
    }

    .newsletter-wrap .newsletter-content h2 {
        font-size: 32px;
    }

    .newsletter-wrap form {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1px solid var(--white-color);
        border-radius: 100px;
        padding: 8px;
        width: 450px;
    }

    .newsletter-wrap form .subscribe {
        font-size: 16px;
        font-weight: 500;
        padding: 12px 20px;
    }
}

@media (max-width: 991px) {
    .newsletter-wrap {
        padding: 24px 20px;
    }

    .newsletter-wrap .newsletter-content {
        gap: 14px;
    }

    .newsletter-wrap .newsletter-content img {
        width: 50px;
    }

    .newsletter-wrap .newsletter-content h2 {
        font-size: 24px;
    }

    .newsletter-wrap form {
        padding: 4px;
        width: 350px;
    }

    .newsletter-wrap form .subscribe {
        font-weight: 500;
    }
}

@media (max-width: 767px) {
    .newsletter-wrap {
        padding: 24px 20px;
        flex-wrap: wrap;
        ajustify-content: center;
        height: 81vh;
    }

    .newsletter-wrap .newsletter-content {
        flex-wrap: wrap;
        display: grid !important;
        justify-content: center;
        gap: 14px;
        margin-bottom: 18px;
    }

    .newsletter-wrap .newsletter-content img {
        width: 50px;
        margin: 0 auto;
    }

    .newsletter-wrap .newsletter-content h2 {
        font-size: 24px;
        text-align: center;
    }

    .newsletter-wrap form {
        padding: 4px;
        width: 350px;
    }

    .newsletter-wrap form input {
        font-size: 14px;
    }

    .newsletter-wrap form .subscribe {
        font-weight: 500;
        font-size: 12px;
        padding: 6px 14px;
    }

    .trip-container .tab {
        font-size: 18px;
        display: flex;
        flex-direction: column;
    }

    .btn__form {
        margin: auto;
    }

    .cta-two__content__inner {
        margin-left: 0;
        margin-right: 0px;
        max-width: 550px;
        width: 100%;
        position: relative;
        background-color: rgba(var(--gotur-white-rgb, 255, 255, 255), 0.9);
        border-radius: 10px;
        padding: 1px 18px 33px;
        bottom: 0;
    }

    .travel-tab {
        display: flex;
        justify-content: flex-start;
    }

    .offer-one__heading {
        color: var(--main-color);
        margin-bottom: 0;
    }

    .offer-one__top-title {
        font-size: 27px;
    }

    .tab_reviews {
        flex-wrap: wrap;
        padding: 10px;
    }

    .tab_reviews .btn__three {
        margin-top: 11px;
    }

    .tab_reviews img {
        width: 29%;
        margin-bottom: 7px;
    }


    .breadcrumb-box {
        flex-direction: column;
    }

    .hero-text h1 {
        font-size: 26px;
    }

    .Breadcrumb-cover {
        padding: 0 !important;
        margin-top: 101px;
    }

    .breadcrumb-box {
        min-height: 250px;
        height: 250px;
        padding-inline: 0;
        flex-direction: column;
        justify-content: center;
    }

    .category-info {
        min-height: auto;
    }

    .breadcrumb-nav {
        padding: 0;
    }

    .hero-cap h1 {
        font-size: 26px;
    }

    .section-title-para {
        width: 100% !important;
    }

    .owl-nav {
        display: none !important;
    }



    .travel-tour_second {
        display: none;
    }

    .travel-tour-second_mobile {
        display: block !important;
    }

    .travel-tour-second_mobile .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: -1px !important;
    }

    .travel-tour-second .tab-content .package-box {
        margin-bottom: 35px;
    }

    .travel-tour-second_mobile .swiper-slide {
        width: 85% !important;
    }

    .swiper-slide {
        width: 100% !important;
    }
    .text-area{
        display: none;
    }

    .image-box {
        margin-bottom: 0;
        display: none;
    }

.second-tours .swiper-slide-img img {
    width: 100%;
    height: 449px !important;
}

.bg-gray {
    border-bottom: 1px solid #ccc;
    padding-bottom: 6px;
    background-color: #ffff;
}

.navbar.is-fixed {
  top: 46px;
}
.right-btn , .left-btn{
  display: none;
}
}


@media (max-width: 768px) {
    .desc {
        max-height: 200px;
    }
    blog__section {
    display: flex
;
    flex-direction: column;
}
.highlights_container .extraInfo-wrapper {
    flex: 1;
    padding-right: 1rem;
    margin-top: 11px;
}

}

@media (max-width: 991px) {
    .banner-ad .swiper-slide {
      min-height: 426px;
      height: 26vh;
    }
  
    .category-parent .category-item {
      margin-bottom: 20px;
    }
  
    .offer-one {
      background-position: right;
    }
  
    .tailor-made .btn-style-three {
      padding: 7px 15px;
    }
  
    .section-title h2 {
      font-size: 25px;
    }
  
    .feature img {
      width: 15%;
    }
  
    .deal-meta {
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      gap: 8px;
    }

    input[type="date"], input[type="month"], input[type="text"], input[type="number"] {
        border-radius: 10px;
    }
    .left-side-ballon {
    display: none;
    }
  }

 /* هنا تحطي تنسيقات اللابتوب */

@media (min-width: 1024px) and (max-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1233px;
    }
    .cta-two__content__inner {
        margin-left: 26px;
        margin-right: 0px;
        padding: 29px 50px 31px;
        bottom: 4px;
    }
    .subscribe-circle span {
        width: 352px;
        height: 333px;
    }

    .travel-tour-second .tab-content .package-box h6 {
        font-size: 16px;
     }
     .travel-tour-second .tab-content .package-box span.d-inline-block {
        margin-right: 10px;
    }
    .navbar-nav {
        gap: 9px;
    }



}