@media (max-width: 1200px) {
    .hero h1 {
        font-size: 48px !important;
    }
    .hero p {
        font-size: 16px;
        max-width: 600px;
    }
    .discovery-section .cards-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    .museum-content {
        gap: 40px;
    }
    .plan-visit-content {
        gap: 50px;
    }
}

@media(max-width:1199px) {
    .plan-visit-title {
        font-size: 33px;
    }
    .journey-container {
        grid-template-columns: unset;
    }
    .journey-section .gallery-grid {
        grid-template-columns: unset;
        grid-template-rows: 1fr 0fr;
    }
    .journey-section.journey-section-2 .gallery-item.small-bottom {
        width: 100%;
        height: 222px;
    }
    .journey-section.journey-section-2 .gallery-item.large {
        width: 100%;
    }
    .journey-section.journey-section-2 .gallery-item.small-top {
        width: 100%;
    }
    item.large {
        width: 100%;
    }
    .journey-section .gallery-item.small-bottom {
        width: 100%;
        left: 0%;
    }
    .journey-section .gallery-item.small-top {
        width: 100%;
    }
    .journey-section .gallery-item.large {
        width: 100%;
        height: 220px;
    }
    .journey-section.journey-section-2 .gallery-item.small-bottom {
        width: 100%;
        left: 0%;
        height: 220px;
    }
    .journey-section.journey-section-2 .gallery-item.large {
        width: 100%;
        margin-top: 0%;
        height: 220px;
    }
}

