﻿.hide-map-section {
    display:none
}
@media (min-width:2000px) {
    .hero-oneslider {
        height: auto
    }
}

@media (max-width:1899px) {
    .event-hero-first-section.seasonal-pge-hero1-section::after {
        display: none
    }

    .content-hero-info h2 {
        font-size: 50px
    }

    .content-hero-info h1,
    .content-hero-info h4 {
        font-size: 65px;
        line-height: 65px
    }

    .hero-slider-item img {
        height: 470px
    }

    .food-img-afr-02 {
        width: 452px;
        height: 452px
    }

    .hm-four-five-section .container {
        max-width: 1170px
    }

    .event-hero-1-right-col {
        padding: 51px 20px 51px 60px
    }
}

@media (max-width:1799px) {
    .cateing-bar-two-section .container {
        max-width: 1600px
    }

    .cateing-flx-bar-col-info h4 {
        font-size: 36px;
        line-height: 45px
    }

    .about-banner-section .container,
    .about-catering-info-section .container,
    .customer-testimonials-section .container,
    .inclusive-section-start .container {
        max-width: 1468px
    }

    .about-banner-right-info {
        width: 805px
    }

    .about-banner-left-info {
        padding: 90px 0 120px;
        width: 570px
    }

    .about-banner-content h1 {
        font-size: 66px;
        line-height: 73px;
        margin: 0 0 60px
    }

    .about-banner-content p {
        font-size: 28px;
        line-height: 36px
    }

    .about-catering-info-content h2 {
        font-size: 55px;
        line-height: 55px;
        margin: 0 0 30px
    }

    .about-catering-info-section .container {
        max-width: 1400px
    }

    .about-catering-info-content p {
        font-size: 24px;
        line-height: 32px;
        margin: 0 0 40px
    }

    .customer-testimonials-wrapper {
        padding: 65px 0 0
    }

    .customer-testimonials-heading {
        margin: 0 0 40px
    }

    .customer-testimonials-heading h2 {
        width: 637px;
        font-size: 66px;
        line-height: 66px
    }

    .customer-testimonials-heading img {
        margin: 0 40px 0 0;
        width: 170px
    }

    .customer-testimonials-slide-list {
        width: 955px !important
    }

    .customer-testimonials-slide-list p {
        font-size: 28px;
        line-height: 41px
    }

    .lean-green-wrapper p {
        font-size: 28px;
        line-height: 37px;
        padding: 0 30px
    }

    .lean-green-wrapper h2 {
        font-size: 65px;
        line-height: 66px;
        margin: 0 0 35px
    }

    .lean-green-wrapper h4 {
        font-size: 28px;
        line-height: 39px;
        margin: 0 0 20px
    }

    .lean-green-section {
        padding: 70px 0 75px;
        background-position: -50px
    }

    .lean-green-wrapper {
        padding: 0 0 0 120px
    }

    .inclusive-wrapper {
        padding: 60px 0 40px 160px
    }

    .inclusive-img {
        width: 845px;
        margin-right: -115px
    }

    .inclusive-content p {
        font-size: 28px;
        line-height: 36px;
        margin: 0 0 45px
    }

    .inclusive-content {
        width: 680px
    }

    .event-hero-1-right-col {
        width: 63%;
        padding: 51px 0 51px 50px
    }

    .event-hero-1-left-col {
        width: 37%
    }
}

