@media (max-width: 1240px) {
    .menu-categories-section .menu-grid .menu-items{ gap: 30px 60px; }
    .menu-categories-section .menu-grid .menu-items .menu-title { width:260px; }
}
@media (max-width: 1200px) {
    header.main-header .main-navigation .nav-item{ padding: 5px; }
    header.main-header .main-navigation .phone-section{ min-width: 180px; padding-left: 10px; }
    .menu-categories-section .menu-grid .menu-items .menu-title { width:260px; }
    .food-content-section .food-categories .swiper .swiper-slide .food-category{ min-width: 100%; }
}

@media (max-width: 1100px) {
    .mt-30,.mt-35{ margin-top: 25px; }
    .mt-40{ margin-top: 30px; }
    .mt-45{ margin-top: 35px; }
    .mt-50{ margin-top: 40px; }

    .mb-30, .mb-35{ margin-bottom: 25px; }
    .mb-40{ margin-bottom: 30px; }
    .mb-45{ margin-bottom: 35px; }
    .mb-50{ margin-bottom: 40px; }

    .pt-30, .pt-35{ padding-top: 25px; }
    .pt-40{ padding-top: 30px; }
    .pt-45{ padding-top: 35px; }
    .pt-50{ padding-top: 40px; }

    .pb-30, .pb-35{ padding-bottom: 25px; }
    .pb-40{ padding-bottom: 30px; }
    .pb-45{ padding-bottom: 35px; }
    .pb-50{ padding-bottom: 40px; }

    header.main-header .main-navigation{ gap: 6px;}
    header.main-header .main-navigation .nav-item .nav-link{ font-size: 16px; }
    header.main-header .main-navigation .phone-section{ min-width: auto; }
    header.main-header .main-navigation .phone-section .phone-number{ font-size: 14px; }
    .restaurant-menu-shortcode .filter-buttons, 
    .gallery-item-shortcode .filter-buttons{
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 10px;
    }
    .section-header { margin-bottom: 35px; }
    .section-header .section-title,
    .about-story-section .main-content-wrapper .about-section-header .about-section-title h2,
    .content-image-title-section .main-content-wrapper .section-content .section-title h2{ font-size: 38px; }
    .section-header .section-subtitle{ font-size: 28px; }
    .page-title-section .section-wrapper .page-title{ font-size: 65px;}
    .page-title-section.archive-header .archive-subtitle{ font-size: 32px;}
    .menu-categories-section .menu-grid .menu-items{ gap: 30px; }
    .menu-categories-section .menu-grid .menu-items .menu-card{ height: 160px; }
    .menu-categories-section .menu-grid .menu-items .menu-card-content{ padding: 0 20px 0 50px; }
    .menu-categories-section .menu-grid .menu-items .menu-text{ font-size: 26px; }
    .menu-categories-section .menu-grid .menu-items .menu-image{ max-width: 100px; }

    .testimonials-section .testimonial-content{ margin-top: 35px; }
    .testimonials-section .testimonial-content .testimonial-card .testimonial-inner{ min-height: 400px; height: 400px; }
    .testimonials-section .testimonial-content .testimonial-card .customer-name{ font-size: 27px; }
    .testimonials-section .testimonial-content .testimonial-card .customer-title{ font-size: 18px; }
    .testimonials-section .testimonial-content .testimonial-card .testimonial-quote{ font-size: 15px; }
    .testimonials-section .testimonial-content .testimonial-card::before, 
    .testimonials-section .testimonial-content .testimonial-card::after{ width: 45px; height: 40px; }
    .testimonials-section .testimonial-content .testimonial-card::before{ top: 22%; left: 19%; }
    .testimonials-section .testimonial-content .testimonial-card::after{ bottom: 28%; right: 16%; }

    .contact-gallery-section .contact-gallery-content{ gap: 30px; padding-bottom: 20px; }
    .contact-gallery-section .contact-gallery-content .contact-form-section{ min-width: auto; }
    .contact-gallery-section .contact-gallery-content .contact-form-section .contact-form-container{ padding: 20px 20px 5px; }
    .contact-gallery-section .contact-gallery-content .contact-form-section .form-title{ font-size: 25px; }
    .contact-gallery-section .contact-gallery-content .gallery-section .instagram-handle{ font-size: 45px; line-height: 50px; }
    .contact-gallery-section .contact-gallery-content .gallery-section .instagram-icon{ width: 60px; }
    .contact-gallery-section .contact-gallery-content .contact-form-section form.wpcf7-form input[type='text'], 
    .contact-gallery-section .contact-gallery-content .contact-form-section form.wpcf7-form input[type='email'], 
    .contact-gallery-section .contact-gallery-content .contact-form-section form.wpcf7-form input[type='password'], 
    .contact-gallery-section .contact-gallery-content .contact-form-section .form-input{ padding: 15px; font-size: 15px; }
    .contact-gallery-section .contact-gallery-content .contact-form-section form.wpcf7-form input[type='submit'], 
    .contact-gallery-section .contact-gallery-content .contact-form-section .submit-button{ font-size: 15px; margin-top: 20px; }

    .food-content-section.layout-2 .container .section-wrapper .section-header{ /* margin-bottom: 150px; */ }
    .food-content-section .food-categories .swiper .swiper-slide .food-category .category-title,
    .restaurant-menu-shortcode .menu-items-list .menu-items .menu-item .item-title,
    .our-teams-shortcode .our-teams-list .our-team-members-data .team-member .team-member-title{ font-size: 20px; }
    .food-content-section .food-categories .swiper .swiper-slide .food-category .category-info .item-tags .item-tag,
    .restaurant-menu-shortcode .menu-items-list .menu-items .menu-item .item-tags .item-tag{ font-size: 13px; }
    .food-content-section .food-categories .swiper .swiper-slide .food-category .category-description,
    .restaurant-menu-shortcode .menu-items-list .menu-items .menu-item .item-description,
    .our-teams-shortcode .our-teams-list .our-team-members-data .team-member .team-member-description{ font-size: 12px; }
    .primary-button .menu-button,
    .food-content-section .view-menu-button .menu-button,
    .restaurant-menu-shortcode #load-more-btn, 
    .our-teams-shortcode #load-more-team-btn,
    .restaurant-menu-shortcode .menu-items-list .view-menu-button .menu-button{ font-size: 16px; padding: 10px 15px; }
    
    .about-story-section .main-content-wrapper .about-section-content .about-content-text, 
    .about-story-section .main-content-wrapper .about-section-content .about-content-text *,
    .content-image-title-section .main-content-wrapper .section-content .content-text, 
    .content-image-title-section .main-content-wrapper .section-content .content-text *{ font-size: 18px; }
    .contact-info-and-form-section .main-content-wrapper{ gap:30px; }
    .contact-info-and-form-section .contact-info-section,
    .contact-info-and-form-section .contact-form-section{ padding: 20px; gap: 35px; }
    .contact-info-and-form-section .contact-info-section .contact-details .contact-header,
    .contact-info-and-form-section .contact-info-section .location-section,
    .contact-info-and-form-section .contact-info-section .social-section{ gap:15px; }
    .contact-info-and-form-section .contact-info-section .section-title{ font-size: 20px; }
    .contact-info-and-form-section .contact-info-section .contact-details .description-text{ font-size: 15px; }
    .contact-info-and-form-section .contact-info-section .contact-details { gap: 35px; }
    .contact-info-and-form-section .contact-info-section .contact-details .contact-methods .contact-text, 
    .contact-info-and-form-section .contact-info-section .contact-details .contact-methods .contact-text a{ font-size: 16px; line-height: 20px; }
    .contact-info-and-form-section .contact-info-section .contact-details .contact-methods .contact-icon{ width: 16px; height: 16px; }
    .contact-info-and-form-section .contact-info-section .contact-details .contact-methods{ gap: 12px; }
    .contact-info-and-form-section .contact-info-section .location-section .location-details .address-text,
    .contact-info-and-form-section .contact-info-section .location-section .location-details .direction-text, 
    .contact-info-and-form-section .contact-info-section .location-section .location-details .direction-text a { font-size: 15px; line-height: 20px; }
    .contact-info-and-form-section .contact-info-section .location-section .location-details .direction-icon{ width: 14px; height: 16px; }
    .contact-info-and-form-section .contact-form-section .form-container .form-content{ padding: 40px 25px 20px; gap:15px; }
    .contact-info-and-form-section .contact-form-section .form-container .form-content .form-header { margin-bottom: 15px; }
    .contact-info-and-form-section .contact-form-section .form-container .form-content .form-header .form-logo{ max-width: 65px; }
    .contact-info-and-form-section .contact-form-section .form-container .form-content .form-header .form-title{ font-size: 22px; }
    .contact-info-and-form-section .contact-form-section .form-container .form-content .contact-form .privacy-notice .privacy-text,
    .contact-info-and-form-section .contact-form-section .form-container .form-content .contact-form .privacy-notice .privacy-link { font-size: 13px; }
    .contact-info-and-form-section .contact-form-section .form-container .form-content .contact-form input[type='text'], .contact-info-and-form-section .contact-form-section .form-container .form-content .contact-form input[type='email'], .contact-info-and-form-section .contact-form-section .form-container .form-content .contact-form input[type='tel'], .contact-info-and-form-section .contact-form-section .form-container .form-content .contact-form textarea{ padding: 12px 20px; font-size: 13px; }
    .contact-info-and-form-section .contact-form-section .form-container .form-content .submit-button{ padding: 12px 20px; font-size: 14px;}
    .contact-info-and-form-section .contact-form-section .form-container .form-content .submit-button span:after{ width: 15px; height: 15px; }

    .hours-content-section .main-content-wrapper{ gap:30px; padding: 30px; }
    .hours-content-section .hours-content .hours-title{ font-size: 35px; }
    .hours-content-section .hours-content .hours-list .hours-item{ font-size: 18px; }
    .hours-content-section .special-info-section .special-info-content .special-info-logo{ max-width: 65px; }
    .hours-content-section .special-info-section .special-info-content .happy-hour-text, 
    .hours-content-section .special-info-section .special-info-content .walk-in-text{ font-size: 20px; }

    .other-restaurant-info-section .main-content-wrapper .restaurant-content { gap:35px; }
    .other-restaurant-info-section .main-content-wrapper .restaurant-content .restaurant-name { font-size: 35px; }
    .other-restaurant-info-section .main-content-wrapper .restaurant-content .restaurant-subtitle{ font-size: 30px; }
    
    .archive-wrapper .content-area .content-with-sidebar{ gap:40px; }
    .archive-wrapper .content-area .content-with-sidebar .sidebar-area{ max-width: 400px; }
    .archive-wrapper .content-area .content-with-sidebar .archive-content{ max-width: 1200px; }
    .archive-wrapper .content-area .content-with-sidebar .sidebar-area .widget_block .wp-block-heading{ font-size: 30px; line-height: 35px; }
    .archive-wrapper .content-area .content-with-sidebar .sidebar-area .widget_block.widget_categories .wp-block-categories-list .cat-item a,
    .archive-wrapper .content-area .content-with-sidebar .sidebar-area .widget_block.widget_recent_entries .wp-block-latest-posts a.wp-block-latest-posts__post-title, 
    .archive-wrapper .content-area .content-with-sidebar .sidebar-area .widget_block.widget_recent_entries .wp-block-latest-posts .wp-block-latest-posts__post-date, .archive-wrapper .content-area .content-with-sidebar .sidebar-area .widget_block.widget_tag_cloud .tag-cloud-link{ font-size: 16px !important; line-height: 23px; }
    .archive-wrapper .content-area .content-with-sidebar .sidebar-area .widget_block.widget_recent_entries .wp-block-latest-posts .wp-block-latest-posts__featured-image{ width: 85px; }
    .archive-wrapper .content-area .content-with-sidebar .archive-content .entry-header-inner .entry-title, .archive-wrapper .content-area .content-with-sidebar .archive-content .entry-header-inner .entry-title a{ font-size: 26px; line-height: 33px; }

    .related-posts .seprater-section,
    .comments-wrapper .seprater-section { margin-top: 10px; }
    .related-posts .related-posts-list .related-post a.feature-img img{ height: 200px; }
    .related-posts .related-posts-list .related-post .post-title{ margin: 15px 0 5px; font-size: unset; }
    .related-posts .related-posts-list .related-post .post-title a{ font-size: 18px; line-height: 25px; }
    .related-posts .related-posts-list .related-post .post-meta .author, 
    .related-posts .related-posts-list .related-post .post-meta .date{ font-size: 15px; line-height: 20px; }
    .comments-wrapper .comments-inner .comment .comment-body .comment-author, 
    .comments-wrapper .comments-inner .comment .comment-body .comment-author *{ font-size: 18px; line-height: 22px; }
    .comments-wrapper .comments-inner .comment .comment-body .comment-metadata, 
    .comments-wrapper .comments-inner .comment .comment-body .comment-metadata *,
    .comments-wrapper .comments-inner .comment .comment-body .comment-content.entry-content, 
    .comments-wrapper .comments-inner .comment .comment-body .comment-content.entry-content *,
    .comments-wrapper .comments-inner .comment .comment-body .comment-footer-meta .comment-reply-link{ font-size: 16px; line-height: 20px; }
    .comments-wrapper form.section-inner .comment-notes, 
    .comments-wrapper form.section-inner .comment-notes *, 
    .comments-wrapper form.section-inner .comment-notes a, 
    .comments-wrapper form.section-inner .logged-in-as, 
    .comments-wrapper form.section-inner .logged-in-as *, 
    .comments-wrapper form.section-inner .logged-in-as a,
    .comments-wrapper form.section-inner label, 
    .comments-wrapper form.section-inner input[type='text'], 
    .comments-wrapper form.section-inner input[type='email'], 
    .comments-wrapper form.section-inner input[type='url'], 
    .comments-wrapper form.section-inner textarea{ font-size: 16px; line-height: 20px; }
    .comments-wrapper form.section-inner input[type='text'], 
    .comments-wrapper form.section-inner input[type='email'], 
    .comments-wrapper form.section-inner input[type='url'], 
    .comments-wrapper form.section-inner textarea{ padding: 10px; }
    .comments-wrapper form.section-inner input[type='submit'], 
    .comments-wrapper form.section-inner button{ padding: 10px 35px; }
    
    .content-section h1{ font-size: 38px; }
    .content-section h2{ font-size: 36px; }
    .content-section h3{ font-size: 32px; }
    .content-section h4{ font-size: 28px; }
    .content-section h5{ font-size: 22px; }

    footer.main-footer .footer-content .footer-top { padding-top: 50px; padding-bottom: 30px; }
    footer.main-footer .footer-content .footer-top .restaurant-name,
    footer.main-footer .footer-content .footer-top .explore-title{ font-size: 16px; }
    footer.main-footer .footer-content .footer-top .address,
    footer.main-footer .footer-content .footer-top .contact-info,
    footer.main-footer .footer-content .footer-top .email-info,
    footer.main-footer .footer-content .footer-top .hours-text,
    footer.main-footer .footer-content .footer-top .footer-links{ font-size: 14px; }
    footer.main-footer .footer-content .footer-top .hours-title{ font-size: 22px; }
    footer.main-footer .footer-content .footer-top .hours-main{ font-size: 13px; }
    footer.main-footer .footer-content .footer-top .hours-sub{ font-size: 15px; }
    footer.main-footer .footer-content .footer-top .tripadvisor-widget .rating-description{ font-size: 13px; }
    footer.main-footer .footer-content .footer-top .social-widget .social-title{ font-size: 18px; }
    footer.main-footer .footer-content .footer-top .social-widget .hashtag-button{ font-size: 16px; }
    footer.main-footer .footer-content .footer-top .location-icon{ width: 12px; }
    footer.main-footer .footer-content .footer-top .contact-icon{ width: 15px; }
    footer.main-footer .footer-content .footer-top .hours-icon{ width: 13px; }
    footer.main-footer .footer-content .footer-top .explore-icon-img{ width: 18px; }
    footer.main-footer .footer-content .footer-top .tripadvisor-widget .widget-title{ font-size: 22px; }
    footer.main-footer .footer-content .footer-bottom{ font-size: 13px; }
}
@media (max-width: 1000px) {
    header.main-header{ position: relative; }
    header.main-header .main-navigation.desktop-navigation{ display: none; }
    header.main-header .responsive-section.mobile-nav-toggle{
        position: relative;
        display: flex;
        align-items: center;
        gap: 20px;
    }
    header.main-header .responsive-section.mobile-nav-toggle .phone-section img.phone-icon{ width: 20px; }
    header.main-header .responsive-section.mobile-nav-toggle .phone-section .phone-number{ font-size: 0px; }
    header.main-header .heder-wrapper{ justify-content: space-between; align-items: center; }
    .restaurant-menu-shortcode .filter-buttons, 
    .gallery-item-shortcode .filter-buttons{ grid-template-columns: repeat(4, 1fr); }
    .comments-wrapper .comments-inner .comment .comment-body{ margin-left: 0px; }
}
@media (max-width: 991px) {
    .mt-20,.mt-25{ margin-top: 15px; }
    .mt-35{ margin-top: 20px; }
    .mt-40{ margin-top: 25px; }
    .mt-45{ margin-top: 30px; }
    .mt-50{ margin-top: 35px; }

    .mb-20,.mb-25{ margin-bottom: 15px; }
    .mb-35{ margin-bottom: 20px; }
    .mb-40{ margin-bottom: 25px; }
    .mb-45{ margin-bottom: 30px; }
    .mb-50{ margin-bottom: 35px; }

    .pt-20,.pt-25{ padding-top: 15px; }
    .pt-35{ padding-top: 20px; }
    .pt-40{ padding-top: 25px; }
    .pt-45{ padding-top: 30px; }
    .pt-50{ padding-top: 35px; }

    .pb-20,.pb-25{ padding-bottom: 15px; }
    .pb-35{ padding-bottom: 20px; }
    .pb-40{ padding-bottom: 25px; }
    .pb-45{ padding-bottom: 30px; }
    .pb-50{ padding-bottom: 35px; }

    .page-not-found-section .img-404 img{ max-width: 200px; }
    .page-not-found-section *,
    .page-not-found-section .search-form *{ font-size: 16px; }
    .page-not-found-section .search-form input[type='search']{ padding: 10px 20px; }
    
    .swiper .swiper-button-next::after,
    .swiper .swiper-button-prev::after {
        font-size: 25px;
    }
    .food-slider-container.swiper .swiper-button-next,
    .food-slider-container.swiper .swiper-button-prev {
        width: 35px;
        height: 35px;
    }
    .food-slider-container.swiper .swiper-button-next::after,
    .food-slider-container.swiper .swiper-button-prev::after {
        font-size: 15px;
    }
    .page-container { padding-left: 20px; }
    .homepage { max-width: 100%;}
    .hero-banner .banner-video-section{ min-height: 250px; }
    header.main-header { max-width: 100%; }
    header.main-header .main-navigation { max-width: 100%; }
    header.main-header .main-navigation .nav-item { white-space: initial; }
    .section-flag-img{ padding-bottom: 5px; }
    .section-header{ margin-top: 15px; }
    .section-header .section-icon { width: 60px; }
    .section-header .section-title,
    .about-story-section .main-content-wrapper .about-section-header .about-section-title h2,
    .content-image-title-section .main-content-wrapper .section-content .section-title h2 { font-size: 30px; }
    .section-header .section-subtitle { font-size: 22px; }
    .page-title-section .section-wrapper .page-title{ font-size: 55px;}
    .page-title-section.archive-header .archive-subtitle{ font-size: 28px;}
    .page-title-section .section-wrapper .page-description p{ font-size: 16px; }
    .menu-categories-section { max-width: 100%; }
    .menu-categories-section .menu-grid { max-width: 100%; margin-top: 40px; }
    .menu-categories-section .menu-grid .menu-items{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
    .menu-categories-section .menu-grid .menu-items .menu-card{ height: 120px; justify-content: center; flex-direction: column; align-items: flex-end; }
    .menu-categories-section .menu-grid .menu-items .menu-card:nth-child(even){ -webkit-mask-image: url(./../images/menu-bg-color.png); }
    .menu-categories-section .menu-grid .menu-items .menu-card:nth-child(even) .menu-card-content{ flex-direction: row; }
    .menu-categories-section .menu-grid .menu-items .menu-image,
    .menu-categories-section .menu-grid .menu-items .menu-card:nth-child(even) .menu-image{ margin-left: unset; margin-right: 30px; max-width: 75px; }
    .menu-categories-section .menu-grid .menu-items .menu-card:nth-child(even) .menu-title{ justify-content: flex-end; text-align: right; }
    .menu-categories-section .menu-grid .menu-items .menu-card-content{ padding: 0 20px; }
    .menu-categories-section .menu-grid .menu-items .menu-title{ max-width: 220px; width: 100%; }
    .menu-categories-section .menu-grid .menu-items .menu-text{ font-size: 18px; }
    
    .sitemap-content h2 { font-size: 30px; }
    .sitemap-content  .sitemap-section ul.sitemap-item li a { font-size: 15px; min-width: 120px; padding: 8px 12px; }

    .food-content-section .food-categories .swiper .swiper-slide .food-category .masked-image,
    .food-content-section.layout-2 .food-categories .swiper .swiper-slide .food-category .masked-image{ max-width: calc(100% - 12px); }
    .food-content-section .food-categories .swiper .swiper-slide .food-category .category-title,
    .restaurant-menu-shortcode .menu-items-list .menu-items .menu-item .item-title,
    .our-teams-shortcode .our-teams-list .our-team-members-data .team-member .team-member-title{ font-size: 16px; }
    .restaurant-menu-shortcode .menu-items-list .menu-items,
    .our-teams-shortcode .our-teams-list .our-team-members-data{ gap:20px; }
    .food-content-section .food-categories .swiper .swiper-slide .food-category .category-info .item-tags .item-tag,
    .restaurant-menu-shortcode .menu-items-list .menu-items .menu-item .item-tags .item-tag{ font-size: 12px; }
    .food-content-section .food-categories .swiper .swiper-slide .food-category .category-description,
    .restaurant-menu-shortcode .menu-items-list .menu-items .menu-item .item-description,
    .our-teams-shortcode .our-teams-list .our-team-members-data .team-member .team-member-description,
    .our-teams-shortcode .our-teams-list .our-team-members-data .team-member .team-member-content{ font-size: 11px; }
    .restaurant-menu-shortcode .menu-items-list .menu-items .menu-item .masked-image,
    .our-teams-shortcode .our-teams-list .our-team-members-data .team-member .masked-image{ width: 260px; height: 230px; }
    .restaurant-menu-shortcode .filter-buttons, 
    .gallery-item-shortcode .filter-buttons{ grid-template-columns: repeat(4, 1fr); }
    .food-content-section .food-categories .swiper .swiper-slide .food-category{ min-width: calc(100% - 20px); padding-left: 10px; padding-right: 10px; }
    .food-content-section .food-categories .swiper .swiper-slide .food-category .masked-image,
    .food-content-section .food-categories .swiper .swiper-slide .food-category .category-image{ max-width: 100%; }
    .primary-button .menu-button,
    .food-content-section .view-menu-button .menu-button,
    .restaurant-menu-shortcode #load-more-btn, 
    .our-teams-shortcode #load-more-team-btn,
    .restaurant-menu-shortcode .menu-items-list .view-menu-button .menu-button{ font-size: 14px; padding: 10px 12px; }
    .food-content-section .food-categories { max-width: 100%; }
    .primary-button{ margin-top: 20px; }
    .food-content-section .view-menu-button { margin-top: 40px; }
    .food-row { max-width: 100%; margin-bottom: 40px; }
    .virtual-tour-section,
    .hours-content-section,
    .other-restaurant-info-section,
    .seprater-section img.divider-image { padding: 0; margin: 15px 0px; }
    .hours-content-section .main-content-wrapper { flex-direction: column; max-width: 550px; width:100%; margin: 0 auto; padding: 20px; }
    .hours-content-section .hours-content .hours-title { font-size: 32px; }
    .hours-content-section .hours-content .hours-list .hours-item { font-size: 16px; }
    .hours-content-section .special-info-section .special-info-content .happy-hour-text,
    .hours-content-section .special-info-section .special-info-content .walk-in-text { font-size: 18px; }

    .button-section .button{ font-size: 16px; line-height: 22px; padding: 10px 25px; }

    .about-story-section .main-content-wrapper .about-section-content{ margin-top: 35px; gap: 30px; }
    .testimonial-modal-content { font-size: 16px; line-height: 1.4em; }
    .testimonial-modal-content.cloud .container, 
    .testimonial-modal-content.no-cloud .container{ padding-bottom: 30px; }
    .testimonials-section .testimonial-content { max-width: 500px; margin-top: 20px; padding: 0 20px; }
    .testimonials-section .testimonial-content .testimonial-card .client-img{ max-width: 100px; margin-top: -40px; }
    .testimonials-section .testimonial-content .testimonial-card { max-width: 400px; width: 100%; }
    .testimonials-section .testimonial-content .testimonial-card::before, 
    .testimonials-section .testimonial-content .testimonial-card::after{ width: 40px; height: 35px; }
    .testimonials-section .testimonial-content .testimonial-card::before{ top: 20%; left: 15%; }
    .testimonials-section .testimonial-content .testimonial-card::after{ bottom: 27%; right: 11%; }
    .testimonials-section .testimonial-content .testimonial-card .customer-name{ font-size: 22px; }
    .testimonials-section .testimonial-content .testimonial-card .customer-title{ font-size: 17px; }
    .testimonials-section .testimonial-content .testimonial-card .testimonial-quote{ font-size: 15px; }
    .testimonials-section .testimonial-content .testimonial-card .testimonial-inner { max-width: 100%; padding: 0 20px 85px; min-height: 350px; height: 350px; }
    .testimonials-section .testimonial-content .testimonial-card .testimonial-text { margin-bottom: 10px; }
    .testimonials-section .testimonial-content .testimonial-card .testimonial-decoration{ width: 60px; left: 17%; }
    .testimonials-section .testimonial-content .swiper-pagination { margin-top: 0px; bottom: 15px; }

    .contact-gallery-section .contact-gallery-content{ gap:20px; /*padding-top: 15%; */ padding-bottom: 15px; padding-top: 15px; }
    .contact-gallery-section .contact-gallery-content .contact-form-section .form-title { font-size: 20px; }
    .contact-gallery-section .contact-gallery-content .contact-form-section .message-icon{ width: 25px; }
    .contact-gallery-section .contact-gallery-content .contact-form-section .contact-form{ margin-top: 20px; }
    .contact-gallery-section .contact-gallery-content .gallery-section { max-width: 100%; }
    .contact-gallery-section .contact-gallery-content .gallery-section .instagram-icon{ width: 50px; }
    .contact-gallery-section .contact-gallery-content .gallery-section .gallery-header { max-width: 100%; white-space: initial; }
    .contact-gallery-section .contact-gallery-content .gallery-section .instagram-handle { max-width: 100%; font-size: 35px; }
    .contact-gallery-section .contact-gallery-content .gallery-section .gallery-grid { max-width: 100%; }
    .contact-gallery-section .contact-gallery-content .gallery-section .gallery-row { max-width: 100%; }
    .contact-gallery-section .contact-gallery-content .contact-form-section { max-width: 100%; }
    .contact-gallery-section .contact-gallery-content .contact-form-section .contact-form { max-width: 100%; }
    .contact-gallery-section .contact-gallery-content .contact-form-section form.wpcf7-form input[type='text'],
    .contact-gallery-section .contact-gallery-content .contact-form-section form.wpcf7-form input[type='email'],
    .contact-gallery-section .contact-gallery-content .contact-form-section form.wpcf7-form input[type='password'],
    .contact-gallery-section .contact-gallery-content .contact-form-section form.wpcf7-form textarea,
    .contact-gallery-section .contact-gallery-content .contact-form-section .form-textarea, 
    .contact-gallery-section .contact-gallery-content .contact-form-section .form-input { max-width: 100%; padding: 12px; font-size: 14px; }
    .contact-gallery-section .contact-gallery-content .contact-form-section form.wpcf7-form input[type='submit'],
    .contact-gallery-section .contact-gallery-content .contact-form-section .submit-button { max-width: 100%; padding: 15px; font-size: 14px; }
    .comments-wrapper .comments-inner div.comment:first-of-type{ margin-top: 25px; }
    .contact-info-and-form-section,
    .seprater-section img.divider-image{ margin: 15px 0px; }
    .contact-info-and-form-section .main-content-wrapper { flex-direction: column; justify-content: center; align-items: center; }
    .contact-info-and-form-section .contact-info-section,
    .contact-info-and-form-section .contact-form-section { max-width: 550px; width: 100%; border-radius: 10px; }
    
    .other-restaurant-info-section .main-content-wrapper .restaurant-overlay { padding: 30px 20px; }
    .other-restaurant-info-section .main-content-wrapper .restaurant-content .restaurant-name { font-size: 30px; }
    .other-restaurant-info-section .main-content-wrapper .restaurant-content .restaurant-subtitle { font-size: 25px; }
    .other-restaurant-info-section .main-content-wrapper .restaurant-content .restaurant-menu-items .restaurant-menu-text,
    .other-restaurant-info-section .main-content-wrapper .restaurant-content .restaurant-menu-items .restaurant-menu-text a { font-size: 15px; }
    .other-restaurant-info-section .main-content-wrapper .restaurant-content .visit-text, 
    .other-restaurant-info-section .main-content-wrapper .restaurant-content .visit-text a{ font-size: 16px; }
    
    .archive-wrapper .content-area .content-with-sidebar{ gap: 40px;  flex-wrap: wrap; }
    .archive-wrapper .content-area .content-with-sidebar .sidebar-area{ max-width: 100%; }
    .archive-wrapper .content-area .content-with-sidebar .sidebar-area .widget_block.widget_recent_entries .wp-block-latest-posts a.wp-block-latest-posts__post-title{ padding-top: 3%; }
    .archive-wrapper .content-area .content-with-sidebar .sidebar-area .widget_block.widget_tag_cloud .wp-block-tag-cloud{     grid-template-columns: repeat(3, 1fr); }
    .archive-wrapper .content-area .content-with-sidebar .archive-content{ gap: 30px; }
    .pagination-wrapper .pagination .nav-links .page-numbers{ font-size: 16px; line-height: normal;  height: 30px; width: 30px; }
    .pagination-wrapper .pagination .nav-links{ margin: 0px; justify-content: center; }
    .related-posts .related-posts-list{ gap: 15px; }
    .related-posts .related-posts-list .related-post a.feature-img img{ height: 180px; }
    .related-posts .related-posts-list .related-post .post-title a,
    .singular .pagination-single a{ font-size: 16px; line-height: 20px; }
    .related-posts .related-posts-list .related-post .post-meta .author, 
    .related-posts .related-posts-list .related-post .post-meta .date{ font-size: 14px; line-height: 18px; }
    .comments-wrapper form.section-inner .comment-notes, 
    .comments-wrapper form.section-inner .logged-in-as{ margin-bottom: 20px; }
    .comments-wrapper form.section-inner{ padding: 20px; }
    .comments-wrapper form.section-inner .comment-notes, 
    .comments-wrapper form.section-inner .comment-notes *, 
    .comments-wrapper form.section-inner .comment-notes a, 
    .comments-wrapper form.section-inner .logged-in-as, 
    .comments-wrapper form.section-inner .logged-in-as *, 
    .comments-wrapper form.section-inner .logged-in-as a,
    .comments-wrapper form.section-inner label, 
    .comments-wrapper form.section-inner input[type='text'], 
    .comments-wrapper form.section-inner input[type='email'], 
    .comments-wrapper form.section-inner input[type='url'], 
    .comments-wrapper form.section-inner textarea,
    .comments-wrapper form.section-inner input[type='submit'], 
    .comments-wrapper form.section-inner button{ font-size: 14px; line-height: 18px; }
    .comments-wrapper form.section-inner input[type='text'], 
    .comments-wrapper form.section-inner input[type='email'], 
    .comments-wrapper form.section-inner input[type='url'], 
    .comments-wrapper form.section-inner textarea{ padding: 10px; }
    .comments-wrapper form.section-inner input[type='submit'], 
    .comments-wrapper form.section-inner button{ padding: 10px 35px; }

    .content-section h1{ font-size: 30px; }
    .content-section h2{ font-size: 28px; }
    .content-section h3{ font-size: 26px; }
    .content-section h4{ font-size: 24px; }
    .content-section h5{ font-size: 20px; }

    footer.main-footer { max-width: 100%; margin-top: 0px; }
    footer.main-footer .footer-content { max-width: 100%; }
    footer.main-footer .footer-content .footer-top .container{
        gap: 25px; 
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    footer.main-footer .footer-content .footer-top{ padding-top: 35px; }
    footer.main-footer .footer-content .footer-top .footer-info { max-width: 100%; min-width: 100%; gap: 20px; }
    footer.main-footer .footer-content .footer-top .footer-logo-section{ max-width: 100%; }
    footer.main-footer .footer-content .footer-top .footer-logo-section .footer-logo-container{ 
        gap: 20px; 
        flex-direction: row;
        align-items: center;
        width: 100%;
        justify-content: center;
    }
    footer.main-footer .footer-content .footer-top .footer-logo-section .footer-logo-container img{ max-width: 220px; max-height: 150px; }
    footer.main-footer .footer-content .footer-top .address{ margin-bottom: 0px; }
    footer.main-footer .footer-content .footer-top .contact-info { padding-right: 0px; margin-top: 10px; }
    footer.main-footer .footer-content .footer-top .email-info { white-space: initial; margin-top: 10px; }
    footer.main-footer .footer-content .footer-top .hours-section{ margin-top: 20px; }
    footer.main-footer .footer-content .footer-top .hours-item{ margin-top: 5px; }
    footer.main-footer .footer-content .footer-top .footer-links{ margin-top: 10px; gap: 5px; }
    footer.main-footer .footer-content .footer-top .footer-link-item { padding-right: 20px; white-space: initial; }
    footer.main-footer .footer-content .footer-top .footer-widgets{ 
        max-width: 100%; 
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }
    footer.main-footer .footer-content .footer-top .tripadvisor-widget .widget-title{ font-size: 25px; }
    footer.main-footer .footer-content .footer-top .tripadvisor-widget .widget-header { white-space: initial; }
    .tripadvisor_reviews_list #CDSWIDSSP .widSSPData.cx_brand_refresh .widSSPBranding dt img, 
    .tripadvisor_review_form #CDSWIDWRL .widWRLBranding dt img{ max-width: 200px !important; }

    footer.main-footer .footer-content .footer-top .social-widget{ padding: 18px; margin-top: 0px; }
    footer.main-footer .footer-content .footer-top .social-widget .social-icons a{ width: 30px; height: 30px; }
    footer.main-footer .footer-content .footer-top .social-widget .hashtag-button { white-space: initial; padding:10px; }
    footer.main-footer .footer-content .footer-bottom { max-width: 100%;}
    footer.main-footer .footer-content .footer-bottom .footer-bottom-content { max-width: 100%;  }
    footer.main-footer .footer-content .footer-top .hours-section .hours-title{ margin-bottom: 5px; }
    footer.main-footer .footer-content .footer-bottom .footer-legal { padding: 0px; }     
}
@media (max-width: 860px) {
    .restaurant-menu-shortcode .menu-items-list .menu-items,
    .our-teams-shortcode .our-teams-list .our-team-members-data{ gap: 15px; }
    .restaurant-menu-shortcode .menu-items-list .menu-items .menu-item,
    .our-teams-shortcode .our-teams-list .our-team-members-data .team-member{  min-width: 230px; padding:10px 0 5px; }
    .restaurant-menu-shortcode .menu-items-list .menu-items .menu-item .masked-image,
    .our-teams-shortcode .our-teams-list .our-team-members-data .team-member .masked-image{ width: 230px; height: 210px; }
    .restaurant-menu-shortcode .menu-items-list .menu-items .menu-item .item-info,
    .our-teams-shortcode .our-teams-list .our-team-members-data .team-member .team-member-info{ margin-top: 15px; }
    .food-content-section .food-categories .swiper .swiper-slide .food-category .category-info .item-tags .item-tag,
    .restaurant-menu-shortcode .menu-items-list .menu-items .menu-item .item-tags .item-tag{ font-size: 11px; }
    .restaurant-menu-shortcode .menu-items-list .menu-items .menu-item .item-description,
    .our-teams-shortcode .our-teams-list .our-team-members-data .team-member .team-member-description{ margin-top: 10px; }
}
@media (max-width: 767px) {
    .content-section * { font-size: 15px; }
    .mt-15,.mt-20,.mt-25{ margin-top: 10px; }
    .mt-35{ margin-top: 15px; }
    .mt-40{ margin-top: 20px; }
    .mt-45{ margin-top: 25px; }
    .mt-50{ margin-top: 30px; }

    .mb-15,.mb-20,.mb-25{ margin-bottom: 10px; }
    .mb-35{ margin-bottom: 15px; }
    .mb-40{ margin-bottom: 20px; }
    .mb-45{ margin-bottom: 25px; }
    .mb-50{ margin-bottom: 30px; }

    .pt-15,.pt-20,.pt-25{ padding-top: 10px; }
    .pt-35{ padding-top: 15px; }
    .pt-40{ padding-top: 20px; }
    .pt-45{ padding-top: 25px; }
    .pt-50{ padding-top: 30px; }

    .pb-15,.pb-20,.pb-25{ padding-bottom: 10px; }
    .pb-35{ padding-bottom: 15px; }
    .pb-40{ padding-bottom: 20px; }
    .pb-45{ padding-bottom: 25px; }
    .pb-50{ padding-bottom: 30px; }

    .page-not-found-section .img-404 img{ max-width: 150px; }
    .page-not-found-section *,
    .page-not-found-section .search-form *{ font-size: 14px; }
    .page-not-found-section .search-form input[type='search']{ padding: 8px 15px; }

    .swiper .swiper-button-next::after,
    .swiper .swiper-button-prev::after {
        font-size: 20px;
    }
    .food-slider-container.swiper .swiper-button-next,
    .food-slider-container.swiper .swiper-button-prev {
        width: 30px;
        height: 30px;
    }
    .food-slider-container.swiper .swiper-button-next::after,
    .food-slider-container.swiper .swiper-button-prev::after {
        font-size: 10px;
    }
    .cloud .container, .no-cloud .container{ padding-bottom: 50px; }
    .cloud.cloud-2 .container{ padding-top: 35px; padding-bottom: 50px; }
    .cloud.cloud-2:before{ margin-top: -35px; }
    .cloud .section-flag-img{ margin-top: -50px; }
    header.main-header .heder-wrapper .mobile-nav-toggle .menu-icon{ width: 25px; height: 20px; }
    header.main-header .heder-wrapper .mobile-nav-toggle .menu-icon span{ height: 4px; }
    .menu-modal .menu-modal-inner .menu-wrapper .menu-top .mobile-menu .modal-menu li a{ font-size: 15px; padding: 10px; font-weight: 500; }
    .section-header{ margin-bottom: 15px; }
    .section-header .section-icon,
    .testimonials-section .testimonial-content .testimonial-card .testimonial-decoration{ width: 50px; }
    .section-header .section-title,
    .about-story-section .main-content-wrapper .about-section-header .about-section-title h2,
    .content-image-title-section .main-content-wrapper .section-content .section-title h2{ font-size: 25px; }
    .section-header .section-subtitle{ font-size: 20px; }
    .page-title-section .section-wrapper{ padding: 50px 0px 75px; }
    .page-title-section .section-wrapper .page-title{ font-size: 50px;}
    .page-title-section.archive-header .archive-subtitle{ font-size: 20px;}
    .page-title-section .section-wrapper .page-description p{ font-size: 14px; }
    
    .section-flag-img img.flag-img{ overflow: hidden; /* transform: scale(1.5); transform-origin: top;*/ }

    .menu-categories-section .menu-grid .menu-items .menu-card{ height: 95px; }
    .menu-categories-section .menu-grid .menu-items .menu-card-content{ padding: 0 15px; gap: 15px; }
    .menu-categories-section .menu-grid .menu-items .menu-image{ max-width: 60px; }
    .menu-categories-section .menu-grid .menu-items .menu-text{ font-size: 16px; }
    .menu-categories-section .menu-grid .menu-items .menu-title{ max-width: 160px; width: 100%; padding-left: 15px; }
    .menu-categories-section .menu-grid .menu-items .menu-image, 
    .menu-categories-section .menu-grid .menu-items .menu-card:nth-child(even) .menu-image{ margin-right: 15px; max-width: 55px; }

    .about-story-section .main-content-wrapper .about-section-content{ flex-direction: column; }
    .about-story-section .main-content-wrapper .about-section-content .about-content-image{ max-width: 450px; width: 100%;  }
    .about-story-section .main-content-wrapper .about-section-header .about-section-img,
    .content-image-title-section .main-content-wrapper .section-content .section-img{ max-width: 50px; }
    .about-story-section .main-content-wrapper .about-section-content .about-content-text,
    .content-image-title-section .main-content-wrapper .section-content .content-text{ max-width: 90%; margin: 0px auto; }
    .about-story-section .main-content-wrapper .about-section-content .about-content-text, 
    .about-story-section .main-content-wrapper .about-section-content .about-content-text *, 
    .content-image-title-section .main-content-wrapper .section-content .content-text, 
    .content-image-title-section .main-content-wrapper .section-content .content-text *{ font-size: 16px; }
    .content-image-title-section .main-content-wrapper .section-content .section-title h2{ margin-bottom: 15px; }
    .button-section .button{ font-size: 16px; line-height: 22px; padding: 10px 25px; }
    .food-content-section > .container{ padding-left: 0px; padding-right: 0px; }
    .sitemap-content h2 { font-size: 28px; }
    .sitemap-content  .sitemap-section ul.sitemap-item li a { font-size: 14px; min-width: 100px; }
    .food-content-section.layout-2 .container .section-wrapper .section-header{ /* margin-bottom: 100px; */ }
    .food-content-section .food-categories .swiper .swiper-slide {
        transition: transform 0.1s ease-in-out !important;
        transform: scale(0.75) !important;
        z-index: 1 !important;
    }
    .food-content-section .food-categories .swiper .swiper-slide.swiper-slide-active-custom {
        transform: scale(1) !important;
        z-index: 3 !important;
    }
    .food-content-section .food-categories .swiper .swiper-slide.swiper-slide-prev-custom,
    .food-content-section .food-categories .swiper .swiper-slide.swiper-slide-next-custom {
        transform: scale(0.75) !important;
        z-index: 2 !important;
    }
    .testimonial-modal-content { padding: 20px; font-size: 14px; }
    .testimonial-modal-content .testimonial-close{ top: 5px; right: 10px;font-size: 20px; }
    .testimonials-section .testimonial-content .testimonial-card::before, 
    .testimonials-section .testimonial-content .testimonial-card::after{ width: 35px; height: 30px; }
    .testimonials-section .testimonial-content .testimonial-card::before { top: 22%; left: 16%; }
    .testimonials-section .testimonial-content .testimonial-card::after { bottom: 29%; right: 13%; }
    .testimonials-section .testimonial-content .testimonial-card .testimonial-decoration { bottom: 15px; left: 20%; }
    .testimonials-section .testimonial-content .testimonial-card .customer-name { font-size: 20px; }
    .testimonials-section .testimonial-content .testimonial-card .customer-title { font-size: 15px; }
    .testimonials-section .testimonial-content .testimonial-card .testimonial-quote { font-size: 13px; }
    .testimonials-section .testimonial-content .testimonial-card .testimonial-rating-stars{ letter-spacing: 5px; font-size: 20px; }
    .restaurant-menu-shortcode .filter-buttons, 
    .gallery-item-shortcode .filter-buttons{ grid-template-columns: repeat(3, 1fr); gap: 5px; }
    .restaurant-menu-shortcode .filter-buttons .filter-btn, 
    .gallery-item-shortcode .filter-buttons .filter-btn{ min-height: 55px; font-size: 12px; }
    .restaurant-menu-shortcode .menu-items-list,
    .our-teams-shortcode .our-teams-list,
    .gallery-item-shortcode .gallery-itmes-container { margin: 20px 0px 0px; padding: 20px 0px; }
    .restaurant-menu-shortcode .menu-items-list .menu-items,
    .our-teams-shortcode .our-teams-list .our-team-members-data{ grid-template-columns: repeat(2, 1fr); }
    .food-content-section .food-categories .swiper .swiper-pagination-bullet-active,
    .testimonials-section .testimonial-content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 20px; }
    .contact-gallery-section .contact-gallery-content{ flex-wrap: wrap; gap: 20px; flex-direction: column; width: 100%; justify-content: center; align-items: center; }
    .contact-gallery-section .contact-gallery-content .gallery-section,
    .contact-gallery-section .contact-gallery-content .contact-form-section { max-width: 500px; width: 100%; }
    .contact-gallery-section .contact-gallery-content .gallery-section .gallery-header{ gap: 10px; }
    .gallery-item-shortcode .gallery-itmes-container .grid-sizer,
    .gallery-item-shortcode .gallery-itmes-container .grid-item{ width: 33.33%; }
    
    .contact-info-and-form-section .contact-info-section,
    .contact-info-and-form-section .contact-form-section { gap: 20px; padding: 15px; }  
    .contact-info-and-form-section .contact-info-section .contact-details,
    .contact-info-and-form-section .contact-info-section .contact-details .contact-methods .contact-item { gap:10px; }
    .contact-info-and-form-section .contact-info-section .contact-details .contact-methods .contact-text, 
    .contact-info-and-form-section .contact-info-section .contact-details .contact-methods .contact-text a { font-size: 14px; line-height: 16px; }
    .contact-info-and-form-section .contact-info-section .contact-details .contact-methods .contact-icon{ width: 14px; height: 14px; }
    .contact-info-and-form-section .contact-info-section .location-section .location-details .address-text, 
    .contact-info-and-form-section .contact-info-section .location-section .location-details .direction-text, 
    .contact-info-and-form-section .contact-info-section .location-section .location-details .direction-text a{ font-size: 14px; }

    .hours-content-section .hours-content .hours-title { font-size: 24px; }
    .hours-content-section .hours-content .hours-list .hours-item { font-size: 14px; }
    .hours-content-section .special-info-section .special-info-content .happy-hour-text,
    .hours-content-section .special-info-section .special-info-content .walk-in-text { font-size: 16px; }

    .other-restaurant-info-section .main-content-wrapper .restaurant-content .restaurant-name { font-size: 25px; }
    .other-restaurant-info-section .main-content-wrapper .restaurant-content .restaurant-subtitle { font-size: 20px; }
    .other-restaurant-info-section .main-content-wrapper .restaurant-content .restaurant-menu-items .restaurant-menu-text,
    .other-restaurant-info-section .main-content-wrapper .restaurant-content .restaurant-menu-items .restaurant-menu-text a { font-size: 14px; }
    .other-restaurant-info-section .main-content-wrapper .restaurant-content .visit-text { font-size: 16px; }

    .archive-wrapper .content-area .content-with-sidebar .sidebar-area .widget_block{ margin-top: 30px; }
    .archive-wrapper .content-area .content-with-sidebar .sidebar-area .widget_block.widget_categories, 
    .archive-wrapper .content-area .content-with-sidebar .sidebar-area .widget_block.widget_recent_entries, 
    .archive-wrapper .content-area .content-with-sidebar .sidebar-area .widget_block.widget_tag_cloud{ margin-top: 15px; }
    .archive-wrapper .content-area .content-with-sidebar .sidebar-area .widget_block .wp-block-heading{ font-size: 25px; line-height: 30px; }
    .archive-wrapper .content-area .content-with-sidebar .sidebar-area .widget_block.widget_categories .wp-block-categories-list .cat-item a, 
    .archive-wrapper .content-area .content-with-sidebar .sidebar-area .widget_block.widget_recent_entries .wp-block-latest-posts a.wp-block-latest-posts__post-title, 
    .archive-wrapper .content-area .content-with-sidebar .sidebar-area .widget_block.widget_recent_entries .wp-block-latest-posts .wp-block-latest-posts__post-date, 
    .archive-wrapper .content-area .content-with-sidebar .sidebar-area .widget_block.widget_tag_cloud .tag-cloud-link{ font-size: 14px !important; line-height: 20px; }
    .archive-wrapper .content-area .content-with-sidebar .sidebar-area .widget_block.widget_categories .wp-block-categories-list .cat-item a{ margin-bottom: 10px; }
    .archive-wrapper .content-area .content-with-sidebar .sidebar-area .widget_block.widget_categories .wp-block-categories-list .cat-item:last-child,
    .archive-wrapper .content-area .content-with-sidebar .sidebar-area .widget_block.widget_categories .wp-block-categories-list .cat-item:last-child > a{ margin-bottom: 0px;}
    .archive-wrapper .content-area .content-with-sidebar .sidebar-area .widget_block.widget_tag_cloud .wp-block-tag-cloud{ gap: 10px; }
    .archive-wrapper .content-area .content-with-sidebar .archive-content .entry-header-inner .entry-title, 
    .archive-wrapper .content-area .content-with-sidebar .archive-content .entry-header-inner .entry-title a{ font-size: 22px; line-height: 30px; }
    .archive-wrapper .content-area .content-with-sidebar .archive-content .post-inner .entry-content, .archive-wrapper .content-area .content-with-sidebar .archive-content .post-inner .entry-content *, .single-post .site-content .post .post-inner .entry-content, .single-post .site-content .post .post-inner .entry-content *{ font-size: 14px; line-height: 26px; }
    .archive-wrapper .content-area .content-with-sidebar .archive-content .post-inner{ padding-top: 15px; }
    .archive-wrapper .content-area .content-with-sidebar .archive-content .entry-header-inner .entry-categories .entry-categories-inner a, 
    .single-post .site-content .post .entry-header-inner .entry-categories .entry-categories-inner a{  padding: 5px 8px 2px; }
    .archive-wrapper .content-area .content-with-sidebar .archive-content .entry-header-inner .entry-categories .entry-categories-inner a, 
    .single-post .site-content .post .entry-header-inner .entry-categories .entry-categories-inner a,
    .archive-wrapper .content-area .content-with-sidebar .archive-content .section-inner .post-meta-wrapper .post-meta .meta-wrapper *{ font-size: 12px; }
    .archive-wrapper .content-area .content-with-sidebar .archive-content .entry-header-inner .post-meta-wrapper .post-meta, 
    .archive-wrapper .content-area .content-with-sidebar .archive-content .section-inner .post-meta-wrapper .post-meta, 
    .single-post .site-content .post .entry-header-inner .post-meta-wrapper .post-meta, 
    .single-post .site-content .post .section-inner .post-meta-wrapper .post-meta{ gap: 10px; }
    .archive-wrapper .content-area .content-with-sidebar .archive-content .section-inner .post-meta-wrapper .post-meta .meta-wrapper .meta-icon{ margin-right: 5px; }
    .archive-wrapper .content-area .content-with-sidebar .archive-content .section-inner .post-meta-wrapper .post-meta .meta-wrapper .meta-icon svg{ width: 12px; }
    .archive-wrapper .content-area .content-with-sidebar .archive-content .section-inner .post-meta-wrapper, 
    .single-post .site-content .post .section-inner .post-meta-wrapper{ margin-top: 15px; }
    .custom-share-links label{ font-size: 15px;  }
    .archive-wrapper .content-area .content-with-sidebar .archive-content{ gap: 20px; }
    .pagination-wrapper .pagination .nav-links .page-numbers{ font-size: 14px; height: 25px; width: 25px; }

    .comments-wrapper .comments-inner .comment .comment-body .comment-author, 
    .comments-wrapper .comments-inner .comment .comment-body .comment-author *{ font-size: 16px; line-height: 20px; }
    .comments-wrapper .comments-inner .comment .comment-body .comment-metadata, 
    .comments-wrapper .comments-inner .comment .comment-body .comment-metadata *, 
    .comments-wrapper .comments-inner .comment .comment-body .comment-content.entry-content, 
    .comments-wrapper .comments-inner .comment .comment-body .comment-content.entry-content *, 
    .comments-wrapper .comments-inner .comment .comment-body .comment-footer-meta .comment-reply-link{ font-size: 14px; line-height: 18px; }
    .comments-wrapper .comments-inner .comments .comment-respond{ padding-top: 15px; }
    .tripadvisor_reviews_list #CDSWIDSSP .widSSPData.cx_brand_refresh .widSSPBranding dt img, 
    .tripadvisor_review_form #CDSWIDWRL .widWRLBranding dt img{ max-width: 150px !important; }

    .related-posts .related-posts-list .related-post a.feature-img img{ height: 150px; }
    .related-posts .related-posts-list .related-post .post-title a, 
    .singular .pagination-single a{ font-size: 14px; line-height: 18px; }
    footer.main-footer .footer-content .footer-bottom .footer-bottom-content{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        align-content: space-around;
        gap: 10px;
    }
    .custom-share-links ul.social-share li > a{ width: 25px; height: 25px; }
    .testimonials-section .testimonial-content .testimonial-card .client-img{ border-width: 5px; }
    .testimonials-section .testimonial-content .testimonial-card .client-img .avatar-placeholder{ font-size: 35px; }

    .content-section h1{ font-size: 25px; }
    .content-section h2{ font-size: 23px; }
    .content-section h3{ font-size: 22px; }
    .content-section h4{ font-size: 20px; }
    .content-section h5{ font-size: 18px; }

    .comments-wrapper form.section-inner{ padding: 15px;  }
    .comments-wrapper form.section-inner input[type="checkbox"]{ width: 15px; height: 15px; }
    .comments-wrapper form.section-inner input[type='submit'], 
    .comments-wrapper form.section-inner button{ max-width: 200px; }
    footer.main-footer .footer-content .footer-bottom .footer-legal{ justify-content: center; gap: 10px; }
    footer.main-footer .footer-content .footer-top .hours-text{ min-width: auto !important; width: max-content !important;}
}
@media (max-width: 700px) {
    .comment-respond p:not(.comment-notes){ max-width: 100%;    }
}
@media (max-width: 600px) {
    .menu-categories-section .menu-grid .menu-items {
        grid-template-columns: repeat(1, 1fr);
    }
    .section-header .section-icon, 
    .testimonials-section .testimonial-content .testimonial-card .testimonial-decoration{ width: 40px; }
    .contact-info-and-form-section .contact-info-section .section-title{ font-size: 16px; line-height: 20px; }
    .contact-info-and-form-section .contact-form-section .form-container .form-content .form-header .form-logo { max-width: 50px; }
    .contact-info-and-form-section .contact-form-section .form-container .form-content .form-header .form-title{ font-size: 18px; line-height: 22px; }
    .contact-info-and-form-section .contact-form-section .form-container .form-content .submit-button{ padding: 10px; }

    .hours-content-section .special-info-section .special-info-content .special-info-logo{ max-width: 50px; }

    .seprater-section img.divider-image{ margin: 15px 0px; }
    .archive-wrapper .content-area .content-with-sidebar .sidebar-area .widget_block.widget_tag_cloud .wp-block-tag-cloud{         grid-template-columns: repeat(2, 1fr); }
    footer.main-footer .footer-content .footer-top .footer-info{ display: flex; flex-wrap: wrap; }

    .related-posts .related-posts-list{ grid-template-columns: repeat(1, 1fr); gap: 20px; }
    .related-posts .related-posts-list .related-post a.feature-img img{ height: 200px; }

    footer.main-footer .footer-content .footer-top .footer-left,
    footer.main-footer .footer-content .footer-top .footer-right{ 
        justify-content: space-between;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        max-width: 350px;
        width: 100%;
    }
    footer.main-footer .footer-content .footer-top .footer-left > div{ width: 100%; }

    footer.main-footer .footer-content .footer-top .footer-links{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 5px 30px;
        list-style: none;
        margin-top: 5px;
        margin-bottom: 0px;
    }
    .food-content-section.layout-2 .container .section-wrapper{ /*gap: 50px;*/ }
    footer.main-footer .footer-content .footer-top .footer-widgets{ display: flex; flex-wrap: wrap; }
}
@media (max-width: 500px) {
    .page-title-section .section-wrapper .page-title{ font-size: 35px;}
    .page-title-section.archive-header .archive-subtitle{ font-size: 18px;}
    .page-title-section .section-wrapper .page-description p{ font-size: 13px; }
    .testimonial-modal-content {
        font-size: 12px;
    }
    .testimonials-section .testimonial-content { 
        max-width: 450px; 
        padding: 0px;
        gap: 0px;
    }
    .testimonials-section .testimonial-content .swiper-wrapper .swiper-slide{ display: flex; justify-content: center; }
    .testimonials-section .testimonial-content .testimonial-card{ min-width: 200px; overflow: hidden; position: relative; }
    .testimonials-section .testimonial-content .testimonial-card .client-img {
        max-width: 60px;
        margin-top: -25px;
        border: 5px solid #ffffff;
    }
    .testimonials-section .testimonial-content .testimonial-card .client-img .avatar-placeholder{ font-size: 20px; }
    .testimonials-section .testimonial-content .testimonial-card .testimonial-inner{ padding: 0px 0px 80px; min-height: 180px; height: 300px; }
    .testimonials-section .testimonial-content .testimonial-card .customer-name {
        font-size: 17px;
    }
    .testimonials-section .testimonial-content .testimonial-card .customer-title {
        font-size: 13px;
    }
    .testimonials-section .testimonial-content .testimonial-card .testimonial-quote {
        font-size: 12px;
        padding: 0px 40px;
    }
    .testimonials-section .testimonial-content .testimonial-card .testimonial-quote p{ padding: 0px 10px;}
    .testimonials-section .testimonial-content .testimonial-card::before, 
    .testimonials-section .testimonial-content .testimonial-card::after {
        width: 20px;
        height: 15px;
    }
    .testimonials-section .testimonial-content .testimonial-card::before {
        top: 23%;
        left: 15%;
    }
    .testimonials-section .testimonial-content .testimonial-card::after {
        bottom: 30%;
        right: 12%;
    }
    .restaurant-menu-shortcode .filter-buttons, 
    .gallery-item-shortcode .filter-buttons{ grid-template-columns: repeat(2, 1fr); }
    .restaurant-menu-shortcode .menu-items-list .menu-items,
    .our-teams-shortcode .our-teams-list .our-team-members-data{ grid-template-columns: repeat(1, 1fr); }
    .custom-share-links label{ font-size: 14px; }
    .custom-share-links ul.social-share li > a{ width: 20px; height: 20px; }
}
@media (max-width: 400px) {
    .contact-gallery-section .contact-gallery-content .gallery-section .instagram-icon{ width: 35px; }
    .contact-gallery-section .contact-gallery-content .gallery-section .instagram-handle{ font-size: 28px; }
    .testimonials-section .testimonial-content .testimonial-card .testimonial-quote{ padding: 0px 25px; }
}