@media only screen and (max-width:7000px) {
    .page-wrapper {
        overflow: hidden
    }
}

@media only screen and (max-width:1599px) {
    .main-header .header-upper .links-box {
        margin-left: 80px
    }
}

@media only screen and (max-width:1499px) {
    body .left-bg, body .right-bg, body .bottom-image, body .right-bg-2 {
        display: none
    }

    .main-header .header-upper .links-box, .main-menu .navigation>li, .main-header .header-upper .links-box .link {
        margin-left: 30px
    }

    .banner-section .banner-slider {
        width: 90%;
        margin: 0 auto
    }

    .banner-text-top h1 {
        font-size: 80px
    }

    .about-section .abt-image3 {
        width: 350px
    }

    .offer-block-three .desc {
        padding: 0
    }

    .offer-block-three .special-box .desc {
        padding: 0 30px
    }

    .reserve-section.splitscreen .reserv-col .inner {
        padding: 100px
    }

    .special-offer .auto-container {
        max-width: 1250px
    }
}

@media only screen and (max-width:1339px) {
    h1 {
        font-size: 60px
    }

    h2 {
        font-size: 50px
    }

    .main-header .header-upper .links-box .link .theme-btn .btn-title {
        padding-left: 30px;
        padding-right: 30px
    }

    .banner-section .banner-slider {
        width: 80%
    }

    .chef-section .image-col {
        padding: 0 30px
    }

    .inner-banner {
        padding: 170px 0 100px 0
    }

    .intro-section .image-layer {
        width: 97%
    }

    .about-section .abt-image3 {
        width: 300px
    }

    .about-section .abt-image3 img {
        border-radius: 60px 0 60px 0
    }

    .about-section .abt-image1 {
        width: 250px
    }

    .about-section .abt-image2 {
        width: 350px
    }

    .about-section .abt-image2 img {
        border-radius: 0 60px 0 60px
    }

    .about-section .floating-images {
        height: 100px
    }

    footer .bottom_footer .auto-container {
        padding: 30px 20px
    }
}