@media (max-width:1699px) {

    .content-hero-info h2,
    .menu-service-box-col-info h5 {
        font-size: 30px;
        line-height: 30px
    }

    .content-hero-info h1,
    .content-hero-info h4 {
        font-size: 47px;
        line-height: 47px
    }

    .content-hero-info p {
        font-size: 20px;
        line-height: 27px;
        padding: 0 0 32px
    }

    .hero-oneslider,
    .hero-slider-item img {
        height: 420px
    }

    .food-hm-two-section,
    .seamless-hm-five-section {
        padding: 80px 0
    }

    .food-hm-two-section .container {
        max-width: 1040px
    }

    .default-center-info-text h1,
    .default-center-info-text h2,
    .default-center-info-text h3,
    .default-center-info-text h4,
    .default-center-info-text h5 {
        margin: 0 0 35px;
        font-size: 45px;
        line-height: 45px
    }

    .default-center-info-text p {
        font-size: 20px;
        margin: 0 0 20px;
        line-height: 28px
    }

    .service-hm-three-section {
        padding: 70px 0 85px
    }

    .service-hm-outer-info h4 {
        font-size: 26px;
        line-height: 55px
    }

    .food-img-afr-02 {
        width: 352px;
        height: 352px;
        top: 31%
    }

    .corporate-hm-four-section {
        padding: 70px 0 75px
    }

    .hm-four-five-section .container {
        max-width: 1020px
    }

    .default-center-info-text .button {
        margin-top: 20px
    }

    .whychoose-heading h2 {
        font-size: 80px;
        line-height: 60px
    }

    .service-choose-col-info h3 {
        font-size: 30px
    }

    .service-choose-col-info p {
        font-size: 20px
    }

    .service-area-col-right-inner h2,
    .service-choose-col-info span {
        font-size: 45px;
        line-height: 45px
    }

    .service-choose-col-info span {
        margin: 0 0 20px
    }

    .whychoose-serv-section {
        padding: 50px 0
    }

    .whychoose-hm-six-section .container {
        max-width: 1160px
    }

    .customer-favorites-section {
        padding: 70px 0 90px
    }

    .seasonal-catering-menu-thumbil,
    .service-area-section {
        padding: 70px 0
    }

    .servicearealogo-home.service-area-logo figure img {
        max-height: 100px;
        margin: 0 auto 23px;
        max-width: max-content
    }

    .service-area-col-right-inner h6 {
        font-size: 24px
    }

    .service-area-col-right-inner p {
        font-size: 22px
    }

    .cateing-bar-page-first-section .container,
    .cateing-bar-service-three-section .container,
    .cateing-bar-two-section .container,
    .seasonal-catering-menu-thumbil .container,
    .seasonal-pge-four-section .container,
    .seasonal-pge-two-section .container {
        max-width: 1440px;
        padding: 0 50px
    }

    .cateing-bar-page-first-section {
        padding: 35px 0 88px;
        background-position: center top 30px;
        background-size: 100%
    }

    .cateing-bar-heading {
        margin: 0 0 310px
    }

    .cateing-bar-heading h2 {
        font-size: 70px;
        line-height: 70px
    }

    .cateing-bar-heading h1 {
        font-size: 130px;
        line-height: 122px;
        margin: 0
    }

    .cateing-bar-first-content h3 {
        font-size: 48px;
        line-height: 56px;
        padding: 0 210px 20px
    }

    .cateing-bar-first-content p {
        font-size: 21px;
        line-height: 30px;
        margin: 0 0 20px
    }

    .button.button-clr {
        padding: 0 48px
    }

    .cateing-bar-first-content a.button {
        margin-top: 25px;
        min-width: 233px
    }

    .cateing-bar-two-section {
        padding: 55px 0 65px
    }

    .cateing-flx-bar-col-info h4 {
        font-size: 30px;
        line-height: 34px
    }

    .cateing-flx-bar-col-info img {
        margin: 0 0 12px;
        max-height: 190px
    }

    .cateing-fully-heading {
        margin: 0 auto 30px;
        max-width: 90%
    }

    .cateing-fully-heading h3 {
        margin: 0 0 30px
    }

    .cateing-flx-bar-col-info p {
        font-size: 17px;
        line-height: 21px
    }

    .cateing-flx-bar-col-4 {
        padding: 0 18px 30px
    }

    .button-col-12 {
        padding-top: 25px
    }

    .cateing-bar-service-three-section {
        padding: 55px 0
    }

    .service-item-content h4 {
        line-height: 31px;
        font-size: 26px
    }

    .service-item-content p {
        font-size: 19px;
        line-height: 27px
    }

    .service-item-content {
        height: 261px
    }

    .service-item-content::-webkit-scrollbar {
        width: 4px
    }

    .cateing-flx-bar-row .slick-prev,
    .service-bar-slider-row .slick-prev {
        left: -30px
    }

    .cateing-flx-bar-row .slick-next,
    .service-bar-slider-row .slick-next {
        right: -30px
    }

    .service-bar-slider-row {
        margin: 0 0 24px
    }

    .faq-section,
    .wooden-plank-material-section {
        padding: 86px 0
    }

    .wooden-plank-material-section .container {
        padding: 0 50px;
        max-width: 1440px
    }

    .wooden-plank-col-info h4 {
        font-size: 35px;
        line-height: 38px
    }

    .wooden-plank-col-info {
        padding: 20px
    }

    .wooden-plank-figure-img img {
        max-height: 344px
    }

    .wooden-plank-col-info p {
        font-size: 19px;
        line-height: 26px
    }

    .faq-accordion-collapse-content p {
        font-size: 25px;
        line-height: 36px
    }

    .faq-heading h2 {
        font-size: 50px
    }

    .about-banner-section .container,
    .about-catering-info-section .container,
    .customer-testimonials-section .container,
    .inclusive-section-start .container {
        max-width: 1260px
    }

    .about-banner-right-info {
        width: 685px
    }

    .about-banner-left-info {
        padding: 60px 0 80px;
        width: 520px
    }

    .about-banner-content h1 {
        font-size: 58px;
        line-height: 63px;
        margin: 0 0 40px
    }

    .about-banner-content p {
        font-size: 22px;
        line-height: 30px
    }

    .about-catering-info-content h2 {
        font-size: 50px;
        line-height: 52px;
        margin: 0 0 20px
    }

    .about-catering-info-content {
        padding: 65px 40px
    }

    .about-catering-info-content p {
        margin: 0 0 40px;
        font-size: 25px;
        line-height: 35px
    }

    .customer-testimonials-heading h2 {
        width: 577px;
        font-size: 60px;
        line-height: 62px
    }

    .customer-testimonials-heading img {
        margin: 0 30px 0 0;
        width: 150px
    }

    .customer-testimonials-slide-list .star-icon {
        margin: 0 0 20px
    }

    .customer-testimonials-slider .slick-dots li,
    .customer-testimonials-slider .slick-dots li button {
        height: 22px;
        width: 22px
    }

    .customer-testimonials-slider ul.slick-dots {
        height: 174px;
        padding: 65px 0
    }

    .customer-testimonials-section::after {
        height: 174px
    }

    .customer-testimonials-slider ul.slick-dots::before {
        width: 75px;
        height: 75px;
        right: 165px;
        top: -38px
    }

    .lean-green-wrapper h2 {
        font-size: 60px;
        line-height: 60px;
        margin: 0 0 30px
    }

    .lean-green-section {
        background-position: -90px
    }

    .lean-green-wrapper h4 {
        font-size: 23px;
        line-height: 32px;
        margin: 0 0 15px
    }

    .customer-testimonials-slide-list p {
        font-size: 25px;
        line-height: 35px
    }

    .lean-green-wrapper p {
        font-size: 22px;
        line-height: 32px;
        padding: 0 30px
    }

    .inclusive-content h2 {
        font-size: 60px;
        line-height: 62px;
        margin: 0 0 5px
    }

    .inclusive-content p {
        font-size: 25px;
        line-height: 32px;
        margin: 0 0 30px
    }

    .inclusive-img {
        width: 605px;
        margin-right: -85px
    }

    .inclusive-content {
        width: 600px
    }

    .inclusive-wrapper {
        padding: 80px 0 80px 180px
    }

    .customer-testimonials-slider .slick-next,
    .customer-testimonials-slider .slick-prev {
        top: 27%
    }

    .venue-hero-heading h1 {
        font-size: 55px;
        line-height: 55px;
        margin: 0 0 20px
    }

    .venue-hero-heading p {
        font-size: 26px;
        line-height: 34px
    }

    .venue-banner-section .container {
        max-width: 1440px;
        padding: 0 90px
    }

    .venue-banner-section {
        height: 465px
    }

    .event-cat-two-section .container,
    .event-planning-four-section .container,
    .venue-location-section .container {
        padding: 0 50px
    }

    .booking-inquiries-info p {
        font-size: 21px;
        line-height: 26px;
        margin: 0 0 22px
    }

    .venue-location-section {
        margin-bottom: 105px
    }

    .event-hero-heading {
        max-width: 415px
    }

    .event-hero-heading h1 {
        margin: 0 0 51px;
        font-size: 80px;
        line-height: 80px
    }

    .event-hero-heading ul li {
        margin: 0 0 6px;
        font-size: 28px;
        line-height: 30px
    }

    .event-hero-1-right-col {
        width: 63%;
        padding: 50px 0 50px 40px
    }

    .event-hero-food-col-info h2 {
        font-size: 28px;
        line-height: 30px;
        margin: 0 0 25px
    }

    .event-hero-food-col-info p,
    .viewlink {
        font-size: 20px;
        line-height: 26px
    }

    .event-hero-food-col-info p {
        margin: 0 0 25px
    }

    .event-hero-food-col-img img {
        min-width: 568px;
        margin-left: 36px
    }

    .event-default-center-info a.button,
    .event-hero-food-col-info a.button.button-clr {
        margin-top: 10px
    }

    .event-hero-1-left-col {
        padding: 100px 0
    }

    .event-cat-two-section,
    .event-service-five-section,
    .seasonal-pge-four-section {
        padding: 90px 0
    }

    .event-default-center-info h3 {
        font-size: 55px;
        line-height: 55px;
        margin: 0 0 26px
    }

    .event-default-center-info p,
    .event-planning-text-info p {
        font-size: 26px;
        line-height: 34px;
        margin: 0 0 28px
    }

    .event-cat-three-section {
        padding: 290px 0 75px
    }

    .event-planning-text-info h4 {
        font-size: 55px;
        line-height: 55px;
        margin: 0 0 78px
    }

    .event-planning-four-section::after {
        height: 231px
    }

    .event-planning-four-section {
        padding: 60px 0 80px
    }

    .event-service-item-info h3 {
        font-size: 55px;
        line-height: 55px;
        margin: 0 0 30px
    }

    .event-service-item-info p {
        font-size: 26px;
        line-height: 34px;
        margin: 0 0 24px
    }

    .about-catering-info-section .container {
        max-width: 1060px
    }

    .event-hero-heading.ecs_heading h1,
    .seasonal-pge-hero1-section .event-hero-heading h1 {
        font-size: 60px;
        line-height: 60px;
        margin: 0 0 28px
    }

    .seasonal-pge-hero1-section .event-hero-heading {
        padding: 0 40px 0 0;
        max-width: 418px
    }

    .seasonal-pge-hero1-section .event-hero-food-col-img img {
        min-width: inherit
    }

    .seasonal-pge-hero1-section .event-hero-food-col-img {
        width: 270px
    }

    .seasonal-pge-hero1-section .event-hero-food-col-info {
        padding: 40px 0 48px 37px
    }

    .seasonal-pge-hero1-section .event-hero-food-col-sm6 {
        width: 71.2%
    }

    .heading h1,
    .heading h2,
    .heading h3,
    .heading h4,
    .heading h5 {
        font-size: 54px;
        line-height: 56px;
        margin: 0 0 22px
    }

    .seasonal-pge-two-section .heading p {
        font-size: 26px;
        line-height: 41px
    }

    .heading:not(:last-child) {
        margin-bottom: 30px
    }

    .seasonal-pge-two-section {
        padding: 54px 0 90px
    }

    .seasonal-service-menu-info figure {
        width: 200px
    }

    .seasonal-service-menu-info figcaption {
        width: calc(100% - 200px)
    }

    .seasonal-service-menu-info h4 {
        font-size: 54px;
        line-height: 56px
    }

    .heading p,
    .seasonal-service-menu-info p {
        font-size: 24px;
        line-height: 33px
    }

    .seasonal-service-menu-info p {
        padding: 0 40px;
        margin: 17px 0 0
    }

    .seasonal-service-col-4 .seasonal-service-menu-info figure {
        width: 125px
    }

    .seasonal-service-col-4 .seasonal-service-menu-info figcaption {
        width: calc(100% - 125px)
    }

    .seasonal-service-col-4 .seasonal-service-menu-info h4 {
        font-size: 40px;
        line-height: 40px
    }

    .seasonal-service-col-4 .viewlink {
        font-size: 18px;
        line-height: 18px
    }

    .seasonal-service-col-4 .seasonal-service-menu-info p {
        font-size: 18px;
        line-height: 21px
    }

    .seasonal-pge-three-section {
        padding: 72px 0
    }

    .catering-one-repreat .heading {
        padding: 0 140px;
        min-height: 293px
    }

    .menu-service-box-col-info {
        padding: 22px
    }

    .menu-service-box-col-info p {
        font-size: 18px;
        line-height: 26px
    }

    .col-btn-12 {
        margin-top: 64px
    }

    .col-btn-12 .button.button-clr {
        padding: 0 26px;
        min-width: 285px;
        height: 55px;
        font-size: 28px;
        margin: 0 10px
    }

    .catering-one-slider ul.slick-dots {
        margin-top: 45px
    }

    .catering-thumbil-bottotm-section {
        margin-bottom: 63px;
        padding-bottom: 50px
    }

    .menu-thumbil-slider-item img {
        max-width: 180px
    }

    .menu-thumbil-slider-item figure {
        height: 190px
    }

    .menu-thumbil-slider-item h6 {
        font-size: 28px;
        line-height: 30px
    }

    .seasonal-4-text-info h5 {
        font-size: 50px;
        line-height: 56px;
        margin: 0 0 34px
    }

    .seasonal-4-text-right {
        padding-left: 54px
    }

    .seasonal-4-text-info .button.button-clr {
        padding: 0 25px
    }

    .seasonal-service-five-section {
        padding: 100px 0 128px
    }

    .services-include-item {
        padding: 79px 100px 65px;
        max-width: 936px
    }

    .services-include-item h5 {
        font-size: 30px;
        line-height: 50px
    }

    .services-include-item p {
        font-size: 22px;
        line-height: 30px;
        margin: 0 0 44px
    }

    .home-hero-slide-new-color .content-hero-info .slider-heading {
        font-size: 70px;
        line-height: 63px
    }

    .home-hero-slide-new-color .content-hero-info p {
        margin-bottom: 12px
    }

    .home-hero-slide-new-color .content-hero-info p.notess {
        font-size: 19px;
        margin-bottom: 20px
    }

    .service-area-col-left {
        width: 350px
    }

    .service-area-col-right {
        width: calc(100% - 350px)
    }

    .atf_css .cateing-bar-heading h2 {
        font-size: 50px;
        line-height: 50px
    }

    .atf_css .cateing-bar-heading h1 {
        font-size: 85px;
        line-height: 1;
        margin: 0 0 10px
    }

    .atf_css .cateing-bar-first-content h3 {
        font-size: 52px;
        line-height: 50px
    }

    .atf_css .cateing-bar-first-content p {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 15px
    }

    .cateing-bar-page-first-section.atf_css {
        padding: 35px 0 40px;
        height: 650px;
        background-position: center top 120px
    }

    .page_info>h1 {
        font-size: 70px;
        line-height: 61px
    }

    .st-petricks-mardi-gras-banner .content-hero-info h1,
    .st-petricks-mardi-gras-banner .content-hero-info h4 {
        padding: 0 280px;
        font-size: 47px;
        line-height: 47px
    }

    .st-petricks-mardi-gras-banner .content-hero-info p {
        padding: 0 290px 32px;
        font-size: 20px;
        line-height: 27px
    }

    .cateing-fully-heading>p {
        font-size: 22px;
        line-height: 37px
    }

    .service-area-section.location-service-area-section {
        padding: 70px 0;
    }
    .location-service-area-section .service-area-col-right-inner h2, .location-service-area-section .service-choose-col-info span {
        font-size: 45px;
        line-height: 45px;
    }
    .location-service-area-section .service-area-col-right-inner p {
        font-size: 22px;
        line-height: normal;
    }
    .service-area-map-desktop {
        display: none;
    }
    .service-area-map-laptop.hide-map-section {
        display: block;
    }
}

