@media only screen and (max-width:1366px){



}

@media only screen and (max-width:1170px){

	

}

@media only screen and (max-width:850px){

	

}

@media only screen and (max-width:800px){

	

}

@media only screen and (max-width:680px){

	

}

@media only screen and (max-width:550px){

	

}

@media only screen and (max-width:480px){

	.header.show-on-scroll, .stuck .header-main, .header-main, .stuck #logo img, #logo img{

        height: 65px !important;

        max-height: 65px !important;

    }

    .nav>li>a>i.icon-menu{

        color: #fff !important;

    }

    .medium-logo-center .logo{

        width: auto !important;

    }

    .medium-logo-center .flex-left{

        display: none;

    }

    .box-image-intro{

        height: auto;

    }

    .Intro-section .content-intro.position-left .box-text-intro .box-text-intro-inner, .Intro-section .content-intro.position-center .box-text-intro .box-text-intro-inner{

        position: relative;

        left: 0 ;

        top: 0;

        transform: translate(0,0);

    }

    .Intro-section .content-intro{

        padding: 0;

    }

    .box-image-intro{

        background: #04101E;

    }

    .Intro-section .content-intro .box-text-intro .box-text-intro-inner{

        width: 100%;

    }

    .Intro-section .content-intro .box-text-intro .box-text-intro-inner .subtitle-intro,

    .about-us-section .heading-block-home .subtitle-about h3,

    .wapper-openning .box-text-openning .subtitle,

    .OurDishes .block-title-home .subtitle,

    .table-booking .head-form .subtitle,

    .head-feedback .subtitle,

    .info-contact-wapper .head-contact .subtitle,

    .WapperMenu .block-header .subtitle,

    .mfp-content #popup-info-contact .wapper-contact-info .head-contact .subtitle,

    .wapper-thankyou .subtitle{

        font-family: 'Oooh Baby';

        font-style: normal;

        font-weight: 400;

        font-size: 24px;

        line-height: 28px;

        color: #D4961F;

    }

    .Intro-section .content-intro .box-text-intro .box-text-intro-inner .title-intro,

    .about-us-section .heading-block-home .title-about .heading-home,

    .wapper-openning .box-text-openning .title,

    .OurDishes .block-title-home .title,

    .table-booking .head-form .title,

    .head-feedback .title,

    .info-contact-wapper .head-contact .title,

    .WapperMenu .block-header .title,

    .mfp-content #popup-info-contact .wapper-contact-info .head-contact .title,

    .wapper-thankyou .title{

        font-family: 'Caudex';

        font-style: normal;

        font-weight: 400;

        font-size: 28px;

        line-height: 36px;

        color: #FFFFFF;

        margin-top: 10px;

        margin-bottom: 10px;

    }

    .box-text-intro-inner .title-intro{

        margin-bottom: 30px !important;

    }

    .desc-about .paragrapfy-home,

    .OurDishes .block-title-home .description-open,

    .table-booking .head-form .desc,

    .head-feedback .description-open,

    .WapperMenu .block-header .description,

    .mfp-content #popup-info-contact .wapper-contact-info .head-contact .description,

    .wapper-thankyou .description{

        font-family: 'Inter';

        font-style: normal;

        font-weight: 400;

        font-size: 16px;

        line-height: 24px;

        color: #80B8C5;

    }

    .box-image-intro .position-center .btn-intro{

        width: calc(100% - 40px);

    }

    .section-2,.section-3,.section-4,.section-6,.section-7, .customize-section{

        padding: 60px 0 !important;

    }

    .about-us-section .heading-block-home .title-about .heading-home{

        margin-bottom: 30px;

    }

    .wapper-style-about.style-1 .gallery-about-us-section .item-slider-gallery img{

        height: 335px;

    }

    .wapper-style-about.style-1 .slick-arrow{

        display: none !important;

    }

    .wapper-openning{

        display: block;

        margin-right:0;

    }

    .wapper-openning .box-image-opening, .wapper-openning .box-text-openning{

        margin-right: 0;

        width: 100%;

        margin-bottom: 40px;

    }

    .wapper-openning .box-image-opening img{

        height: auto;

    }

    .wapper-openning>div:last-child{

        margin-bottom: 0;

    }

    .wapper-openning .box-text-openning .description-open{

        font-family: 'Inter';

        font-style: normal;

        font-weight: 400;

        font-size: 16px;

        line-height: 24px;

        color: #80B8C5;

    }

    .wapper-openning .box-text-openning .description-open,

    .OurDishes .block-title-home,

    .head-feedback{

        margin-bottom: 30px;

    }

    .OurDishes .content-box{

        margin-right: 0px;

    }

    .OurDishes .content-box.layout3colunm .item-shape, .OurDishes .content-box.layout2colunm .item-shape{

        width: 100%;

        margin-right: 0;

    }

    .OurDishes .content-box .item-shape .box-text-shape>a{

        font-size: 28px;

    }

    .section-5{

        min-height: auto !important;

        padding: 100px 0 !important

    }

    .WapperContact.horizontalitem .main-form{

        margin-right: 0;

    }

    .WapperContact.horizontalitem .main-form .input-group, .WapperContact.horizontalitem .main-form .btn-booking-form{

        width: 100%;

        margin-right: 0;

    }

    .main-form{

        margin-top: 30px;

    }

    .block-review-content .section-title-main{

        font-size: 22px;

    }

    .content-review{

        font-size: 16px;

    }

    .bottom-review .star{

        margin-bottom: 10px;

    }

    .block-review-content{

        padding:20px;

    }

    .section-6 .row > .large-4:last-child{

        padding-bottom: 0 !important;

    }

    .Contact-section.right, .Contact-section.left {

        margin-right: 0;

    }

    .Contact-section.right .maps-wapper, 

    .Contact-section.right .info-contact-wapper, 

    .Contact-section.left .maps-wapper, 

    .Contact-section.left .info-contact-wapper{

        width: 100%;

        margin-right: 0;

        margin-bottom: 30px;

    }

    .info-contact-wapper .head-contact .title{

        margin-bottom: 30px;

    }

    .info-contact-wapper .info-contact .item > a{

        font-size: 16px;

    }

    .section-7{

        padding-bottom: 30px !important;

    }

    .nav-sidebar.nav-vertical>li:first-child{

        position: relative;

        top: 0;

    }

    .mfp-wrap>.mfp-close {

        display: block;

    }

    .mfp-ready .mfp-close {

        transform: translateY(0) translateZ(1px);

        right: 0px;

        mix-blend-mode: normal;

        top: 12px !important;

        z-index: 9999;

        background: transparent;

        position: absolute;

        left: unset;

    }

    .nav-sidebar.nav-vertical>li{

        background-color: #04101E;

    }

    .off-canvas-left .mfp-content{

        background-color: #04101E;

    }

    .sidebar-menu>.nav-sidebar>li>a{

        color: #ffffff;

    }

    .nav-sidebar.nav-vertical>li+li{

        border: unset;

        padding-left: 20px;

    }

    .nav-sidebar.nav-vertical>li>a{

        font-family: 'Inter';

        font-style: normal;

        font-weight: 600 !important;

        font-size: 16px !important;

        line-height: 24px;

        color: #80B8C5;

        position: relative;

    }

    .nav-sidebar.nav-vertical>li.current-menu-item>a::after{

        width: calc(100% - 10px);

        height: 2px;

        background: #D4961F;

        position: absolute;

        content: "";

        bottom: 8px;

        left: 10px;

    }

    .sidebar-menu>.nav-sidebar>li>a{

        font-size: 16px !important;

    }

    .sticky-contact{

        width: 100%;

    }

    .wapper-style-about.style-2 .gallery-about-us-section .item-slider-gallery img{

        height: 240px;

    }

    .wapper-style-about.style-3 .gallery-about-us-section .item-slider-gallery{

        width: calc(50% - 20px);

    }

    .wapper-style-about.style-3 .gallery-about-us-section .item-slider-gallery img{

        height: 230px;

    }

    .wapper-style-about.style-3 .gallery-about-us-section{

        padding: 0 15px;

    }

    .Contact-section.grid .info-contact-wapper{

        margin-right: 0;

    }

    .Contact-section.grid .info-contact-wapper>div, .Contact-section.grid .info-contact-wapper>div{

        width: 100%;

        margin-right: 0;

    }

    .Contact-section.grid .info-contact-wapper .info-contact{

        margin-bottom: 30px;

    }

    .top-footer > .col{

        text-align: center;

    }

    .footer-menu{

        justify-content: center;

    }

    .top-footer .copyright{

        margin-bottom: 20px;

        font-size: 14px;

    }

    .footer-menu .item>a{

        font-size: 14px;

    }

    .WapperMenu.layout2colunm .accordion-item .active + .accordion-inner{

        margin-right: 0;

    }

    .WapperMenu.layout2colunm .accordion-item .accordion-inner .item-menu-order{

        width: 100%;

        margin-right: 0;

    }

    .WapperMenu.layout2colunm .item-menu-order:nth-child(odd)::after{

        display: none;

    }

    .item-menu-order .left-menu .title-menu{

        font-size: 14px;

    }

    .item-menu-order .left-menu .desc-menu{

        font-size: 12px;

    }

    .WapperMenu .item-menu-order .right-menu{

        font-size: 14px;

    }

    .item-menu-order .right-menu{

        margin-left: 10px;

    }

    .WapperMenu{

        padding: 0 15px;

    }

    .list-menu-page .accordion .accordion-title span, .list-menu-page .accordion .accordion-title{

        font-size: 22px;

    }

    .list-menu-page .accordion .accordion-item .accordion-title{

        padding:20px;

    }

    .list-menu-page .accordion .accordion-item .accordion-inner{

        padding:20px;

    }

    .list-menu-page .accordion .accordion-title .toggle{

        top:20px;

    }

    .mfp-content #popup-info-contact .wapper-contact-info{

        padding:20px;

    }

    .table-booking{

        padding:20px;

    }

    .off-canvas:not(.off-canvas-center) .nav-vertical li>a{

        padding-top: 15px;

        padding-bottom: 15px;

    }

    .nav-sidebar.nav-vertical>li:first-child{

        min-height: 65px;

        background-color: #04101E;

    }

    .wapper-thankyou{

        padding:20px;

    }

    .item-menu-order .right-menu{

        width: 190px;

    }

    .off-canvas-left .mfp-content{

        width: 100% !important;

    }

    .icon_menu_home_mobile{

        width: 45px;

        height: 45px;

        top:12px;
        
        background-size: 100% 100%;

    }

    .mfp-content .mfp-close svg{

        width: 36px;

    }

    .html.custom.html_nav_position_text_top{

        display: block;

    }

    .copyright-menu-full{

        font-family: 'Inter';

        font-style: normal;

        font-weight: 400;

        font-size: 14px;

        line-height: 22px;

        text-align: center;

        color: #4F7D8D;

    }

    #main-menu .nav-vertical{

        align-items: baseline;

    }

    #main-menu .nav-vertical .menu-item{

        width: max-content;

        text-align: left;

        padding-left: 20px;

    }
    .nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover {
        background-color: var(--Background-Color) !important;
    }
    .nav-sidebar.nav-vertical>li.current-menu-item>a{

        color: #D4961F;

    }

    .list-menu-page .accordion .accordion-item .accordion-title.active::after{

        width: calc(100% - 40px);

    }

    .list-menu-page .accordion .accordion-item .accordion-title{

        padding-left: 20px;

        padding-right: 20px;

    }

    .wapper-style-about.style-1 .slick-dots > li, .wapper-style-about.style-2 .slick-dots > li{

        height: 4px;

    }

    .container, .wapper-style-about{

        padding-left: 20px;

        padding-right: 20px;

    }

    .gallery-about-us-section .item-slider-gallery{

        margin: 0 !important;

    }

    .logged-in .gallery-about-us-section{

        margin-right: 0;

    }

    .wapper-openning, .OurDishes, .head-feedback, .Contact-section{

        padding:0 10px;

    }

    .block-review-content{

        margin: 0 5px;

    }
    .contact-us > .d-block{
        position: relative;
        left: 15px;
    }
}

@media only screen and (max-width:414px){

	.sticky-contact .inner-sticky-contact span{

        font-size: 16px;

    }

}

@media only screen and (max-width:375px){

	.sticky-contact .inner-sticky-contact span{

        font-size: 15px;

    }

}

@media only screen and (max-width:320px){

	

}