@media only screen and (max-width:1199px) {
    .banner-section .slide-item h1 {
        font-size: 60px
    }

    h1 {
        font-size: 60px
    }

    h4 {
        font-size: 30px
    }

    h5 {
        font-size: 18px
    }

    .fluid-section .content-col .inner {
        padding-top: 150px;
        padding-bottom: 150px
    }

    .banner-section {
        background-position: center 200%
    }

    .slider-contained .swiper-slide {
        height: 300px
    }

    .banner-text-top h1 {
        font-size: 60px
    }

    .banner-text-top .text {
        padding: 0 100px
    }

    .banner-section .book-btn {
        right: 15px;
        bottom: 15px;
        transform: scale(.7)
    }

    .banner-section .slide-item .text {
        padding: 0 200px
    }

    .banner-container .hero-info .top-bar-content {
        flex-direction: column;
        text-align: center;
        gap: 0
    }

    .banner-container .hero-info .info-item, .banner-container .hero-info .separator {
        width: 100%
    }

    .header-top .top-info li {
        margin-right: 30px
    }

    .header-top .top-info li:after {
        display: none
    }

    .main-header .nav-outer, .main-header .info-toggler {
        display: none
    }

    .main-header .nav-toggler {
        display: block
    }

    .testimonials-section .state-col::after {
        display: none
    }

    .testimonials-section .rating-col::after {
        display: none
    }

    .we-offer-section .row {
        margin: 0 -20px
    }

    .we-offer-section .row .offer-block {
        padding-left: 20px;
        padding-right: 20px
    }

    .we-offer-section .row .offer-block:nth-child(2) {
        margin-top: 0
    }

    .story-section .text-col .inner {
        padding-right: 0
    }

    .story-section .image-col .round-stamp {
        right: 0
    }

    .intro-section .intro-anim-image {
        display: none
    }

    .intro-section .image-layer {
        width: 95%
    }

    .intro-section {
        padding: 150px 0
    }

    .story-section .title-box {
        padding: 0 50px
    }

    .about-section .title-box h2 {
        font-size: 60px
    }

    .about-section .title-box h2 img {
        width: 130px
    }

    .about-section .title-box {
        max-width: 90%
    }

    .about-section .abt-image1 {
        top: -300px
    }

    .about-section .text-col .text {
        padding: 0 0 40px 0
    }

    .special-dish .content-col .inner {
        padding-top: 100px;
        padding-bottom: 100px;
        padding-left: 70px
    }

    .menu-tabs .menu-col .inner {
        padding-right: 30px
    }

    .menu-card-style, .menu-card-style.alternate {
        padding-bottom: 50px
    }

    .menu-card-style.alternate .menu-col .inner {
        padding: 0 50px 0 0
    }

    .menu-card-style .menu-col .inner {
        padding: 0 0 0 50px
    }

    .menu-card-style.alternate .image-col {
        padding-left: 50px;
        padding-right: 0
    }

    .menu-card-style .image-col {
        padding-right: 50px
    }

    .offer-block-three .inner-box {
        padding: 30px
    }

    .reserve-section .reserv-col .inner {
        padding: 40px 20px 30px
    }

    .reserve-section.style-two .reserv-col .inner {
        padding: 75px
    }

    .reserve-section.splitscreen .reserv-col .inner {
        padding: 100px
    }

    .team-section .row .team-block, .news-section .row .news-block {
        padding-left: 15px;
        padding-right: 15px
    }

    .team-section .row, .news-section .row {
        margin: 0 -15px
    }

    .chef-section-1 .title-box {
        padding-right: 0
    }

    .chef-section-1 .chef-image.image2 img, .chef-section-1 .chef-image.image3 img {
        max-width: 75%
    }

    .chef-section .content-col .content-box .side-image {
        display: none
    }

    .chef-section .title-box.centered {
        padding-left: 50px;
        padding-right: 50px
    }

    .chef-section .content-col {
        padding: 0 50px
    }

    .chef-section .content-col .inner {
        padding-right: 0
    }

    .why-block-two.m-top {
        padding-top: 0
    }

    .menu-one .row {
        margin-left: 25px;
        margin-right: 25px
    }

    .menu-one .menu-col .inner {
        padding-left: 0
    }

    .menu-one.alternate .menu-col .inner {
        padding-right: 0
    }

    .menu-one .image-col .vertical-title, .menu-one.alternate .image-col .vertical-title {
        display: none
    }

    .menu-one.alternate .image-col .image, .menu-one .image-col .image {
        margin-left: 0
    }

    .menu-two .menu-col .inner {
        padding-right: 30px
    }

    .menu-two .menu-col:nth-child(2) .inner {
        padding-left: 30px
    }

    .contact-page .loc-block .form-side {
        padding: 0 50px
    }

    .masonry {
        padding: 0 25px
    }
}

@media only screen and (min-width:768px) {
    .main-menu .navigation>li>ul, .main-menu .navigation>li>ul>li>ul {
        display: block !important;
        visibility: hidden;
        opacity: 0
    }
}