@media (max-width:1439px) {

    .content-hero-info h1,
    .content-hero-info h4 {
        font-size: 47px;
        line-height: 47px
    }

    .content-hero-info h2 {
        font-size: 30px;
        line-height: 30px
    }

    .service-hm-three-section .container {
        max-width: 1080px
    }

    .default-center-info-text h1,
    .default-center-info-text h2,
    .default-center-info-text h3,
    .default-center-info-text h4,
    .default-center-info-text h5 {
        margin: 0 0 35px;
        font-size: 38px;
        line-height: 42px
    }

    .service-hm-outer-info h4 {
        font-size: 24px;
        line-height: 50px
    }

    .event-cat-two-section,
    .event-service-five-section,
    .seasonal-pge-four-section,
    .service-hm-three-section {
        padding: 70px 0
    }

    .food-img-afr-01 {
        width: 293px;
        height: 304px;
        left: -120px
    }

    .seamless-hm-five-section,
    .service-area-section {
        padding: 50px 0
    }

    .default-center-info-text p {
        font-size: 18px;
        margin: 0 0 15px;
        line-height: 25px
    }

    .service-area-col-right-inner p,
    .service-choose-col-info p {
        font-size: 18px
    }

    .customer-favorites-section .container,
    .service-area-section .container {
        max-width: 1130px
    }

    .customer-favorites-section {
        padding: 65px 0 80px
    }

    .button-col-12 {
        padding-top: 30px
    }

    .servicearealogo-home.service-area-logo span,
    .viewlink {
        font-size: 18px;
        line-height: 24px
    }

    .customer-outer-txt-info h6 {
        font-size: 25px;
        line-height: 50px
    }

    .cateing-bar-heading h2 {
        font-size: 50px;
        line-height: 50px
    }

    .cateing-bar-heading h1 {
        font-size: 100px;
        line-height: 102px
    }

    .cateing-bar-first-content h3 {
        font-size: 45px;
        line-height: 54px;
        padding: 0 150px 25px
    }

    .cateing-bar-first-content p {
        font-size: 18px;
        line-height: 25px;
        margin: 0 0 16px
    }

    .cateing-bar-heading {
        margin: 0 0 260px
    }

    .cateing-bar-page-first-section {
        padding: 40px 0 66px
    }

    .cateing-bar-page-first-section .container,
    .cateing-bar-service-three-section .container,
    .cateing-bar-two-section .container,
    .wooden-plank-material-section .container {
        max-width: 1250px
    }

    .cateing-bar-two-section {
        padding: 45px 0
    }

    .cateing-fully-heading {
        margin: 0 auto 30px
    }

    .cateing-fully-heading h3 {
        margin: 0 0 30px;
        font-size: 36px;
        line-height: 48px
    }

    .cateing-flx-bar-col-4 {
        padding: 0 12px 30px
    }

    .cateing-flx-bar-col-info h4 {
        font-size: 26px;
        line-height: 32px;
        margin: 0 0 15px
    }

    .cateing-flx-bar-col-info p {
        font-size: 18px;
        line-height: 24px;
        padding: 0
    }

    .cateing-bar-service-three-section {
        padding: 55px 0 66px
    }

    .wooden-plank-material-section {
        padding: 66px 0
    }

    .wooden-plank-col-info p {
        font-size: 16px;
        line-height: 23px
    }

    .wooden-plank-figure-img img {
        max-height: 314px
    }

    .faq-accordion-collapse-content p {
        font-size: 20px;
        line-height: 30px
    }

    .faq-heading {
        margin-bottom: 20px
    }

    .faq-accordion-heading h3 {
        font-size: 30px;
        padding: 15px 0
    }

    .about-banner-section .container,
    .about-catering-info-section .container,
    .customer-testimonials-section .container,
    .inclusive-section-start .container {
        max-width: 1140px
    }

    .about-banner-right-info {
        width: 565px
    }

    .about-banner-content p,
    .about-catering-info-content p,
    .customer-testimonials-slide-list p,
    .inclusive-content p,
    .lean-green-wrapper p {
        font-size: 20px;
        line-height: 29px
    }

    .about-catering-info-content p:last-child {
        margin: 0;
        padding: 0 50px
    }

    .about-banner-left-info {
        width: 540px
    }

    .about-banner-video .wistia_responsive_padding {
        padding: 54.3% 0 0 !important
    }

    .venue-location-heading {
        margin-bottom: 10px
    }

    .venue-location-info h3 {
        font-size: 36px;
        line-height: 40px;
        margin: 0 0 10px
    }

    .venue-location-info p {
        font-size: 20px;
        line-height: 26px
    }

    .event-default-center-info h3,
    .event-service-item-info h3,
    .venue-hero-heading h1 {
        font-size: 46px;
        line-height: 46px;
        margin: 0 0 20px
    }

    .venue-hero-heading p {
        font-size: 22px;
        line-height: 29px
    }

    .event-hero-heading h1 {
        margin: 0 0 30px;
        font-size: 70px;
        line-height: 70px;
        padding-right: 50px
    }

    .event-hero-heading ul li {
        font-size: 25px
    }

    .event-hero-1-left-col {
        padding: 80px 0
    }

    .event-default-center-info {
        padding: 0 50px
    }

    .event-default-center-info p {
        font-size: 22px;
        line-height: 31px;
        margin: 0 0 18px
    }

    .event-cat-three-section .event-default-center-info {
        padding: 0 90px
    }

    .event-cat-three-section {
        padding: 250px 0 60px
    }

    .event-planning-text-info h4 {
        font-size: 46px;
        line-height: 46px;
        margin: 0 0 60px
    }

    .event-planning-text-info p {
        font-size: 22px;
        line-height: 31px;
        margin: 0 0 20px
    }

    .event-planning-four-section {
        padding: 50px 0 70px
    }

    .event-planning-four-section::after {
        height: 190px
    }

    .event-service-item-info p {
        font-size: 22px;
        line-height: 30px;
        margin: 0 0 20px
    }

    .lean-green-wrapper h2 {
        font-size: 60px;
        line-height: 60px;
        margin: 0 0 20px
    }

    .lean-green-wrapper {
        padding: 0 0 0 170px
    }

    .about-catering-info-section .container {
        max-width: 940px
    }

    .event-hero-heading.ecs_heading h1,
    .seasonal-pge-hero1-section .event-hero-heading h1 {
        font-size: 50px;
        line-height: 50px;
        margin: 0 0 20px;
        padding-right: 90px
    }

    .seasonal-pge-hero1-section .event-hero-food-col-info h2 {
        font-size: 35px;
        line-height: 36px;
        margin: 0 0 15px
    }

    .seasonal-pge-hero1-section .event-hero-food-col-info p {
        font-size: 20px;
        line-height: 25px;
        margin: 0 0 15px
    }

    .seasonal-pge-hero1-section .event-hero-food-col-info a.button.button-clr {
        margin-top: 10px;
        padding: 0 25px
    }

    .seasonal-pge-hero1-section .event-hero-food-col-img {
        width: 220px
    }

    .seasonal-pge-hero1-section .event-hero-food-col-sm6 {
        width: 76.2%
    }

    .seasonal-pge-two-section {
        padding: 48px 0 70px
    }

    .heading h1,
    .heading h2,
    .heading h3,
    .heading h4,
    .heading h5 {
        font-size: 44px;
        line-height: 46px;
        margin: 0 0 20px
    }

    .seasonal-pge-two-section .heading p {
        font-size: 20px;
        line-height: 32px
    }

    .seasonal-service-menu-info {
        padding: 20px
    }

    .seasonal-service-col-4 .seasonal-service-menu-info {
        padding: 20px 10px
    }

    .seasonal-service-col-4 .seasonal-service-menu-info p {
        font-size: 17px;
        line-height: 21px
    }

    .seasonal-pge-three-section {
        padding: 60px 0
    }

    .seasonal-pge-three-section .container {
        max-width: 1440px;
        padding: 0 50px
    }

    .heading p {
        font-size: 20px;
        line-height: 27px
    }

    .seasonal-4-text-info h5 {
        font-size: 40px;
        line-height: 46px;
        margin: 0 0 25px
    }

    .seasonal-service-five-section {
        padding: 70px 0 78px
    }

    .services-include-item {
        padding: 49px 100px 45px;
        max-width: 936px
    }

    .services-include-item h5 {
        font-size: 25px;
        line-height: 40px
    }

    .services-include-item p {
        margin: 0 0 24px
    }

    .seasonal-service-menu-info h4 {
        font-size: 44px;
        line-height: 46px
    }

    .menu-thumbil-slider-item h6 {
        font-size: 24px;
        line-height: 26px
    }

    .service-area-col-left {
        width: 300px
    }

    .service-area-col-right {
        width: calc(100% - 300px)
    }

    .service-area-col-right-inner h6 {
        font-size: 21px
    }

    .service-newhome-info {
        padding-right: 0;
        width: 100%
    }

    .atf_css .cateing-bar-heading h2 {
        font-size: 40px;
        line-height: 40px
    }

    .atf_css .cateing-bar-heading h1 {
        font-size: 68px;
        line-height: 1;
        margin: 0 0 10px
    }

    .atf_css .cateing-bar-first-content h3 {
        font-size: 45px;
        line-height: 41px
    }

    .atf_css .cateing-bar-heading {
        margin: 0 0 15px
    }

    .atf_css .cateing-bar-first-content p {
        font-size: 18px;
        line-height: 21px;
        margin: 0 0 15px
    }

    .service-item-content p {
        font-size: 16px;
        line-height: 22px
    }

    .service-item-content {
        height: 168px
    }

    .service-item-img {
        margin: 0 -15px 8px;
        padding: 0
    }

    .service-item-content h4 {
        line-height: 26px;
        font-size: 23px;
        margin: 0 0 7px
    }

    .about-banner-content h1 {
        font-size: 50px;
        line-height: 50px;
        margin: 0 0 20px
    }

    .page_info>h1 {
        font-size: 50px;
        line-height: 51px;
        margin-top: 40px;
        margin-bottom: 20px
    }

    .cateing-bar-page-first-section.atf_css {
        height: 550px;
        background-position: center top 85px
    }

    .lean-green-section {
        background-position: -120px
    }

    .cateing-fully-heading>p {
        font-size: 22px;
        line-height: 36px;
        text-transform: capitalize
    }
    .service-area-section.location-service-area-section {
        padding: 50px 0;
    }
    .location-service-area-section .service-area-col-left {
        width: 300px;
    }
    .location-service-area-section .service-area-col-right {
        width: calc(100% - 300px);
        padding-left: 30px;
    }

    .location-service-area-section .service-area-col-right-inner p {
        font-size: 18px;
    }
    .service-area-section.location-service-area-section .container {
        max-width: 1130px;
        padding: 0;
    }
    .service-area-map-laptop.hide-map-section {
        display: none;
    }
    .service-area-map-min-laptop.hide-map-section {
        display: block;
    }
}

