@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){
	.mfp-content #main-menu{
        height: calc(100vh - 120px);
        position: relative;
      }
      .mfp-content #main-menu .sidebar-menu{
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate(0,-50%);
        width: 100%;
      }
      .mfp-content #main-menu .customize-html-sidebarmenu{
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        height: 65px;
        width: 100%;
        background: var(--Background-Color);
        padding: 0 20px;
      }
      .mfp-content #main-menu .flex-end-copyright{
        position: absolute;
        left: 0;
        bottom: 40px;
        transform: translate(0,-50%);
        width: 100%;
      }
}
@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: var(--Nut-Toggle-Mobile) !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%;
    }
    .box-text-intro-inner .title-intro{
        margin-bottom: 30px !important;
    }
    .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: 50px 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: var(--Background-Color);
    }
    .off-canvas-left .mfp-content{
        background-color: var(--Background-Color);
    }
    .sidebar-menu>.nav-sidebar>li>a{
        color: var(--Background-Color);
    }
    .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: #8E8E8E;
        position: relative;
    }
    .nav-sidebar.nav-vertical>li.current-menu-item>a::after{
        width: calc(100% - 10px);
        height: 2px;
        background: var(--Main-Color);
        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);
        margin-right: 5px;
        margin-bottom: 5px;
    }
    .wapper-style-about.style-3 .gallery-about-us-section .item-slider-gallery img{
        height: 160px;
    }
    .wapper-style-about .gallery-about-us-section{
        margin-bottom: 60px;
    }
    .wapper-style-about.style-3 .gallery-about-us-section{
        margin-right: -5px;
    }
    .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: var(--Background-Color);
    }
    .icon_menu_home_mobile{
        top:12px;
    }
    .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;
        background: url(../../../flatsome-child/img/Lotus-1.svg) no-repeat;
        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: #8E8E8E;
    }
    #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.current-menu-item>a{
        color: var(--Main-Color);
    }
    .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;
    }
    .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;
    }
    .img-intro img{
        height: auto;
    }
    .BestForYou, .OurHeats, .Natural, .ProvidedServices .main-provided{
        margin: 0;
    }
    .col-1-bfu, .col-2-bfu,.OurHeats .col-1-OurHeats, .OurHeats .col-2-OurHeats,.Natural .col-1-Natural, .Natural .col-2-Natural, .ProvidedServices .main-provided .item-shape{
        width: 100%;
        margin: 0;
    }
    .col-1-bfu .imagebox-bfu{
        display: none;
    }
    .btn-booking{
        margin-bottom: 40px;
    }
    .section-2, .section-3, .section-4{
        padding-bottom: 0 !important;
        padding-top:60px !important;
    }
    .OurHeats .col-2-OurHeats{
        order:1;
    }
    .OurHeats .col-1-OurHeats{
        order:2;
    }
    .col-1-Natural img{
        margin-bottom: 45px;
    }
    .main-provided .slick-dots{
        bottom: -40px;
    }
    .main-provided .slick-dots > li{
        width: 12px;
        height: 12px;
        background: #FFDCE0;
        border-radius: 50%;
        margin: 0 5px;
    }
    .main-provided .slick-dots > li.slick-active{
        background: var(--Main-Color);
    }
    .section-9{
        padding:60px 0 !important;
    }
    .Subscribe-Form{
        position: relative;
    }
    .Subscribe-Form .flex-col:first-child{
        position: relative;
        top: 4px;
    }
    .Subscribe-Form input[type="submit"]{
        position: absolute;
        width: 45px;
        height: 45px;
        min-height: 40px;
        font-size: 0;
        top: 15px;
        right: 10px;
        background-image: url(../../img/arrow-right-btn.svg);
        background-repeat: no-repeat;
        background-size: 24px 24px;
        background-position: center;
    }
    .Subscribe-Form .wpcf7-form-control-wrap input[name="your-email"]{
        background: transparent;
    }
    .subtitle{
        font-size: 24px;
        line-height: 28px;
        color: var(--Main-Color);
    }
    .title>h2{
        font-size: 36px;
        line-height: 48px;
        color: var(--Secondary-Color);
    }
    .description{
        font-size: 16px;
        line-height: 24px;
        color: var(--Basic-Color);
    }
    .block-review-content.rigt .box-image-review, .block-review-content.left .box-image-review{
        order:1;
        margin-right: 0;
        margin-bottom: 20px;
      }
      .block-review-content.rigt .box-text-review, .block-review-content.left .box-text-review{
        order:2;
        margin-right: 0px;
        width: 100%;
      }
      .block-review-content .box-image-review{
        width: 120px;
        height: 120px;
      }
      .block-review-content{
        display: block;
      }
}
@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){
	
}