@media only screen and (max-width:991px) {
    h1 {
        font-size: 55px
    }

    h2 {
        font-size: 45px
    }

    h3 {
        font-size: 35px
    }

    h4 {
        font-size: 26px
    }

    .banner-text-top h1 {
        font-size: 55px
    }

    .banner-section {
        background-position: center 200%
    }

    .banner-section .banner-slider {
        width: 90%
    }

    .banner-section .banner-social-list, .banner-section .banner-call {
        display: none
    }

    .banner-section .slide-item .text {
        padding: 0 100px
    }

    .header-top .top-left {
        display: none
    }

    .header-top .top-right {
        display: block;
        width: 100%;
        text-align: center
    }

    .header-top .top-right ul li, .header-top .top-right ul li:last-child {
        display: inline-block;
        float: none;
        display: inline-block;
        margin: 0 15px
    }

    .main-header .header-upper .links-box .link {
        margin-left: 20px
    }

    .testimonials-section .state-col, .rating-col {
        margin-top: 50px
    }

    .testimonials-section .state-col::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 12px;
        height: 12px;
        background: url(../images/icons/star-element.svg);
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block
    }

    .story-section .image-col .images .image:nth-child(2) {
        bottom: -130px
    }

    .story-section .text-col {
        margin-bottom: 80px
    }

    .story-section .text-col .inner {
        padding-top: 20px
    }

    .story-section .text-col .inner .text {
        text-align: center;
        padding: 0 100px
    }

    .story-section .booking-info {
        justify-content: center
    }

    .story-section .feature-info .feature-info-box .feature-title h6 {
        padding: 15px 0 0 0
    }

    .story-section .feature-info .feature-info-box .feature-title h6 br {
        display: none
    }

    .story-section .feature-info .feature-info-box .infotext {
        text-align: center;
        padding-top: 10px
    }

    .story-section .feature-info .feature-info-box .feature-title {
        display: block;
        text-align: center
    }

    .story-section .text-col .inner .text {
        padding: 0 10px
    }

    .story-section .booking-info .bk-title {
        text-align: center
    }

    .about-section .title-box h2 {
        font-size: 45px
    }

    .about-section .title-box h2 img {
        width: 100px
    }

    .about-section .abt-image1, .about-section .abt-image3 {
        display: none
    }

    .about-section .floating-images {
        height: auto;
        text-align: center;
        margin: 0 auto;
        width: 100%
    }

    .about-section .floating-images>div {
        position: relative
    }

    .about-section .abt-image2 {
        width: auto
    }

    .about-section .abt-image2 img {
        margin: 0 auto
    }

    .about-section {
        padding-bottom: 0
    }

    .about-section .title-box {
        padding-bottom: 10px
    }

    .about-section .text-col .text {
        padding: 0 0 40px 0
    }

    .special-dish .content-col .inner {
        padding-top: 70px;
        padding-bottom: 70px;
        max-width: none
    }

    .special-dish .image-col .image-layer {
        display: none
    }

    .special-dish .image-col .image {
        display: block
    }

    .menu-tabs .menu-col .inner {
        padding-right: 0
    }

    .special-offer-two {
        padding-bottom: 25px
    }

    .offer-block-two.rounded .inner-box, .offer-block-two .inner-box {
        padding: 50px 40px;
        border-radius: 500px 500px 0 0
    }

    .team-section {
        padding-top: 70px;
        padding-bottom: 30px
    }

    .main-footer .info-col {
        order: 0;
        margin-bottom: 50px
    }

    .main-footer .info-col .inner {
        padding: 0 30px
    }

    .main-footer .links-col {
        margin-bottom: 50px
    }

    .main-footer .links-col .inner {
        padding-top: 0;
        padding-bottom: 0
    }

    .main-footer .links-col.last {
        order: 7
    }

    .fluid-section .content-col {
        order: 1
    }

    .fluid-section .image-col {
        order: 2
    }

    .fluid-section .content-col .inner {
        padding-top: 70px;
        padding-bottom: 70px;
        max-width: none
    }

    .fluid-section .image-col .image-layer {
        display: none
    }

    .fluid-section .image-col .image {
        display: block
    }

    .services-section .s-col {
        padding-top: 0
    }

    .services-section .s-col.last {
        order: 7
    }

    .services-section .image-col {
        order: 12
    }

    .services-section .s-col .s-block, .services-section .s-col .s-block:last-child {
        margin-bottom: 70px
    }

    .services-section .image-col {
        text-align: center
    }

    .menu-one .image-col {
        order: 12
    }

    .menu-one .menu-col {
        order: 0
    }

    .menu-one .menu-col .inner:before {
        display: none
    }

    .menu-one .menu-col .inner, .menu-one.alternate .menu-col .inner {
        padding: 60px 50px
    }

    .menu-one .image-col .inner, .menu-one.alternate .image-col .inner {
        text-align: center;
        padding: 0
    }

    .menu-two {
        padding-top: 70px;
        padding-bottom: 15px
    }

    .menu-two .menu-col .inner, .menu-two .menu-col:nth-child(2) .inner {
        padding-left: 0;
        padding-right: 0
    }

    .menu-card-main::before {
        display: none
    }

    .menu-card-main {
        padding: 70px;
        background: #112220;
        background: -webkit-linear-gradient(90deg, rgb(17 34 32) 0%, rgb(27 51 48) 20%, rgb(15 30 28) 50%, rgb(27 51 48) 80%, rgb(17 34 32) 100%);
        background: -moz-linear-gradient(90deg, rgb(17 34 32) 0%, rgb(27 51 48) 20%, rgb(15 30 28) 50%, rgb(27 51 48) 80%, rgb(17 34 32) 100%);
        background: linear-gradient(90deg, rgb(17 34 32) 0%, rgb(27 51 48) 20%, rgb(15 30 28) 50%, rgb(27 51 48) 80%, rgb(17 34 32) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#112220", endColorstr="#112220", GradientType=1)
    }

    .menu-card-main .top-pattern {
        height: 300px
    }

    .menu-card-style.alternate .image-col {
        padding-left: 0
    }

    .menu-card-style.alternate .image-col .inner, .menu-card-style .image-col .inner {
        text-align: center
    }

    .menu-card-style.alternate .menu-col .inner {
        padding: 0
    }

    .menu-card-style .image-col {
        order: 2;
        padding: 0
    }

    .menu-card-style .menu-col {
        order: 1
    }

    .menu-card-style .menu-col .inner {
        padding: 0
    }

    .chef-selection .content-col .inner {
        max-width: none;
        padding-top: 70px;
        padding-bottom: 70px;
        padding-left: 70px
    }

    .chef-selection .image-col .image-layer {
        display: none
    }

    .chef-selection .image-col .image {
        display: block
    }

    .reserve-section.style-two {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .reserve-section.style-two .info-col .inner {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .graphic-col .inner {
        padding: 100px
    }

    .reserve-section.style-two.reserve-page-2 .form-col {
        order: 0
    }

    .reserve-section.style-two.reserve-page-2 .img-col {
        padding: 0 60px
    }

    .contact-page .loc-block {
        text-align: center;
        padding-top: 50px
    }

    .contact-page .loc-block.info-block {
        padding-top: 0;
        padding-bottom: 50px
    }

    .contact-page .loc-block img {
        text-align: center;
        width: 100%
    }

    .middle-line-wrapper {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        height: auto
    }

    .middle-line-container {
        flex-direction: row;
        width: 100%;
        height: 1px;
        align-items: center;
        justify-content: space-between
    }

    .v-line {
        height: 1px;
        width: 100%
    }

    .dot {
        margin: 0 !important
    }

    .chef-section .image-col {
        padding: 0 30px
    }

    .chef-section .image-col .image img {
        width: 100%
    }

    .chef-section .content-col .inner {
        text-align: center;
        padding: 0 0 50px 0
    }

    .chef-section-1 .row {
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .chef-section-1 .col-xl-4 {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .chef-section-1 .row>.col-xl-4:last-child {
        display: none
    }

    .fact-counter .fact-block .inner {
        padding-bottom: 30px
    }

    .reserve-section.style-two.reserve-page {
        padding-top: 150px
    }

    .ig-post-section .ig-post-image {
        margin-bottom: 20px
    }

    .ig-post-section .ig-post-image img {
        width: 100%
    }

    .testimonials-masonry .testimonial-boxlist {
        column-count: 1
    }

    .blog_list_section .blog_right_side {
        border-left: none;
        padding-left: 0
    }

    .blog_list_section .blog_left_side {
        padding: 0
    }

    .blog_detail_section .blog_inner_pannel {
        padding: 0 20px
    }

    .comment_section .blog_cooment_block {
        padding: 0 20px
    }
}

@media only screen and (max-width:767px) {
    .section-kt {
        padding: 70px 0
    }

    .banner-text-top h1 {
        font-size: 55px
    }

    .title-box .title-badge {
        width: 150px
    }

    h1 {
        font-size: 45px
    }

    h2 {
        font-size: 35px
    }

    h3 {
        font-size: 32px
    }

    h5 {
        font-size: 18px
    }

    .banner-section .swiper-button-prev, .banner-section .swiper-button-next {
        display: none
    }

    .special-dish .content-col .badge-icon, .chef-selection .content-col .badge-icon {
        position: relative;
        left: 0;
        top: 0;
        display: block;
        margin-bottom: 20px;
        -webkit-animation: none;
        animation: none
    }

    .special-dish .content-col .inner, .chef-selection .content-col .inner {
        padding-left: 20px
    }

    .menu-tabs .buttons .tab-buttons .tab-btn {
        margin: 0 22px;
        font-size: 16px
    }

    .menu-tabs .buttons .tab-buttons .tab-btn:after {
        margin-left: 22px
    }

    .menu-card-style.alternate .image-col, .menu-card-style .image-col {
        padding: 0 20px
    }

    .menu-card-main .top-pattern {
        height: 250px
    }

    .menu-card-main .menu-card-corner.top-left, .menu-card-main .menu-card-corner.top-right, .menu-card-main .menu-card-corner.bottom-left, .menu-card-main .menu-card-corner.bottom-right {
        width: 60px
    }

    .special-offer .offer-block-two.margin-top {
        margin-top: 0
    }

    .offer-block {
        justify-content: center !important;
        margin-bottom: 40px
    }

    .offer-block:nth-child(3) {
        margin-bottom: 0
    }

    .team-block .inner-box {
        text-align: center
    }

    .intro-section .fact-counter {
        text-align: center
    }

    .intro-section .fact-counter .fact-count, .intro-section .fact-counter .fact-title {
        float: none;
        display: block;
        margin-left: 0
    }

    .intro-section .separator {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .about-section {
        padding-bottom: 0
    }

    .about-section .title-box h2 {
        font-size: 35px
    }

    .about-section .title-box h2 img {
        width: 80px
    }

    .about-section .text-col .text {
        padding: 0 60px 40px 60px
    }

    .services-section .s-col {
        padding: 0
    }

    .services-section .s-block .inner, .services-section .s-block.alternate .inner {
        text-align: center
    }

    .services-section .s-block .icon-box, .services-section .s-block.alternate .icon-box {
        position: relative;
        left: 0;
        top: 0;
        margin: 0 auto 30px
    }

    .services-section .s-col .s-block, .services-section .s-col .s-block:last-child {
        margin-bottom: 30px
    }

    .services-section .s-block h6, .services-section .s-block.alternate h6 {
        padding: 0
    }

    .services-section .s-block h6 br, .services-section .s-block.alternate h6 br {
        display: none
    }

    .services-section .s-block .text {
        padding: 20px 100px 0 100px
    }

    .services-section .s-col.last {
        padding: 0
    }

    .image-gallery .owl-theme .owl-nav .owl-prev, .image-gallery .owl-theme .owl-nav .owl-next {
        transform: scale(.7)
    }

    .hidden-bar .side-menu {
        padding-left: 30px;
        padding-right: 30px
    }

    .main-header .header-upper .links-box {
        margin-left: 0
    }

    .inner-box.cp-seprator:before {
        content: '';
        position: absolute;
        right: 50%;
        top: 0%;
        margin-top: -4px;
        height: 8px;
        width: 8px;
        border: 1px solid var(--main-color);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .inner-box.cp-seprator:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 100%;
        margin-top: -4px;
        height: 8px;
        width: 8px;
        border: 1px solid var(--main-color);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .contact-page .loc-block {
        text-align: center
    }

    .contact-page .loc-block img {
        text-align: center;
        max-width: 100%
    }

    .c-page-form-box {
        padding: 20px
    }

    .chef-selection .content-col .inner {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center
    }

    .chef-section .image-col {
        padding: 0 30px
    }

    .chef-section-1 .round-stamp {
        left: 30%;
        transform: translateX(-50%);
        bottom: 65px
    }

    .chef-section-1 .title-box {
        text-align: center;
        padding-bottom: 50px
    }

    .inner-banner .inner .sub_text {
        padding: 0 100px
    }

    .inner-banner .inner .sub_text p {
        font-size: 18px
    }

    .reserve-section.style-two.reserve-page-2 {
        padding-top: 150px
    }

    .reserve-section.style-two.reserve-page-2 .img-col {
        display: none
    }

    .graphic-col .inner {
        padding: 80px
    }

    .splitscreen .content-box .play-btn {
        width: 70px;
        height: 70px
    }

    .splitscreen .content-box .play-btn .theme-btn {
        width: 70px;
        height: 70px;
        line-height: 70px
    }

    .splitscreen .content-box .play-btn .ripple, .splitscreen .content-box .play-btn .ripple:before, .splitscreen .content-box .play-btn .ripple:after {
        width: 70px;
        height: 70px
    }

    .news-block {
        justify-content: center !important
    }

    .blog_list_section {
        text-align: left
    }

    .blog_list_section .blog_left_side .blog_panel .blog_info span {
        font-size: 13px
    }

    .blog_list_section .blog_right_side .blog_search_block form .form-group {
        margin-bottom: 0
    }

    .blog_list_section .blog_right_side .blog_search_block form .form_inner {
        height: 50px
    }

    .blog_detail_section {
        text-align: left
    }

    .blog_detail_section .blog_inner_pannel {
        padding: 0 20px
    }

    .blog_detail_section .blog_info, .blog_detail_section .blog_inner_pannel .info {
        padding: 0
    }

    .blog_detail_section .blog_inner_pannel .quote_block {
        margin: 30px 0
    }

    .blog_detail_section .blog_inner_pannel .section_title {
        margin-bottom: 20px
    }

    .blog_detail_section .blog_inner_pannel .info ul {
        text-align: left;
        padding-left: 0
    }

    .blog_detail_section .blog_inner_pannel .quote_block {
        padding: 45px 30px 10px 30px
    }

    .blog_detail_section .blog_inner_pannel .quote_block .q_icon {
        text-align: left
    }

    .blog_detail_section .blog_inner_pannel .main_img iframe {
        height: 320px
    }

    .comment_section {
        padding-bottom: 50px
    }

    .comment_section .blog_cooment_block .posted_cooment {
        margin-bottom: 30px
    }

    .comment_section .blog_cooment_block {
        padding: 20px
    }

    .comment_section ul {
        margin-top: 20px
    }

    .comment_section ul li:last-child {
        padding-bottom: 40px
    }

    .comment_section ul li {
        flex-direction: column;
        padding: 20px 0;
        text-align: left
    }

    .comment_section ul li .comment {
        width: 100%;
        margin-left: 0
    }

    .comment_section ul li .authore_info {
        width: 100%;
        margin-bottom: 15px
    }

    .comment_section ul li.replay_comment {
        margin-left: 30px
    }

    .comment_section ul li .authore_info .text {
        width: auto
    }

    .blog_detail_section .blog_inner_pannel .blog_authore {
        padding: 0;
        margin: 30px 0 0 0
    }

    .blog_detail_section .blog_inner_pannel .blog_authore .authore_info {
        margin-bottom: 30px
    }

    .comment_form_section form .form-group .form-control {
        height: 45px;
        font-size: 15px;
        margin-bottom: 15px
    }

    .comment_form_section .coment-btn {
        text-align: center
    }

    .main-footer .footer-image-col.last {
        display: none
    }

    footer .bottom_footer {
        text-align: center
    }

    footer .bottom_footer p {
        padding: 0 0 20px 0
    }

    footer .bottom_footer .developer_text {
        text-align: center;
        margin-top: 10px
    }

    footer .top_footer .social_media {
        justify-content: center;
        padding: 10px 0
    }

    footer .top_footer .social_media li a {
        margin: 0 5px
    }

    footer .bottom_footer .developer_text {
        text-align: center;
        margin-top: 10px
    }
}

@media only screen and (max-width:599px) {
    .banner-text-top h1 {
        font-size: 40px
    }

    h2 {
        font-size: 30px
    }

    h3 {
        font-size: 30px
    }

    h5 {
        font-size: 16px
    }

    .header-top {
        display: none
    }

    .main-header .header-upper {
        top: 0
    }

    .main-header .header-upper .links-box .link-btn {
        display: none
    }

    .fixed-header.header-down {
        top: 0
    }

    .fixed-header.header-up {
        top: -132px
    }

    .banner-section .slide-item .content-box {
        padding-top: 100px;
        height: 600px
    }

    .banner-section .slide-item .text {
        font-size: 18px
    }

    .about-section .text-col .text {
        padding: 0 20px 40px 20px
    }

    .special-dish .content-col .inner {
        text-align: center
    }

    .offer-block-two.rounded .inner-box, .offer-block-two .inner-box {
        padding: 40px 30px
    }

    .menu-tabs .buttons .tab-buttons .tab-btn {
        margin: 0 15px
    }

    .menu-tabs .buttons .tab-buttons .tab-btn:after {
        display: none
    }

    .tabs-box .tabs-content:before {
        display: none
    }

    .menu-tabs .menu-col .inner {
        padding-left: 0
    }

    .tabs-box .tabs-content .tab {
        padding: 40px 25px
    }

    .menu-tabs .dish-block .dish-image {
        width: 80px;
        height: 80px;
        display: none;
    }

    .menu-tabs .dish-block .dish-image img {
        width: 80px;
        height: 80px
    }

    .menu-tabs .dish-block .inner-box {
        padding-left: 0;
        min-height: auto;
        
    }
    .menu-tabs .dish-block .title{
        display: block;
    }

    .menu-card-main {
        padding: 30px
    }

    .menu-card-main .menu-card-corner.top-left, .menu-card-main .menu-card-corner.top-right, .menu-card-main .menu-card-corner.bottom-left, .menu-card-main .menu-card-corner.bottom-right {
        width: 40px
    }

    .menu-one .row {
        margin-left: 10px;
        margin-right: 10px
    }

    .menu-one .menu-col .inner, .menu-one.alternate .menu-col .inner {
        padding: 30px 15px
    }

    .menu-one.alternate .image-col .image, .menu-one .image-col .image {
        margin: 0 30px
    }

    .reserve-section .info-col .booking-info .bk-no, .hidden-bar .booking-info .bk-no, .info-bar .booking-info .bk-no {
        font-size: 24px;
        line-height: 1.4em
    }

    .reserve-section.style-two.reserve-page-2 .form-col {
        padding: 0 10px
    }

    .graphic-col .inner {
        padding: 60px
    }

    .splitscreen .content-box .desc .info-ttl {
        display: block
    }

    .splitscreen .content-box .desc .info-ttl.dinner {
        padding-top: 10px
    }

    .main-footer .info-col .newsletter-form .form-group input[type="text"], .main-footer .info-col .newsletter-form input[type="email"], .main-footer .info-col .newsletter-form input[type="password"] {
        padding-right: 30px;
        padding-left: 30px
    }

    .main-footer .info-col .newsletter-form button {
        position: relative;
        width: 100%;
        margin-top: 20px
    }

    .main-footer .info-col .newsletter-form .alt-icon {
        display: none
    }

    .testimonials-section .testi-top .quote-text {
        font-size: 22px
    }

    .testimonials-section .state-col::after {
        display: block;
        right: 50%;
        top: 120px
    }

    .testimonials-section .state-col {
        margin-bottom: 20px
    }

    .testimonials-section .testi-top {
        padding: 40px 40px 100px 40px;
        border-radius: 0
    }

    .testimonials-two .testi-block .text {
        font-size: 18px
    }

    .testimonials-two .testi-block .inner-box {
        padding-left: 25px;
        padding-right: 25px
    }

    .chef-section-1 .round-stamp {
        left: 50%;
        transform: translateX(-50%);
        bottom: 65px
    }

    .chef-section .title-box.centered {
        padding-left: 20px;
        padding-right: 20px
    }

    .chef-section .content-col {
        padding: 0 20px
    }

    .image-gallery .owl-theme .owl-nav {
        top: 65%
    }

    .news-block .date {
        font-size: 20px
    }
}

@media only screen and (max-width:479px) {
    .banner-text-top h1 {
        font-size: 40px
    }

    h1 {
        font-size: 40px
    }

    h2 {
        font-size: 35px
    }

    h4 {
        font-size: 25px
    }

    .banner-section .banner-slider {
        width: 100%;
        border-radius: 500px 500px 0 0
    }

    .banner-text-top .text {
        padding: 0 10px
    }

    .banner-section .slide-item .text {
        font-size: 16px;
        padding: 0 30px
    }

    .banner-section .book-btn {
        display: none
    }

    .inner-banner {
        padding: 140px 0 50px 0
    }

    .inner-banner .inner .sub_text {
        padding: 0 30px
    }

    .testimonials-section .testi-top .quote-text {
        font-size: 18px
    }

    .story-section .title-box {
        padding: 0
    }

    .story-section .image-col .images .image:nth-child(2) {
        width: 150px;
        bottom: -120px !important
    }

    .story-section .text-col {
        margin-bottom: 60px
    }

    .story-section .booking-info .bk-no {
        font-size: 16px
    }

    .story-section .text-col .inner .text {
        text-align: center
    }

    .story-section .feature-info {
        display: block;
        padding-bottom: 10px
    }

    .story-section .feature-info .feature-info-box {
        width: 100%;
        padding: 0 0 30px 0
    }

    .story-section .booking-info {
        display: block;
        text-align: center
    }

    .story-section .booking-info .bk-title {
        padding-bottom: 20px;
        padding-right: 0
    }

    .story-section .booking-info .bk-title br {
        display: none
    }

    .story-section .booking-info .bk-no {
        padding: 0
    }

    .menu-one .menu-col .dish-block .title::before, .menu-two .dish-block .title::before {
        display: none
    }

    .menu-tabs .buttons .tab-buttons .tab-btn {
        display: block;
        margin: 0 0 20px
    }

    .menu-tabs .buttons .tab-buttons .tab-btn:last-child {
        margin-bottom: 0
    }

    .menu-tabs .buttons .tab-buttons .tab-btn:before {
        left: 50%;
        margin-left: -50px;
        width: 100px
    }

    .menu-tabs .dish-block .title::before {
        display: none
    }

    .menu-tabs .dish-block .title .ttl {
        width: 100%;
        padding-right: 0
    }

    .menu-tabs .dish-block .title .ttl .s-info {
        /* width: 80px; */
        /* display: block; */
        /* margin-left: 0;
        margin-top: 10px; */
        text-align: center
    }

    .menu-tabs .dish-block .inner-box {
        padding-top: 0
    }

    .menu-tabs .dish-block .title .price, .menu-two .dish-block .title .price {
        position: relative;
        right: 0;
        float: left;
        padding-left: 0
    }

    .menu-two .dish-block .title .ttl {
        width: 100%;
        padding-right: 0
    }

    .menu-two .dish-block .title .ttl .s-info {
        left: -10px;
        width: 75px;
        display: block;
        margin-top: 10px;
        text-align: center
    }

    .menu-two .dish-block .inner-box {
        padding-top: 0
    }

    .menu-card-main .top-pattern {
        height: 200px
    }

    .fact-counter {
        text-align: center
    }

    .fact-counter .fact-block .inner p {
        padding-right: 0
    }

    .services-section .s-block .text {
        padding: 20px 20px 0 20px
    }

    .contact-page .loc-block .form-side {
        padding: 0
    }

    .reserve-section.style-two .reserv-col .inner {
        padding: 75px 50px
    }

    .reserve-section.splitscreen .reserv-col .inner {
        padding: 80px 50px
    }
}

@media only screen and (max-width:399px) {
    .menu-two .dish-block .title .ttl a {
        width: 150px
    }

    h1 {
        font-size: 35px
    }

    h2 {
        font-size: 30px
    }

    h3 {
        font-size: 27px
    }

    .about-section .title-box h2 {
        font-size: 30px
    }

    .about-section .title-box h2 img {
        width: 70px
    }
}