@media (max-width:1279px) {
    .corporate-hm-four-section {
        padding: 60px 0 65px
    }

    .wooden-plank-col-info h4 {
        font-size: 34px;
        line-height: 40px
    }

    .wooden-plank-col-info {
        padding: 30px
    }

    .lean-green-section {
        background-position: -130px
    }

    .seasonal-service-menu-info p {
        font-size: 22px;
        line-height: 28px;
        padding: 0 20px;
        margin: 17px 0 0
    }

    .menu-thumbil-slider-item h6 {
        font-size: 25px;
        line-height: 26px
    }

    .cateing-bar-first-content h3 {
        padding: 0 130px 25px
    }
}

@media (max-width:1199px) {

    .hero-oneslider,
    .hero-slider-item img {
        height: 340px
    }

    .hero-content-absolute {
        top: 44%
    }

    .content-hero-info h1,
    .content-hero-info h4,
    .st-petricks-mardi-gras-banner .content-hero-info h1,
    .st-petricks-mardi-gras-banner .content-hero-info h4 {
        font-size: 38px;
        line-height: 38px;
        margin: 0 0 6px
    }

    .content-hero-info h2 {
        font-size: 25px;
        line-height: 34px
    }

    .content-hero-info p {
        font-size: 18px;
        line-height: 23px;
        padding: 0 0 32px
    }

    .event-cat-two-section,
    .event-service-five-section,
    .food-hm-two-section,
    .service-hm-three-section,
    .whychoose-hm-six-section {
        padding: 50px 0
    }

    .default-center-info-text h1,
    .default-center-info-text h2,
    .default-center-info-text h3,
    .default-center-info-text h4,
    .default-center-info-text h5 {
        margin: 0 0 20px;
        font-size: 30px;
        line-height: 35px
    }

    .service-hm-outer-info h4 {
        font-size: 18px;
        line-height: 45px
    }

    .corporate-hm-four-section,
    .seasonal-pge-two-section {
        padding: 40px 0 50px
    }

    .food-img-afr-01 {
        width: 193px;
        height: auto;
        left: -120px
    }

    .food-img-afr-02 {
        width: 212px;
        height: auto;
        top: 34%
    }

    .food-img-afr-03 {
        width: 100px;
        bottom: 22px;
        right: 44px
    }

    .whychoose-heading h2 {
        font-size: 50px;
        line-height: 50px
    }

    .service-choose-col-info span {
        font-size: 35px;
        line-height: 35px;
        margin: 0 0 15px
    }

    .service-choose-col-info h3 {
        font-size: 24px
    }

    .seasonal-pge-four-section,
    .seasonal-service-five-section,
    .whychoose-serv-section {
        padding: 40px 0
    }

    .service-choose-col-info p {
        font-size: 16px
    }

    .customer-favorites-section {
        padding: 45px 0 50px
    }

    .customer-outer-txt-info h6 {
        font-size: 20px;
        line-height: 48px
    }

    .service-area-section {
        padding: 50px 0 51px
    }

    .service-area-col-left {
        width: 320px
    }

    .service-area-col-right {
        width: calc(100% - 320px);
        padding-left: 50px
    }

    .cateing-bar-heading h2,
    .service-area-col-right-inner h2 {
        font-size: 35px;
        line-height: 35px
    }

    .service-area-col-right-inner h6,
    .service-area-col-right-inner p {
        font-size: 18px
    }

    .faq-menu-btn {
        margin-top: 32px
    }

    .servicearealogo-home.service-area-logo figure img {
        max-height: 70px;
        margin: 0 auto 20px
    }

    .service-area-logo.servicearealogo-home {
        gap: 10px
    }

    .about-banner-section,
    .inclusive-section-start {
        overflow: hidden
    }

    .about-banner-section .container,
    .about-catering-info-section .container,
    .customer-testimonials-section .container,
    .inclusive-section-start .container {
        max-width: 100%;
        padding: 0 20px
    }

    .about-banner-video .wistia_responsive_padding {
        padding: 54.7% 0 0 !important;
        border-width: 6px !important
    }

    .about-banner-left-info {
        width: 47%
    }

    .about-banner-right-info {
        width: 50%
    }

    .about-banner-img {
        height: 100%;
        width: 78%
    }

    .about-banner-content h1 {
        font-size: 52px;
        line-height: 54px;
        margin: 0 0 20px
    }

    .about-banner-content p,
    .about-catering-info-content p,
    .customer-testimonials-slide-list p,
    .inclusive-content p,
    .lean-green-wrapper p {
        font-size: 20px;
        line-height: 24px
    }

    .about-catering-info-content h2 {
        font-size: 40px;
        line-height: 42px;
        margin: 0 0 18px
    }

    .about-catering-info-content {
        padding: 50px 30px
    }

    .customer-testimonials-wrapper {
        padding: 65px 0 0
    }

    .customer-testimonials-heading img {
        margin: 0 25px 0 0;
        width: 130px
    }

    .customer-testimonials-heading h2 {
        width: 477px;
        font-size: 50px;
        line-height: 52px
    }

    .customer-testimonials-heading {
        margin: 0 0 50px
    }

    .customer-testimonials-slider .slick-slide img,
    .seasonal-pge-hero1-section .event-hero-food-col-img,
    .seasonal-service-menu-info figure {
        width: 150px
    }

    .customer-testimonials-slide-list {
        width: 755px !important
    }

    .customer-testimonials-slide-list p {
        line-height: 32px
    }

    .customer-testimonials-slide-list h6 {
        font-size: 25px;
        line-height: 50px;
        margin: 20px 0
    }

    .customer-testimonials-slider .slick-dots li,
    .customer-testimonials-slider .slick-dots li button {
        height: 18px;
        width: 18px
    }

    .customer-testimonials-slider ul.slick-dots {
        height: 124px;
        padding: 45px 0
    }

    .customer-testimonials-section::after {
        height: 124px
    }

    .customer-testimonials-slider ul.slick-dots::before {
        width: 60px;
        height: 60px;
        right: 95px;
        top: -31px
    }

    .lean-green-wrapper h2 {
        font-size: 50px;
        line-height: 52px;
        margin: 0 0 20px
    }

    .lean-green-wrapper h4 {
        font-size: 22px;
        line-height: 30px;
        margin: 0 0 10px
    }

    .inclusive-content h2 {
        font-size: 50px;
        line-height: 52px;
        margin: 0 0 5px
    }

    .inclusive-content p {
        margin: 0 0 20px
    }

    .inclusive-wrapper {
        padding: 60px 0 60px 180px
    }

    .cateing-bar-page-first-section {
        padding: 40px 0 46px;
        background-position: center top
    }

    .cateing-bar-heading {
        margin: 0 0 282px
    }

    .cateing-bar-heading h1 {
        font-size: 70px;
        line-height: 72px
    }

    .cateing-bar-first-content h3 {
        font-size: 34px;
        line-height: 42px;
        padding: 0 180px 20px
    }

    .cateing-bar-first-content p {
        font-size: 18px;
        line-height: 25px;
        margin: 0 0 12px
    }

    .cateing-bar-page-first-section .container,
    .cateing-bar-two-section .container,
    .event-planning-four-section .container,
    .venue-location-section .container {
        padding: 0 15px
    }

    .cateing-bar-first-content a.button {
        margin-top: 18px
    }

    .button.button-clr,
    .cateing-bar-service-three-section .container {
        padding: 0 30px
    }

    .cateing-bar-two-section {
        padding: 35px 20px 46px
    }

    .cateing-flx-bar-row,
    .event-hero-food-col-info a.button.button-clr,
    .seasonal-pge-four-section .container,
    .seasonal-pge-three-section .container,
    .seasonal-pge-two-section .container {
        padding: 0 20px
    }

    .cateing-fully-heading {
        margin: 0 auto 25px;
        max-width: 100%
    }

    .cateing-fully-heading h3 {
        margin: 0 0 25px;
        font-size: 30px;
        line-height: 38px
    }

    .cateing-flx-bar-col-info img,
    .event-hero-food-col-info h2 {
        margin: 0 0 18px
    }

    .cateing-flx-bar-col-info h4 {
        font-size: 22px;
        line-height: 27px;
        margin: 0 0 10px
    }

    .cateing-flx-bar-col-info p,
    .service-item-content p {
        font-size: 16px;
        line-height: 22px
    }

    .button-col-12 {
        padding-top: 12px
    }

    .cateing-bar-service-three-section {
        padding: 35px 0 46px
    }

    .service-bar-slider-col-4 {
        padding: 0 7px
    }

    .service-item-content {
        height: 181px
    }

    .service-item-content h4 {
        line-height: 26px;
        font-size: 24px
    }

    .seasonal-catering-menu-thumbil .container,
    .wooden-plank-material-section .container {
        padding: 0 10px
    }

    .wooden-plank-col-info h4 {
        font-size: 28px;
        line-height: 32px
    }

    .wooden-plank-col-info p {
        font-size: 18px;
        line-height: 28px
    }

    .faq-section,
    .wooden-plank-material-section {
        padding: 46px 0
    }

    .faq-heading h2 {
        font-size: 35px
    }

    .faq-accordion-heading h3 {
        font-size: 25px;
        line-height: normal
    }

    .faq-accordion-collapse-content p,
    .services-include-item p {
        font-size: 18px;
        line-height: 25px
    }

    .faq-accordion-collapse-list.active {
        padding-bottom: 25px
    }

    .venue-banner-section .container {
        padding: 0 50px
    }

    .venue-hero-heading {
        padding: 40px 0 0
    }

    .venue-hero-heading h1 {
        font-size: 40px;
        line-height: 44px;
        margin: 0 0 10px
    }

    .heading p,
    .venue-hero-heading p,
    .venue-location-info p {
        font-size: 18px;
        line-height: 24px
    }

    .venue-banner-section {
        height: 335px
    }

    .venue-location-info h3 {
        font-size: 25px;
        line-height: 30px;
        margin: 0 0 10px
    }

    .venue-location-link a.link-btn {
        font-size: 18px;
        line-height: 26px
    }

    .venue-location-link a.link-btn svg {
        width: 8px
    }

    .venue-location-section {
        margin-bottom: 60px
    }

    .venue-location-left-col {
        padding: 35px 22px
    }

    .booking-inquiries-section {
        padding: 60px 0
    }

    .booking-inquiries-wrap {
        padding: 40px;
        max-width: 840px;
        margin: 0 auto
    }

    .booking-inquiries-info h2 {
        font-size: 45px;
        line-height: 46px;
        margin: 0 0 16px
    }

    .booking-inquiries-info p {
        font-size: 18px;
        line-height: 26px;
        margin: 0 0 11px
    }

    .booking-inquiries-info p br {
        display: none
    }

    .inquiries-book-btn .button {
        min-width: 186px
    }

    .event-hero-first-section .container,
    .event-service-item-col-6,
    .seasonal-pge-hero1-section .event-hero-heading {
        padding: 0
    }

    .event-hero-1-left-col {
        padding: 40px 0 80px
    }

    .event-hero-heading h1 {
        margin: 0 0 26px;
        font-size: 55px;
        line-height: 55px;
        padding-right: 50px
    }

    .event-hero-heading,
    .event-service-item-info-img {
        padding-left: 15px
    }

    .event-hero-food-col-img img {
        min-width: 348px
    }

    .event-hero-food-col-info p {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 20px
    }

    .event-hero-1-right-col {
        padding: 40px 0 40px 20px
    }

    .event-default-center-info h3,
    .event-service-item-info h3 {
        font-size: 35px;
        line-height: 35px;
        margin: 0 0 20px
    }

    .event-default-center-info p {
        font-size: 18px;
        line-height: 26px;
        margin: 0 0 14px
    }

    .event-cat-three-section {
        padding: 183px 0 50px
    }

    .event-planning-text-info p,
    .event-service-item-info p {
        font-size: 18px;
        line-height: 26px;
        margin: 0 0 15px
    }

    .event-planning-text-info h4 {
        font-size: 35px;
        line-height: 40px;
        margin: 0 0 50px
    }

    .event-planning-text-right {
        padding-left: 30px;
        padding-right: 70px
    }

    .event-planning-four-section::after {
        height: 160px
    }

    .event-service-item-info {
        padding-right: 15px
    }

    .about-catering-info-section .container {
        max-width: 810px
    }

    .seasonal-pge-hero1-section .event-hero-1-left-col,
    .seasonal-pge-hero1-section .event-hero-food-col-info {
        padding: 30px 20px
    }

    .event-hero-heading.ecs_heading h1,
    .seasonal-pge-hero1-section .event-hero-heading h1 {
        font-size: 40px;
        line-height: 41px
    }

    .seasonal-pge-hero1-section .event-hero-food-col-sm6 {
        width: 82.2%
    }

    .seasonal-pge-hero1-section .event-hero-food-col-info h2 {
        font-size: 30px;
        line-height: 33px;
        margin: 0 0 12px
    }

    .seasonal-pge-hero1-section .event-hero-food-col-info p {
        font-size: 18px;
        line-height: 22px;
        margin: 0 0 12px
    }

    .heading h1,
    .heading h2,
    .heading h3,
    .heading h4,
    .heading h5 {
        font-size: 38px;
        line-height: 36px;
        margin: 0 0 20px
    }

    .seasonal-pge-two-section .heading p {
        font-size: 18px;
        line-height: 30px
    }

    .heading:not(:last-child) {
        margin-bottom: 20px
    }

    .seasonal-service-menu-info figcaption {
        width: calc(100% - 150px)
    }

    .seasonal-service-menu-info h4 {
        font-size: 38px;
        line-height: 34px
    }

    .seasonal-service-menu-info p,
    .viewlink {
        font-size: 18px;
        line-height: 23px
    }

    .seasonal-service-menu-info p {
        padding: 0 28px;
        margin: 10px 0 0
    }

    .seasonal-service-col-4 .seasonal-service-menu-info figcaption {
        width: 100%
    }

    .seasonal-service-col-4 .seasonal-service-menu-info h4 {
        font-size: 26px;
        line-height: 28px
    }

    .seasonal-service-col-4 .seasonal-service-menu-info figure {
        margin: 0 auto
    }

    .seasonal-service-col-4 .seasonal-service-menu-info p {
        font-size: 16px;
        line-height: 19px
    }

    .seasonal-service-col-4 .seasonal-service-menu-info {
        padding: 20px;
        display: block
    }

    .seasonal-pge-three-section {
        padding: 35px 0
    }

    .seasonal-catering-menu-thumbil {
        padding: 35px 0 40px
    }

    .catering-one-repreat .heading {
        padding: 0 80px;
        min-height: 190px
    }

    .menu-service-box-col-4 {
        width: 33.33%
    }

    .col-btn-12 {
        margin-top: 27px
    }

    .col-btn-12 .button.button-clr {
        padding: 0 25px;
        height: 55px;
        font-size: 24px
    }

    .catering-one-slider ul.slick-dots {
        margin-top: 35px
    }

    .catering-thumbil-bottotm-section {
        margin-bottom: 50px;
        padding-bottom: 40px;
        padding-left: 10px;
        padding-right: 10px
    }

    .menu-thumbil-slider-item img {
        max-width: 110px
    }

    .menu-thumbil-slider-item figure {
        height: 110px
    }

    .menu-thumbil-slider-item h6 {
        font-size: 20px;
        line-height: 20px
    }

    .seasonal-service-col-4 .viewlink {
        font-size: 16px;
        line-height: 16px
    }

    .menu-thumbil-slider-item .viewlink {
        font-size: 16px;
        line-height: 21px
    }

    .seasonal-4-text-info h5 {
        font-size: 30px;
        line-height: 36px;
        margin: 0 0 20px
    }

    .seasonal-4-text-right {
        padding-left: 40px
    }

    .services-include-item {
        padding: 50px 40px 45px;
        max-width: 686px
    }

    .services-include-item h5 {
        font-size: 22px;
        line-height: 40px
    }

    .home-hero-slide-new-color .content-hero-info .slider-heading {
        font-size: 50px;
        line-height: 45px
    }

    .home-hero-slide-new-color .content-hero-info p {
        max-width: 380px;
        margin-bottom: 12px;
        line-height: 21px
    }

    .wooden-plank-figure-img img {
        max-height: max-content
    }

    .atf_css .cateing-bar-first-content p {
        font-size: 18px;
        line-height: 31px;
        margin: 0 0 18px
    }

    .page_info>h1 {
        font-size: 40px;
        line-height: 40px
    }

    .st-petricks-mardi-gras-banner .content-hero-info p {
        padding: 0 240px 32px;
        font-size: 18px;
        line-height: 23px
    }

    .cateing-bar-page-first-section.atf_css {
        height: 530px;
        background-position: center top 145px
    }

    .cateing-fully-heading>p {
        font-size: 18px;
        line-height: 32px
    }
    .service-area-section.location-service-area-section .container {
        padding: 0 15px;
    }
    .location-service-area-section .service-area-col-right-inner h2, .location-service-area-section .service-choose-col-info span {
        font-size: 35px;
        line-height: 35px;
    }
    .page-template-locations .corprate-page-testimonials-section .slick-slider {
        padding-bottom: 40px;
    }
}