@media (max-width: 992px) {
    .gallery-page .gallery-item {
        height: 362px;
    }
    .gallery-page .gallery-grid {
        grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
    }
    .list_card {
        min-height: auto;
    }
    .Customer_opinions .buttom_fill {
        margin-top: -53px !important;
    }
    .nav_bottom {
        display: flex !important;
    }
    .nav_mobile {
        display: flex !important;
    }
    .map_icon_card {
        display: flex;
        gap: 10px;
    }
    .map_icon_card .div {
        gap: 5px;
        padding: 7px;
    }
    .map_icon_card .div h4 {
        font-size: 9px;
    }
    .map_icon_card .div p {
        font-size: 9px;
    }
    .map_icon_card img {
        max-width: 18px;
    }
    .map_div {
        min-height: 65vh;
    }
    .nav-desktop {
        display: none !important;
    }
    .fixed-navbar {
        justify-content: space-between;
    }
    .fixed-navbar {
        justify-content: space-between;
    }
    .hero_img {
        margin-bottom: 0;
    }
    .about h2 {
        max-width: 100%;
    }
    footer {
        padding: 50px 0 0 0;
        margin-top: 50px;
    }
    .foot-puiux {
        margin-top: 50px;
        padding: 14px 0;
        font-size: 12px;
    }
    .social-icons a {
        font-size: 18px;
    }
    .social-icons {
        gap: 15px;
    }
    .row_flex_footer {
        grid-template-columns: 1fr 1fr;
    }
    .row_flex_footer> :first-child {
        grid-column: 1 / -1;
    }
    .y {
        display: block !important;
    }
    .y.lang-nav {
        display: flex !important;
    }
    .hero h1 {
        font-size: 42px !important;
    }
    .hero p {
        font-size: 15px;
        max-width: 500px;
    }
    .discovery-section .cards-container {
        grid-template-columns: 1fr;
        gap: 1.2rem;
    }
    .discovery-card {
        height: 400px;
    }
    .museum-content {
        flex-direction: column;
        text-align: center;
        gap: 40px;
    }
    .museum-text {
        order: 2;
    }
    .museum-image {
        order: 1;
        max-width: 400px;
        margin: 0 auto;
    }
    .plan-visit-content {
        flex-direction: column-reverse;
        text-align: center;
        gap: 20px;
    }
    .plan-visit-text {
        order: 1;
    }
    .faq-container {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    .gallery-item.large {
        grid-column: span 2;
    }
    .gallery-item.tall {
        grid-column: span 1;
    }
    .journey-section.journey-section-2 .gallery-item.small-top {
        height: 222px;
    }
}

@media (max-width: 768px) {




.news-intro-section .news-intro-title {
    position: relative;
    color: var(--p);
    font-size: 24px;
    text-align: center;
}




    
.shop-card-title {
    font-size: 16px;
    color: #5D473F;
    margin-top: 12px !important;
}

    
    nav.breadcrumb-pages {
        padding: 136px 10px 46px 10px;
            text-align: center;

    }.elementor-211 .elementor-element.elementor-element-225df32 {
 
    padding: 0px 0px 10px 0px  !important;
    
}
.elementor-211 .elementor-element.elementor-element-225df32 .elementor-heading-title p {
    font-size: 24px !important;
}

   .form-group textarea {
     max-height: 120px;
}
    .section-header {
    padding: 0 18px;
}.experience-card-content {
    min-height: 183px;
}
    .experience-card .card-icon {
        top: -27px;
        left: 50%;
        transform: translateX(-50%) !important;
    }
    .experience-cards-container .experience-card-content {
        padding-top: 60px;
    }
    /* Ensure text content has enough margin for the icon */
    .card-title,
    .card-description {
        margin-left: 50px;
        width: 100%;
    }
    .journey-section {
        padding: 50px 0;
    }
    .ready-to-section {
        padding: 50px 0;
        margin-bottom: -50px;
    }
    .shops-cards-sec {
        padding-top: 50px;
    }
    /* Contact Page Styles */
    .contact-page {
        padding-top: 50px;
    }
    .shops-intro-sec .shops-intro {
        padding-top: 50px;
    }
    .gallery-page {
        padding-top: 50px;
    }
    .museum-experience-section {
        padding: 50px 0;
    }
    .testimonials-section {
        padding: 50px 0;
    }
    .gallery-container {
        padding: 50px 0;
    }
    .faq {
        padding: 50px 0;
    }
    .discovery-section {
        padding: 50px 0;
    }
    .plan-visit-section {
        padding: 50px 0;
    }
    .museum-section {
        padding: 50px 0;
    }
    .journey-section {
        padding: 50px 0;
    }
    .hero .container.position-relative {
        padding-top: 50px;
    }
    .clints {
        padding: 50px 0;
    }
    .Customer_opinions {
        padding-top: 50px;
    }
    .journey-section .gallery-item.small-top {
        height: 150px;
    }
    .journey-section .gallery-item.small-bottom {
        height: 150px;
    }
    .journey-section .gallery-item.large {
        height: 150px;
    }
    .journey-section.journey-section-2 .gallery-item.small-top {
        height: 150px;
    }
    .journey-section.journey-section-2 .gallery-item.small-bottom {
        height: 150px;
    }
    .journey-section.journey-section-2 .gallery-item.large {
        height: 150px;
    }
    .journey-section .gallery-grid {
        margin: 0;
    }
    .gallery-page .gallery-grid {
        grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
    }
    .plan-visit-cards {
        grid-template-columns: repeat(1, 1fr);
        flex: unset;
        width: 100%;
        padding: 15px;
        gap: 15px;
    }
    .buttom_fill {
        padding: 10px 30px;
        font-size: 14px;
        margin: auto !important;
    }
    .owl-carousel.owl_carousel_2 .owl-stage {
        padding-bottom: 45px;
    }
    .plan-visit-section .card-content {
        text-align: start;
    }
    .owl_carousel_2 .owl-stage-outer {
        padding: 0;
    }
    .owl-nav {
        display: none !important;
    }
    .testimonials-section .owl-item {
        opacity: 1;
    }
    .hero {
        min-height: 80vh;
    }a.buttom_fill  {
padding-top:5px;
}
    footer ul li {
        font-size: 16px;
    }
    .hero h1 {
        font-size: 24px;
        padding-bottom: 15px;
    }
    .hero p {
        font-size: 16px !important;
    }
    .hero .container.position-relative {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .hero_title {
        padding: 0 15px;
    }
    /* Discovery Section */
    .discovery-section {
        padding: 60px 0;
    }
    .section-title {
        font-size: 24px;
        margin-bottom: 30px;
    }
    .discovery-card {
        height: 350px;
    }
    .card-overlay {
        padding: 1.5rem;
    }
    .card-title {
        font-size: 18px;
    }
    .card-subtitle {
        font-size: 16px;
    }
    .card-description {
        font-size: 13px;
    }
    /* Museum Section */
    .museum-section {
        padding: 60px 0;
    }
    .museum-title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .shops-intro-sec .shops-intro-h2 {
          font-size: 24px;
    }
    .museum-description {
        font-size: 16px;
        line-height: 1.7;
    }
    .row_flex_footer .p {
        font-size: 16px !important;
    }
    .museum-image {
        max-width: 100%;
        height: 300px;
        object-fit: cover;
        border-radius: 10px;
    }
    .shops-intro-sec {
    padding-top: 50px ;
}h2.shops-intro-h2  {
    padding-top: 0;
}.shops-intro.container .row.align-items-center {
    gap:0 ;
} 
.shops-card {
    
    min-height: 286px;
    
}
.shops-cards-sec .cards-title {
        font-size: 24px;
        padding-bottom: 20px !important;
    }
    .plan-visit-title {
        font-size: 24px;
        padding-bottom: 12px ;
     }
    .plan-visit-description {
        font-size: 16px;
        margin-bottom: 15px;
     }
    .plan-visit-section .info-card {
        padding: 10px;
        gap: 10px;
    }
    .plan-visit-section .card-icon {
        width: 45px;
        height: 45px;
    }
    .shops-carousel.owl-theme .owl-dots {
        padding-top: 24px !important;
    }
    .card-icon i {
        font-size: 18px;
    }
    .card-title {
        font-size: 14px;
    }
    .card-description {
        font-size: 13px;
    }
    /* Testimonials Section */
    .testimonials-section {
        padding: 60px 0;
    }
    .testimonials-section .section-title {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .testimonials-section .section-tabs {
        gap: 8px;
        padding: 8px;
    }
    .testimonials-section .owl-carousel .card-item-testimonial {
        margin: 0 20px;
    }
    .testimonials-section .carousel-container {
        margin-bottom: 1rem;
    }
    .testimonials-section .tab-btn {
        padding: 8px 20px;
        font-size: 14px;
    }
    .testimonials-section .carousel-image {
        height: 400px;
    }
    .testimonials-section .carousel-overlay {
        padding: 2rem 1.5rem 1.5rem;
    }
    .testimonials-section .carousel-title {
        font-size: 1.4rem;
    }
    .testimonials-section .carousel-description {
        font-size: 0.9rem;
    }
    /* FAQ Section */
    .faq {
        padding: 60px 0;
    }
    .faq-title {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .faq-item {
        padding: 20px 25px;
        margin-bottom: 12px;
    }
    .faq-question-text {
        font-size: 16px;
    }
    .faq-answer-content {
        font-size: 14px;
    }
    /* Gallery Section */
    .gallery-container {
        padding: 60px 0;
    }
    .gallery-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
        margin-bottom: 30px;
    }
    .gallery-item.large,
    .gallery-item.tall,
    .gallery-item.wide {
        grid-column: span 1;
        /*aspect-ratio: 4/3;*/
        aspect-ratio: unset;
    }
    .zoom-icon {
        font-size: 24px;
        width: 60px;
        height: 60px;
    }
    /* Customer Opinions */
    .Customer_opinions {
        padding-top: 60px;
    }
    .Customer_opinions .plan-visit-title {
        font-size: 28px;
        padding-bottom: 20px ;
    } 
    .card_clints {
        padding: 25px;
        min-height: 280px;
    }
    .card_clints p {
        font-size: 13px;
        line-height: 1.6;
    }
    .card_clints .title h6 {
        font-size: 16px;
    }
    /* General */
    .container {
        padding: 0 20px !important;
    }
    .row {
        gap: 20px;
    }

    p {
        font-size: 16px !important;
    }
    .card-description {
        font-size: 14px !important;
    }
    h1 {
        font-size: 24px !important;
    }
    .h2 {
        font-size: 24px;
    }.gallery-grid {
    order: 2;
}
.faq-icon {
    font-size: 18px;
    
}
p.plan-visit-description {
    padding: 0  !important;
}
.elementor-element.elementor-element-20a45e5.elementor-widget.elementor-widget-puiux_elsafia_journey_section  .journey-section {
    padding: 0  !important;
}
    .view-more-btn {
        padding: 10px 25px;
        font-size: 14px;
    }
    .museum-lines {
        display: none;
    }
    .journey-section .gallery-item.small-top {
        grid-column: 2;
        grid-row: span 1;
    }
    .journey-section .gallery-item.small-bottom {
        grid-column: 2;
        grid-row: span 2;
    }
    .journey-section .gallery-item.large {
        grid-row: span 2;
    }
    .left_nav.desktop {
        display: none !important;
    }
    

}

@media (max-width: 552px) {
      .nav_bar {
   flex-direction: row-reverse 
}
 
    .hero h1 {
        font-size: 28px !important;
    }
    /* Experience Cards Styling */
    .experience-card {
        position: relative;
        margin: 20px 0;
    }
         .experience-card::before {
        content: '';
        position: absolute;
        right: -17px;
        left: unset;
        top: 60%;
        transform: rotate(90deg) translateX(-50%);
        width: 204px;
        height: 160px;
        background-color: var(--primary-color);
    }
    .experience-card-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 15px 9px;
    }
    .card-icon {
        position: absolute;
        left: -32px;
        top: 26%;
        transform: translateY(-50%);
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
    }
   .featured.experience-card::before {
        content: '';
        position: absolute;
        right: unset;
        left: -18px;
        top: 60.5%;
        transform: rotate(90deg) translateX(-50%);
        width: 204px;
        height: 159px;
        background-color: var(--primary-color);
    }
    .experience-card.featured .card-icon {
        margin-top: -6px;
        margin-bottom: 0;
    }
    .card-icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

@media (max-width: 450px) {
    .clints_logos {
        display: grid;
        gap: 24px;
        grid-template-columns: repeat(auto-fill, minmax(115px, 1fr));
        justify-content: center;
    }
    .ready-to-section h3 {
        font-size: 32px
    }
    .journey-section.journey-section-2 .journey-container {
        display: flex;
        flex-direction: column-reverse;
    }
}

@media(max-width:376px) {
    .journey-section .gallery-item.small-top {
        height: 160px;
    }
    .journey-section .gallery-item.small-bottom {
        height: 160px;
    }
    .journey-section .gallery-item.large {
        height: 160px;
    }
}