@media (max-width:1023px) {
    .content-hero-info p {
        padding: 0 0 22px;
        font-size: 15px;
        line-height: 19px
    }

    .content-hero-info h2 {
        font-size: 22px;
        line-height: 23px
    }

    .default-center-info-text p {
        font-size: 16px;
        margin: 0 0 10px;
        line-height: 22px
    }

    .seamless-hm-five-section {
        position: relative;
        z-index: 1
    }

    .seamless-hm-five-section::after {
        content: "";
        background: url('../jpg/space-italian-food-ingredientspcoh.jpg') right top/cover;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        opacity: .8
    }

    .food-img-afr-02,
    .food-img-afr-03 {
        z-index: 2
    }

    .inclusive-section-start,
    .lean-green-section {
        z-index: 0;
        position: relative
    }

    .service-choose-col-sm-4 {
        width: 50%;
        padding: 15px
    }

    .whychoose-serv-section {
        padding: 30px 0
    }

    .event-planning-text-right,
    .service-newhome-info {
        padding-right: 0
    }

    .service-area-col-right {
        padding-left: 20px
    }

    .servicearealogo-home.service-area-logo span {
        font-size: 13px;
        line-height: 18px
    }

    .servicearealogo-home.service-area-logo figure img {
        max-height: 60px;
        margin: 0 auto 10px
    }

    .home-hero-slide-new-color .content-hero-info p.notess,
    .service-area-col-right-inner p {
        font-size: 16px
    }

    .about-banner-right-info {
        width: 45%
    }

    .about-banner-left-info {
        width: 52%;
        padding: 40px 0 50px
    }

    .about-banner-content h1 {
        font-size: 42px;
        line-height: 44px;
        margin: 0 0 15px
    }

    .about-banner-content p,
    .about-catering-info-content p,
    .customer-testimonials-slide-list p,
    .inclusive-content p,
    .lean-green-wrapper p {
        font-size: 18px;
        line-height: 25px
    }

    .about-catering-info-content h2 {
        font-size: 40px;
        line-height: 42px;
        margin: 0 0 14px
    }

    .about-catering-info-content {
        padding: 50px 30px
    }

    .about-catering-info-content p {
        margin: 0 0 25px
    }

    .customer-testimonials-wrapper {
        padding: 50px 0 0
    }

    .customer-testimonials-heading h2 {
        width: 385px;
        font-size: 40px;
        line-height: 42px
    }

    .customer-testimonials-heading img {
        margin: 0 15px 0 0;
        width: 100px
    }

    .customer-testimonials-slider .slick-slide img {
        width: 135px
    }

    .customer-testimonials-slide-list .star-icon {
        margin: 0 0 35px
    }

    .customer-testimonials-slide-list {
        width: 605px !important
    }

    .customer-testimonials-slide-list p {
        line-height: 27px
    }

    .customer-testimonials-slide-list h6 {
        font-size: 22px;
        line-height: 30px;
        margin: 20px 0 0
    }

    .customer-testimonials-slider .slick-dots li,
    .customer-testimonials-slider .slick-dots li button {
        height: 14px;
        width: 14px
    }

    .customer-testimonials-slider ul.slick-dots {
        height: 94px;
        padding: 30px 0
    }

    .customer-testimonials-section::after {
        height: 94px
    }

    .inclusive-section-start::before,
    .lean-green-section::before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        top: 0
    }

    .customer-testimonials-slider ul.slick-dots::before {
        width: 45px;
        height: 45px;
        right: 75px;
        top: -23px
    }

    .lean-green-wrapper h2 {
        font-size: 40px;
        line-height: 42px;
        margin: 0 0 15px
    }

    .lean-green-wrapper h4 {
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 10px
    }

    .event-default-center-info,
    .lean-green-wrapper,
    .lean-green-wrapper p {
        padding: 0
    }

    .lean-green-section {
        padding: 50px 0
    }

    .inclusive-content h2 {
        font-size: 40px;
        line-height: 42px
    }

    .inclusive-wrapper {
        padding: 50px 0
    }

    .inclusive-section-start::before {
        background: #fff;
        opacity: .4
    }

    .lean-green-section::before {
        background: #000;
        opacity: .35
    }

    .cateing-bar-heading h2 {
        font-size: 30px;
        line-height: 35px
    }

    .cateing-bar-heading h1 {
        font-size: 50px;
        line-height: 52px;
        margin: 0 0 180px
    }

    .cateing-bar-heading {
        margin: 0 0 20px
    }

    .cateing-bar-first-content h3 {
        font-size: 30px;
        line-height: 38px;
        padding: 0 90px 20px
    }

    .cateing-flx-bar-col-4 {
        width: 50%
    }

    .service-item-content {
        height: 158px
    }

    .wooden-plank-col-info {
        padding: 15px
    }

    .wooden-plank-col-info h4 {
        font-size: 26px;
        line-height: 30px
    }

    .booking-inquiries-info p,
    .cateing-bar-first-content p,
    .faq-accordion-collapse-content p,
    .heading p,
    .menu-service-box-col-info p,
    .seasonal-pge-two-section .heading p,
    .venue-hero-heading p,
    .venue-location-info p,
    .wooden-plank-col-info p {
        font-size: 16px;
        line-height: 22px
    }

    .cateing-bar-first-content p {
        margin: 0 0 12px
    }

    .booking-inquiries-info h2 {
        font-size: 35px;
        line-height: 40px;
        margin: 0 0 15px
    }

    .inquiries-book-btn {
        padding-top: 10px
    }

    .inquiries-book-btn .button {
        min-width: 140px
    }

    .venue-hero-heading h1 {
        font-size: 35px;
        line-height: 37px;
        margin: 0 0 10px
    }

    .venue-banner-section .container {
        padding: 0 30px
    }

    .venue-location-left-col {
        padding: 22px
    }

    .event-hero-1-right-col {
        padding: 40px 20px 40px 30px;
        position: relative
    }

    .event-hero-food-col-sm6 {
        width: 100%;
        position: relative;
        z-index: 1
    }

    .event-hero-food-col-img {
        width: 40%;
        position: absolute;
        bottom: -82px;
        right: -60px
    }

    .event-hero-food-col-img img {
        min-width: 100%;
        margin: 0
    }

    .event-hero-food-col-info p,
    .event-planning-text-info p,
    .event-service-item-info p {
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 15px
    }

    .event-hero-heading h1 {
        margin: 0 0 20px;
        font-size: 45px;
        line-height: 45px;
        padding-right: 50px
    }

    .event-hero-heading ul li {
        font-size: 20px;
        line-height: 25px
    }

    .event-hero-heading ul li a {
        padding: 9px 14px
    }

    .event-cat-two-section,
    .event-planning-four-section,
    .event-service-five-section {
        padding: 40px 0
    }

    .event-default-center-info h3 {
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 20px
    }

    .event-default-center-info p {
        font-size: 16px;
        line-height: 22px;
        margin: 0 0 10px
    }

    .event-cat-three-section {
        padding: 170px 0 40px
    }

    .event-cat-three-section .event-default-center-info {
        padding: 0 40px
    }

    .event-planning-text-info h4 {
        font-size: 30px;
        line-height: 32px;
        margin: 0 0 30px
    }

    .event-planning-four-section::after {
        height: 132px
    }

    .event-service-item-info h3 {
        font-size: 30px;
        line-height: 31px;
        margin: 0 0 20px
    }

    .seasonal-pge-hero1-section .event-hero-food-col-img {
        width: 110px;
        top: 0;
        bottom: auto;
        opacity: .5
    }

    .seasonal-pge-hero1-section .event-hero-food-col-info p {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 12px
    }

    .seasonal-pge-hero1-section .event-hero-food-col-sm6 {
        width: 100%
    }

    .event-hero-heading.ecs_heading h1,
    .seasonal-pge-hero1-section .event-hero-heading h1 {
        font-size: 32px;
        line-height: 35px;
        padding-right: 60px
    }

    .seasonal-service-row {
        margin: 0 -5px
    }

    .seasonal-service-col-4,
    .seasonal-service-col-6 {
        padding: 5px
    }

    .seasonal-service-menu-info figure {
        width: 110px
    }

    .seasonal-service-menu-info figcaption {
        width: calc(100% - 110px)
    }

    .seasonal-service-menu-info p {
        padding: 0 20px;
        font-size: 16px;
        line-height: 22px
    }

    .seasonal-service-menu-info h4 {
        font-size: 32px;
        line-height: 28px
    }

    .heading h1,
    .heading h2,
    .heading h3,
    .heading h4,
    .heading h5 {
        font-size: 32px;
        line-height: 33px;
        margin: 0 0 10px
    }

    .menu-service-box-col-info h5 {
        font-size: 25px;
        line-height: 28px
    }

    .catering-one-repreat .heading {
        padding: 0;
        min-height: inherit
    }

    .menu-service-box-col-4 {
        padding: 5px;
        width: 50%
    }

    .col-btn-12 .button.button-clr {
        padding: 0 20px;
        height: 45px;
        font-size: 20px;
        min-width: 200px
    }

    .menu-thumbil-slider-item {
        padding: 20px 10px
    }

    .seasonal-4-text-info h5 {
        font-size: 25px;
        line-height: 31px;
        margin: 0 0 15px
    }

    .menu-service-box-col-info {
        min-height: 235px;
        max-height: 235px
    }

    .para-scroll {
        height: 153px
    }

    .home-hero-slide-new-color .content-hero-info p {
        margin-bottom: 12px;
        line-height: 24px;
        font-size: 19px
    }

    .home-hero-slide-new-color .content-hero-info .slider-heading {
        font-size: 45px;
        line-height: 45px;
        margin-top: 15px
    }

    .service-choose-col-info a.button.button-clr {
        min-width: 155px;
        height: 45px;
        padding: 0 18px
    }

    .service-choose-col-info h3 br {
        display: none
    }

    .atf_css .cateing-bar-first-content h3 {
        font-size: 35px;
        line-height: 39px;
        padding: 0 0 12px
    }

    .cateing-bar-two-section {
        padding: 35px 15px 46px
    }

    .st-petricks-mardi-gras-banner .content-hero-info h1,
    .st-petricks-mardi-gras-banner .content-hero-info h4 {
        font-size: 30px;
        line-height: 30px;
        padding: 0 190px;
        margin: 0 0 6px
    }

    .st-petricks-mardi-gras-banner .content-hero-info p {
        padding: 0 160px 20px;
        font-size: 15px;
        line-height: 19px
    }

    .service-area-logo.servicearealogo-home {
        gap: 8px
    }

    .cateing-bar-page-first-section.atf_css {
        height: 460px;
        background-position: center top 165px
    }

    .content-hero-info h1,
    .content-hero-info h4 {
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 6px
    }

    .thank-you-content {
        margin: 25px 0 0
    }

    .thank-you-content h1,
    .thank-you-content h2 {
        font-size: 32px;
        margin: 0 0 15px;
        line-height: 42px
    }

    .thank-you-section .site-logo {
        width: 160px;
        text-align: center;
        margin: 0 auto
    }

    .thank-you-section .site-logo img {
        max-width: 100%;
        width: 100%
    }

    .btn-cover a {
        font-size: 18px;
        width: 230px;
        height: 55px;
        margin: 0 10px
    }

    .hero-oneslider {
        height: 340px
    }
    .location-service-area-section .service-area-col-right-inner p {
        font-size: 16px;
    }
    .location-service-area-section .service-area-col-right-inner h2 br{
        display: none;
    }
}

@media (max-width:767px) {
    .content-hero-info p {
        padding: 0 0 22px
    }

    .hero-oneslider,
    .hero-slider-item img {
        height: 290px
    }

    .food-hm-two-section,
    .page-id-1670 .page_info,
    .seamless-hm-five-section,
    .service-area-section,
    .whychoose-hm-six-section {
        padding: 40px 0
    }

    .service-hm-three-section {
        padding: 40px 0 30px
    }

    .service-hm-outer-col-4 {
        width: 50%;
        margin-bottom: 14px
    }

    .whychoose-heading h2 {
        font-size: 40px;
        line-height: 30px
    }

    .customer-favorites-section {
        padding: 35px 0 40px
    }

    .service-area-col-left {
        width: 240px
    }

    .service-area-col-right {
        width: calc(100% - 240px)
    }

    .service-area-col-right-inner h6 {
        font-size: 16px
    }

    .page_info>h1,
    .service-area-col-right-inner h2 {
        font-size: 30px;
        line-height: 30px
    }

    .faq-menu-btn {
        margin-top: 20px
    }

    .about-banner-content h1 {
        font-size: 35px;
        line-height: 37px;
        margin: 0 0 15px
    }

    .about-banner-content p,
    .about-catering-info-content p,
    .customer-testimonials-slide-list p,
    .inclusive-content p,
    .lean-green-wrapper p {
        font-size: 16px;
        line-height: 21px
    }

    .about-catering-info-content h2 {
        font-size: 32px;
        line-height: 32px;
        margin: 0 0 10px
    }

    .about-catering-info-content p br,
    .cateing-flx-bar-col-info h4 br,
    .catering-thumbil-slider.thumbil-slider-desktop,
    .col-btn-12.desktop-btn-show {
        display: none
    }

    .customer-testimonials-heading h2 {
        width: 310px;
        font-size: 32px;
        line-height: 32px
    }

    .customer-testimonials-heading img {
        margin: 0 15px 0 0;
        width: 80px
    }

    .customer-testimonials-slider .slick-slide img {
        width: 110px
    }

    .customer-testimonials-slide-list .star-icon {
        margin: 0 0 25px
    }

    .customer-testimonials-slide-list {
        width: 505px !important
    }

    .lean-green-wrapper h2 {
        font-size: 32px;
        line-height: 32px;
        margin: 0 0 15px
    }

    .lean-green-wrapper h4 {
        font-size: 16px;
        line-height: 21px;
        margin: 0 0 10px
    }

    .inclusive-content h2 {
        font-size: 32px;
        line-height: 32px
    }

    .inclusive-content,
    .seasonal-service-col-4 {
        width: 50%
    }

    .inclusive-img {
        width: 53%;
        margin-right: -30px
    }

    .faq-accordion-heading h3::after,
    .faq-accordion-heading h3::before {
        right: 0;
        top: 36%
    }

    .cateing-bar-first-content h3 {
        font-size: 30px;
        line-height: 38px;
        padding: 0 40px 20px
    }

    .venue-banner-section {
        height: 368px
    }

    .venue-hero-heading h1 {
        font-size: 35px;
        line-height: 37px;
        margin: 0 0 10px;
        padding: 0 20px
    }

    .event-cat-two-section .container {
        padding: 0 15px
    }

    .event-cat-three-section .event-default-center-info,
    .seasonal-service-menu-info p {
        padding: 0
    }

    .event-default-center-info a.button {
        padding: 0 18px;
        margin-top: 20px
    }

    .event-planning-4-row {
        align-items: flex-start
    }

    .event-planning-text-right {
        padding-left: 15px
    }

    .event-planning-text-info h4 {
        font-size: 29px
    }

    .event-planning-four-section::after {
        height: 122px
    }

    .event-hero-heading.ecs_heading h1,
    .seasonal-pge-hero1-section .event-hero-heading h1 {
        font-size: 30px;
        line-height: 30px;
        padding-right: 40px
    }

    .seasonal-service-menu-info h4 {
        font-size: 26px;
        line-height: 28px
    }

    .viewlink {
        font-size: 16px;
        line-height: 16px
    }

    .seasonal-service-menu-info {
        display: block
    }

    .seasonal-service-menu-info figure {
        margin: 0 auto 10px
    }

    .seasonal-service-menu-info figcaption {
        width: 100%;
        padding: 0
    }

    .seasonal-service-row {
        justify-content: center
    }

    .heading h1,
    .heading h2,
    .heading h3,
    .heading h4,
    .heading h5 {
        font-size: 30px;
        line-height: 34px
    }

    .seasonal-4-text-right {
        padding-left: 20px
    }

    .catering-thumbil-slider.thumbil-slider-mobile {
        display: block;
        padding: 0 20px 30px
    }

    .catering-thumbil-bottotm-section {
        padding-top: 10px;
        padding-bottom: 0;
        border-top: none !important;
        margin-bottom: 0;
        order: -1
    }

    .seasonal-catering-menu-thumbil {
        display: flex;
        flex-direction: column
    }

    .catering-thumbil-bottotm-section,
    .thumbil-slide-1 .catering-thumbil-bottotm-section,
    .thumbil-slide-4 .catering-thumbil-bottotm-section {
        border-bottom: 0
    }

    .col-btn-12.mobile-btn-show {
        display: block;
        border-bottom: 1px solid #fff;
        margin-bottom: 30px;
        padding-bottom: 20px
    }

    .thumbil-slide-1 .col-btn-12.mobile-btn-show,
    .thumbil-slide-4 .col-btn-12.mobile-btn-show {
        border-bottom: 1px solid #d9d9d9
    }

    .st-petricks-mardi-gras-banner .content-hero-info h1,
    .st-petricks-mardi-gras-banner .content-hero-info h4 {
        font-size: 30px;
        line-height: 30px;
        padding: 0 140px
    }

    .st-petricks-mardi-gras-banner .content-hero-info p {
        padding: 0 110px 20px;
        font-size: 16px;
        line-height: 22px
    }

    .wooden-plank-figure-img {
        height: 100%
    }

    .wooden-plank-figure-img img {
        max-height: 100%;
        height: 100%;
        object-fit: cover;
        display: block
    }

    .cateing-bar-page-first-section.atf_css {
        height: 430px;
        background-position: center top 175px
    }

    .page-id-1670 .page_info h1 {
        margin: 0
    }

    .page-id-1670 .page_info ul {
        margin: 11px 0 0 20px;
        padding: 0 !important
    }

    .service-item-content h4 {
        line-height: 26px;
        font-size: 22px
    }

    .service-bar-slider-item {
        padding: 0 15px 15px
    }

    .service-item-content {
        height: 188px
    }

    .btn-cover a {
        margin: 0 10px 10px
    }

    .venue-hero-heading p {
        max-height: max-content
    }

    .seattle-form-info .seattle-form-group>p {
        font-size: 12px
    }
    .location-service-area-section .service-area-col-left {
        width: 240px;
    }
    .location-service-area-section .service-area-col-right {
        width: calc(100% - 240px);
        padding-left: 20px;
    }
    .location-service-area-section .service-area-col-right-inner h2, .location-service-area-section .service-choose-col-info span {
        font-size: 30px;
        line-height: 32px;
    }
    .service-area-map-min-laptop.hide-map-section {
        display: none;
    }
    .service-area-map-mob-landscape.hide-map-section {
        display: block;
    }
}

@media (max-width:932px) and (orientation:landscape) {
    .cateing-bar-page-first-section.atf_css {
        height: 520px
    }
}

@media (max-width:920px) and (orientation:landscape) {
    .cateing-bar-page-first-section.atf_css {
        height: 500px
    }
}

@media (max-width:736px) and (orientation:landscape) {
    .cateing-bar-page-first-section.atf_css {
        height: 440px
    }
}

@media (max-width:575px) {
    .hero-slider-item img.mobile-hero-img {
        display: block;
        height: 390px
    }

    .hero-content-absolute {
        top: 47%
    }

    .food-hm-two-section,
    .seasonal-pge-two-section {
        padding: 35px 0
    }

    .default-center-info-text h1,
    .default-center-info-text h2,
    .default-center-info-text h3,
    .default-center-info-text h4,
    .default-center-info-text h5 {
        margin: 0 0 15px
    }

    .service-hm-three-section {
        padding: 35px 0 30px
    }

    .default-center-info-text br,
    .st-petricks-mardi-gras-banner .content-hero-info p br {
        display: none
    }

    .service-hm-outer-info h4 {
        font-size: 16px;
        line-height: 42px
    }

    .hm-four-five-section .default-center-info-text {
        padding: 0
    }

    .food-img-afr-01 {
        width: 113px;
        height: auto;
        left: -37px;
        top: 0;
        opacity: 1
    }

    .food-img-afr-02 {
        width: 100px;
        height: auto;
        top: 42%;
        right: -40px
    }

    .food-img-afr-03 {
        width: 80px;
        bottom: -8px;
        right: -26px
    }

    .default-center-info-text .button {
        margin-top: 14px
    }

    .button.button-clr {
        padding: 0 20px
    }

    .service-choose-col-info,
    .service-newhome-info {
        text-align: center
    }

    .service-choose-col-sm-4 {
        width: 100%;
        padding: 15px 0
    }

    .whychoose-hm-six-section {
        padding: 40px 0 0
    }

    .whychoose-serv-section {
        padding: 20px 0
    }

    .customer-outer-col-6,
    .event-service-item-col-6,
    .menu-service-box-col-4,
    .seasonal-4-img-left,
    .seasonal-service-col-4,
    .seasonal-service-col-6,
    .service-area-col-left,
    .venue-location-col6 {
        width: 100%
    }

    .service-area-col-right {
        width: 100%;
        padding-left: 0;
        padding-top: 20px
    }

    .servicearealogo-home.service-area-logo figure {
        width: 100%;
        margin-top: 25px
    }

    .servicearealogo-home.service-area-logo span {
        font-size: 20px;
        line-height: 25px
    }

    .servicearealogo-home.service-area-logo figure img {
        max-height: inherit
    }

    .service-area-logo.servicearealogo-home {
        padding-top: 10px;
        gap: 0
    }

    .service-hm-flx-row {
        padding-top: 10px
    }

    .about-banner-wrapper {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        position: relative;
        flex-wrap: wrap;
        flex-direction: column-reverse
    }

    .about-banner-left-info {
        padding: 30px 0 40px;
        width: 100%;
        text-align: center
    }

    .about-banner-section .container,
    .about-catering-info-section .container,
    .customer-testimonials-section .container,
    .inclusive-section-start .container {
        max-width: 100%;
        padding: 0 15px
    }

    .about-banner-right-info {
        width: 100%;
        margin: 40px 0 0
    }

    .about-banner-img {
        height: auto;
        width: 100%;
        display: none
    }

    .about-banner-img img {
        width: 100%;
        height: auto;
        max-width: unset;
        object-fit: cover;
        object-position: right
    }

    .about-banner-video {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        transform: inherit
    }

    .about-banner-video .wistia_responsive_padding {
        padding: 54.2% 0 0 !important;
        border-width: 6px !important
    }

    .about-catering-info-content {
        padding: 40px 15px
    }

    .about-catering-info-content h2 {
        font-size: 29px;
        line-height: 30px;
        margin: 0 0 10px
    }

    .about-catering-info-content p:last-child {
        margin: 0;
        padding: 0
    }

    .customer-testimonials-heading h2 {
        width: 240px;
        font-size: 29px;
        line-height: 29px
    }

    .customer-testimonials-heading img {
        margin: 0 15px 0 0;
        width: 65px
    }

    .customer-testimonials-heading {
        margin: 0 0 30px
    }

    .customer-testimonials-slide-list {
        width: 100% !important;
        padding: 0 30px
    }

    .customer-testimonials-slider .slick-next,
    .customer-testimonials-slider .slick-prev {
        width: 14px;
        height: 32px;
        background-size: 100% !important
    }

    .customer-testimonials-slider .slick-dots li,
    .customer-testimonials-slider .slick-dots li button {
        height: 10px;
        width: 10px;
        padding: 0
    }

    .customer-testimonials-slider .slick-dots li {
        margin: 0 4px
    }

    .customer-testimonials-slider ul.slick-dots {
        height: 55px;
        padding: 10px 0
    }

    .customer-testimonials-section::after {
        height: 55px
    }

    .customer-testimonials-slider ul.slick-dots::before {
        width: 32px;
        height: 32px;
        right: 15px;
        top: -23px
    }

    .booking-inquiries-section,
    .lean-green-section {
        padding: 40px 0
    }

    .lean-green-wrapper h2 {
        font-size: 29px;
        line-height: 30px;
        margin: 0 0 12px
    }

    .inclusive-wrapper {
        padding: 40px 0;
        flex-wrap: wrap;
        justify-content: center
    }

    .inclusive-content {
        width: 100%;
        text-align: center
    }

    .inclusive-content h2 {
        font-size: 29px;
        line-height: 29px
    }

    .inclusive-img {
        width: 100%;
        margin: 142px 0 0
    }

    .lean-green-section::before {
        opacity: .55
    }

    .venue-location-img {
        height: 200px
    }

    .cateing-bar-page-first-section {
        padding: 30px 0 46px;
        background-position: center top 57px
    }

    .cateing-bar-heading {
        margin: 0 0 20px
    }

    .cateing-bar-heading h1 {
        font-size: 40px;
        line-height: 49px
    }

    .cateing-bar-first-content h3 {
        font-size: 25px;
        line-height: 30px;
        padding: 0 24px 15px
    }

    .cateing-fully-heading {
        margin: 1px -15px 18px;
        max-width: inherit
    }

    .cateing-fully-heading h3 {
        margin: 0 0 18px;
        font-size: 28px;
        line-height: 32px
    }

    .cateing-flx-bar-col-4 {
        width: 100%;
        padding: 0 0 20px
    }

    .wooden-plank-col-6 {
        width: 100%;
        padding: 0
    }

    .cateing-flx-bar-row,
    .event-hero-heading,
    .wooden-plank-material-section .container {
        padding: 0 15px
    }

    .faq-section {
        padding: 26px 0 40px
    }

    .faq-heading {
        margin-bottom: 12px
    }

    .atf_css .cateing-bar-heading h2,
    .faq-heading h2 {
        font-size: 30px;
        line-height: 30px
    }

    .faq-accordion-heading h3 {
        font-size: 22px;
        padding-right: 40px
    }

    .venue-banner-section {
        height: 450px
    }

    .venue-hero-heading h1 {
        font-size: 30px;
        line-height: 33px;
        margin: 0 0 10px;
        padding: 0 12px
    }

    .venue-location-item-repeat {
        flex-direction: column-reverse;
        margin-bottom: 15px
    }

    .venue-location-item-repeat:last-child {
        margin-bottom: 0
    }

    .event-hero-food-warp,
    .event-service-warp,
    .venue-location-item-repeat:nth-child(2n) {
        flex-direction: column-reverse
    }

    .venue-location-section {
        margin-bottom: 40px
    }

    .booking-inquiries-wrap {
        padding: 20px
    }

    .booking-inquiries-info h2 {
        font-size: 30px;
        line-height: 30px;
        margin: 0 0 10px
    }

    .venue-location-wrap {
        margin-top: -100px
    }

    .event-hero-food-col-img,
    .event-planning-img-left {
        margin: 0 0 25px;
        width: 100%
    }

    .event-hero-1-left-col {
        padding: 30px 0 40px;
        width: 100%
    }

    .event-hero-1-right-col {
        padding: 30px 15px 40px;
        position: relative;
        width: 100%
    }

    .event-hero-food-col-img {
        position: static
    }

    .event-planning-text-right {
        padding-left: 0;
        width: 100%
    }

    .event-planning-text-info h4 {
        font-size: 30px;
        color: #000;
        margin: 0 0 16px
    }

    .event-service-item-info-img {
        padding-left: 0;
        padding-bottom: 25px
    }

    .event-service-item-info {
        padding-right: 0
    }

    .venue-location-info p {
        font-size: 17px
    }

    .event-hero-heading.ecs_heading h1,
    .seasonal-pge-hero1-section .event-hero-heading h1 {
        padding-right: 0;
        text-align: center
    }

    .seasonal-pge-hero1-section .event-hero-food-col-info {
        padding: 20px 20px 30px;
        text-align: center
    }

    .seasonal-4-text-right {
        padding-left: 0;
        width: 100%;
        text-align: center;
        margin-top: 20px
    }

    .services-include-item {
        padding: 30px 30px 25px
    }

    .services-include-item h5 {
        font-size: 22px;
        line-height: 31px
    }

    .services-include-item ul li:not(:last-child) {
        margin-bottom: 5px
    }

    .col-btn-12 {
        margin-top: 17px
    }

    .catering-one-slider ul.slick-dots {
        margin-top: 20px
    }

    .col-btn-12 .button.button-clr {
        margin: 5px
    }

    .para-scroll {
        height: auto
    }

    .menu-service-box-col-info {
        min-height: auto;
        max-height: inherit
    }

    .seasonal-pge-hero1-section .event-hero-food-col-info h2 {
        font-size: 23px;
        line-height: 25px;
        margin: 0 0 12px
    }

    .catering-one-repreat .heading {
        padding: 0;
        min-height: inherit
    }

    .home-hero-slide-new-color .content-hero-info .slider-heading {
        margin-bottom: 10px;
        font-size: 40px;
        line-height: 43px;
        margin-top: 0
    }

    .home-hero-slide-new-color .content-hero-info p {
        margin-bottom: 10px;
        line-height: 23px;
        font-size: 17px
    }

    .home-hero-slide-new-color .content-hero-info p.notess {
        font-size: 14px;
        margin-bottom: 15px
    }

    .cateing-bar-heading h1 {
        margin: 0 0 120px
    }

    .atf_css .cateing-bar-heading h1 {
        font-size: 40px;
        line-height: 1
    }

    .atf_css .cateing-bar-first-content h3 {
        font-size: 25px;
        line-height: 29px;
        padding: 0 0 15px
    }

    .atf_css .cateing-bar-first-content p {
        font-size: 16px;
        line-height: 21px;
        margin: 0 0 20px
    }

    .cateing-bar-page-first-section.atf_css {
        padding: 35px 0 20px;
        height: 375px;
        background-position: center top 205px
    }

    .page_info>h1 {
        font-size: 24px;
        line-height: 31px
    }

    .st-petricks-mardi-gras-banner .content-hero-info p {
        padding: 0 30px 12px;
        font-size: 14px;
        line-height: 18px
    }

    .st-petricks-mardi-gras-banner .content-hero-info .button {
        margin: 4px
    }

    .st-petricks-mardi-gras-banner .content-hero-info h1,
    .st-petricks-mardi-gras-banner .content-hero-info h4 {
        font-size: 27px;
        line-height: 26px;
        padding: 50px 40px 0
    }

    .st-petricks-mardi-gras-banner .hero-content-absolute {
        top: 36%
    }

    .st-petricks-mardi-gras-banner .content-hero-info .button svg {
        margin-left: 9px;
        height: 13px
    }

    .event-cat-three-section {
        padding: 200px 0 40px
    }

    .content-hero-info h1,
    .content-hero-info h4 {
        font-size: 27px;
        line-height: 26px;
        margin: 0 0 6px
    }

    .content-hero-info p {
        font-size: 14px;
        line-height: 18px;
        padding: 0 10px 12px
    }

    .cateing-fully-heading>p {
        font-size: 18px;
        line-height: 30px
    }

    .hero-oneslider {
        height: 290px
    }

    .hm-four-five-section .corporate-hm-four-section .default-center-info-text {
        max-width: 355px;
        margin-left: auto;
        margin-right: auto
    }

    .hero-slider-item.hero_slide_one img {
        object-position: center -40px
    }

    .hero-slider-item.hero_slide_two img {
        object-position: center -100px
    }

    .customer-review-scroll {
        max-height: 246px;
        overflow-y: auto
    }

    .customer-testimonials-wrapper {
        padding: 40px 0 20px
    }

    .customer-testimonials-slider .slick-next,
    .customer-testimonials-slider .slick-prev,
    .faq-accordion-heading h3::after,
    .faq-accordion-heading h3::before {
        top: 50%
    }
    .location-service-area-section .service-area-col-left {
        width: 100%;
    }
    .location-service-area-section .service-area-col-right {
        width: 100%;
        padding-left: 0;
    }
    .location-service-area-section .faq-menu-btn {
        margin-top: 20px;
    }
    .service-area-col-right-inner {
        text-align: center;
        justify-content: center;
    }
    .service-area-map-mob-landscape.hide-map-section {
        display: none;
    }
    .service-area-map-mob-portrait.hide-map-section {
        display: block;
        width: 345px;
        margin: 0 auto;
    }
}

@media (max-width:390px) {
    .st-petricks-mardi-gras-banner .content-hero-info p br {
        display: none
    }

    .st-petricks-mardi-gras-banner .content-hero-info p {
        padding: 0 0 12px;
        font-size: 14px;
        line-height: 18px
    }

    .st-petricks-mardi-gras-banner .content-hero-info .button {
        margin: 4px
    }

    .st-petricks-mardi-gras-banner .content-hero-info h1,
    .st-petricks-mardi-gras-banner .content-hero-info h4 {
        font-size: 27px;
        line-height: 26px;
        padding: 50px 20px 0
    }

    .st-petricks-mardi-gras-banner .hero-content-absolute {
        top: 36%
    }
}

@media (max-width:375px) {

    .st-petricks-mardi-gras-banner .content-hero-info h1,
    .st-petricks-mardi-gras-banner .content-hero-info h4 {
        padding: 50px 0 0
    }

    .cateing-bar-page-first-section.atf_css {
        height: 355px
    }
}

