@media (min-width: 1800px) {
}
@media (min-width: 1600px) {
}
@media screen and (max-width: 1350px) and (min-width: 1200px) {
}

@media screen and (min-width: 1200px) {
  .container { width: 1140px; }
}
@media screen and (min-width: 1300px) {
  .container { width: 1280px; }
}

@media screen and (min-width: 1400px) {
}
@media screen and (min-width: 992px)  and (max-width: 1400px) {
  .page-content .box-item { display: inline-block!important; }
  .page-content .box-item .box-image { padding-bottom: 20px; }
  .our-story-section .box-item { display: inline-block!important; }
  .masterclasses-section .box-item { display: inline-block!important; }
  .events-section .box-item { display: inline-block!important; }
}
@media screen and (min-width: 992px) {
  #header .middle-block .lt-panel .nav-menu-block { width: 30%; }
}

@media screen and (min-width: 767px) {
  .odd-even-advanced-image-box .box-list .box-item:nth-child(2n) .box-image { order: 2; text-align: right; margin: 0!important; }
}
@media screen and (max-width: 1350px) and (min-width: 1200px) {
}
@media screen and (max-width: 1800px) {
  .banner-block .banner-desc .text-block .text-content img { margin: 0 auto 40px; width: 75%; }
}
@media screen and (max-width: 1680px) {
}
@media screen and (max-width: 1600px) {
  .banner-block .banner-desc .text-block { padding: 0 0 20px; }
  .banner-block .banner-desc { bottom: 30px; }
  .banner-block .banner-desc .text-block .text-content img { margin: 0 auto 30px; width: 65%; }
  .banner-block .banner-desc .text-block .text-content p { font-size: 33px; }
}
@media screen and (max-width: 1540px) {
  .desktop-menu ul li a { font-size: 19px; }
}
@media screen and (max-width: 1440px) {
  .gallery-section { padding: 50px 40px; }
}
@media screen and (max-width: 1400px) {
  #header .middle-block .lt-panel .nav-menu-icon span { font-size: 16px; }
  /* .contact-info ul.list-unstyled li a { font-size: 16px; } */
  .desktop-menu ul li { }
  .desktop-menu ul li a { padding: 0 10px; }
  .desktop-menu ul li.dropdown::before { right: -20px; }
  .about-section .box-item .box-image { padding: 0 15px 25px; }
  .our-menu-section .menu-list .box-item { padding: 0 15px; }
}
@media screen and (max-width: 1366px) {
  .desktop-menu ul li a { font-size: 16px; }
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1220px) {
  body { font-size: 25px; }
  .container { width: 96%; }
  .desktop-menu ul li { }
  .desktop-menu ul li a { font-size: 16px; }
  #header .middle-block .logo-block img { width: 150px; }
  .banner-block .banner-desc .text-block { padding: 0 0 10px; }
  .banner-block .banner-desc .text-block .text-content { font-size: 28px; }
  .banner-block .banner-desc .text-block .text-content img { margin: 0 auto 10px; width: 50%; }
  .banner-block .banner-desc .text-block .text-content p { font-size: 27px; }
  .restaurant-showcase-section { padding: 0; }
  .hand-painted-section { padding: 0 0 50px; }
  .dining-rooms-section,   .events-section,   .masterclasses-section,   .menu-section,   .our-menu-section,   .our-story-section,   .page-content,   .welcome-section, .whats-on-section { padding: 50px 0; }
  .masterclasses-section .box-list { row-gap: 40px; }
  .contact-section { padding: 0 0 50px; }
  .contact-section .contact-form { padding: 50px 25px; }
  .welcome-section .box-text .box-title h2 { padding: 0 0 20px; }
  .welcome-section .box-text .text-content { padding: 0 0 25px; }
  .welcome-section .box-image { padding: 0 0 40px; }
  .dining-rooms-section .title h2,   .our-menu-section .box-item .box-title h3,   .our-menu-section .title h2,   .our-menu-section .title h2,   .restaurant-showcase-section .title h2,   .welcome-section .box-text .box-title h2, .welcome-section-2 .box-text .box-title h2 { font-size: 50px; }
  #footer .contact-info-block .newsletter .footer-heading-title { font-size: 20px; }
  .menu-section .box-item .box-text .box-title h3 { font-size: 26px; padding: 0 0 10px; line-height: 35px; }
  .menu-section .box-item .box-text .button a { padding: 6px 20px; font-size: 17px; }
}
@media screen and (max-width: 1170px) {
}
@media screen and (max-width: 1130px) {
}
@media screen and (max-width: 1080px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 991px) {
  body { font-size: 17px; line-height: 24px; }
  #menu-icon { display: none; }
  #header .bottom-block { display: none; background-color: #000; }
  #header .middle-block .lt-panel .nav-menu-icon span { font-size: 15px; }
  #header .middle-block .rt-panel #nav-wrap { float: right; }
  .page-content .box-item .box-text { padding: 0 15px; }
  .desktop-menu ul li a img { padding: 0; }
  .teblet-only { display: block!important; }
  .page-content { padding: 40px 0; }
  .page-content .box-item { flex-wrap: wrap; }
  .page-content .page-title h1 { font-size: 28px; line-height: normal; }
  .owl-carousel .owl-nav button.owl-next i, .owl-carousel .owl-nav button.owl-prev i { font-size: 30px; }
  .menu-section { padding: 0 0 30px; }
  .menu-section .box-item { padding: 30px 0; }
  .menu-section .box-item .box-text { column-gap: 10px; }
  .menu-section .box-item .box-text .icon img { width: 80%; }
  .menu-section .box-item .box-text a .box-title h3 { font-size: 26px; }
  #footer .contact-info-block .footer-text { padding: 0 0 40px; }
  #footer .contact-info-block .info-box { border-top: 1px solid; border-bottom: 1px solid; margin: 0 0 35px!important; }
  #footer .contact-info-block .info-box .opening-hours-info { border-right: 1px solid; padding: 35px 15px 0 0; }
  #footer .contact-info-block .contact-info { margin: 0; padding: 35px 0 0 15px; }
  .map-block { padding: 35px 0 0; }
  .odd-even-advanced-image-box .box-list .box-item:nth-child(2n) { padding: 30px 15px; }
  .banner-block { padding: 100px 0; }
  .banner-block .banner-desc .text-block .text-content { max-width: 100%; }
  .banner-block .banner-desc .text-block .text-content img { margin: 0 auto 10px; width: 40%; }
  .banner-block .banner-desc .text-block .text-content p { font-size: 25px; }
  .banner-block .banner-desc { bottom: 15px; }
  .banner-block .banner-desc .text-block .text-content { font-size: 22px; }
  .welcome-section { padding: 50px 0 0; }
  .welcome-section .box-text { flex-wrap: wrap; }
  .our-menu-section .title h2 { padding: 0 0 30px; font-size: 34px; }
  .our-menu-section .menu-list .box-item .box-text .box-title h3 { font-size: 26px; }
  .our-menu-section .menu-list .box-item .box-text { top: 40%; }
  .whats-on-section .box-item .box-image { padding: 0 0 20px 0; }
  .our-menu-section .box-item .box-title h3 { padding: 20px 0 0; }
  .dining-rooms-section .dining-rooms-list { flex-wrap: wrap; }
  .welcome-section .welcome-text .title h2 { font-size: 35px; text-align: center; }
  .whats-on-section .title h2 { font-size: 35px; padding: 20px 0; }
  .whats-on-section .box-item .box-text { padding: 0; }
  .whats-on-section .box-item .box-text .box-title h3 { font-size: 35px; padding: 20px 0; }
  .whats-on-section .box-item .box-image img { min-height: initial; }
  .whats-on-section .owl-dots { position: initial; width: 100%; }
  .whats-on-section .whats-on-list { flex-wrap: wrap; row-gap: 0; }
  .about-section { padding: 0 15px 15px; }
  .about-section .box-item { flex-wrap: wrap; }
  .about-section .box-item .box-image { padding: 0 15px 0; }
  .our-story-section { padding: 40px 0; }
  .our-story-section .box-item { flex-wrap: wrap; column-gap: 0; row-gap: 10px; }
  .our-story-section .box-item .box-text { order: 2; }
  .our-story-section .title h2 { font-size: 35px; padding: 0 0 20px; }
  .contact-section { padding: 0 15px 40px; }
  .contact-section .box-item .box-image { padding: 0; }
  .contact-section .box-item { flex-wrap: wrap; gap: 30px; }
  .contact-section .contact-form { margin: 0; }
  .location-section { padding: 50px 0; }
  .location-section .map-block .title h2 { font-size: 38px; padding: 0 0 20px; }
  /* .contact-info ul.list-unstyled li { padding: 0 10px 0 30px; } */
  /* .contact-info ul.list-unstyled li a { font-size: 15px; } */
  .events-section .box-item .box-image { order: initial!important; }
  .gallery-section { padding: 50px 0; }
  .welcome-section .box-text .button a { margin: 0 auto 50px; }
  .welcome-section-2 { padding: 0; }
  .restaurant-showcase-section .box-item .box-image { padding: 35px 0; }
  .dining-rooms-section .title h2, .restaurant-showcase-section .title h2 { font-size: 32px; }
  .private-dining-section { padding: 0 0 30px; }
  .private-dining-section .private-dining-list .box-item { display: inline-block; padding: 30px 0; }
  .private-dining-section .private-dining-list .box-item .box-image { padding: 0 0 20px; }
  .private-dining-section .private-dining-list .box-item .box-text .box-title h3 { font-size: 32px; }
  .our-menu-section .box-item .box-title h3,   .welcome-section .box-text .box-title h2, .welcome-section-2 .box-text .box-title h2 { font-size: 22px; }
  .banner-block .banner-desc .button,   .button-bg .button,   .our-menu-section .button a,   .page-content .box-item .box-text .text-content .button a,   .welcome-section .box-text .button a,   .welcome-section-2 .box-text .button a, .welcome-section-2 .box-text .button a { padding: 10px 0; font-size: 18px; max-width: 220px; }
  .dining-rooms-section .dining-rooms-list .box-item .box-text .box-title h3 { font-size: 25px; line-height: 35px; padding: 0 0 20px; }
  #footer .contact-info-block .newsletter .footer-heading-title { font-size: 21px; }
  #footer .contact-info-block .newsletter form .form-control { padding: 10px 15px; }
  .menu-tab-section .tab-content .fade .tab-data-list .tab-data-item .data-text h4 { padding: 0; }
  .menu-section-footer h1 { line-height: normal; font-size: 29px; }
  .menu-section-footer h2 { line-height: normal; }
  .service-section { padding: 50px 0; }
  .service-section .title h2 { font-size: 30px; }
  .menu-tab-section .tab-content .fade .tab-data-list .tab-data-item .chinese-text h4 { padding: 0 0 10px; }
  .checkout-block .accordion-panel .block2 { align-items: self-start; }
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 920px) {
  .desktop-menu ul li a { font-size: 15px; }
}
@media screen and (max-width: 900px) {
}
@media screen and (max-width: 896px) {
}
@media screen and (max-width: 880px) {
}
@media screen and (max-width: 869px) {
}
@media screen and (max-width: 853px) {
}
@media screen and (max-width: 850px) {
}
@media screen and (max-width: 847px) {
}
@media screen and (max-width: 846px) {
  .desktop-menu ul li a { font-size: 13px; }
}
@media screen and (max-width: 824px) {
}
@media screen and (max-width: 823px) {
}
@media screen and (max-width: 812px) {
}
@media screen and (max-width: 800px) {
}
@media screen and (max-width: 770px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
  .container { width: 92%; }
  .button-bg { padding: 25px 0; }
  .overlay-content { top: 0; margin: 0; }
  #header .middle-block .lt-panel .nav-menu-block .closebtn { display: none; }
  .overlay a:hover { color: #d3ab7f; }
  .overlay ul li.mobile-only { background-color: #d3ab7f!important; }
  .overlay ul li.mobile-only a { color: #fff; }
  .overlay ul li.mobile-only a:hover { color: #fff; }
  .overlay ul li.mobile-only .sb-submenu li a:hover { color: #d3ab7f!important; }
  .overlay ul li.mobile-only .sb-caret:hover { color: #fff; }
  .overlay ul li a i { display: none; }
  .overlay ul li .sb-submenu li { }
  .page-content .box-item .box-text .box-title h2 { font-size: 22px; }
  #header .top-block { display: none!important; }
  #header .middle-block { width: 100%; text-align: center; }
  #header .top-block .mobile-option { padding-right: 0; }
  #header .middle-block .lt-panel { width: 20%; order: 2; }
  #header .middle-block .logo-block { width: 80%; order: 1; text-align: left; }
  #header .middle-block .rt-panel { width: initial; order: 3; }
  #header .middle-block .rt-panel #nav-wrap { float: none; width: 100%; height: auto; }
  #header .middle-block .lt-panel .nav-menu-icon ul:hover li { border-color: #e8d0b7; }
  .contact-info ul.list-unstyled li a i { font-size: 20px; }
  .contact-info ul.list-unstyled li .menu-label { display: none; }
  #footer .contact-info-block .info-box { border-top: none; border-bottom: none; margin: 0!important; }
  #footer .contact-info-block .info-box .opening-hours-info { border-right: none; padding: 0; }
  #footer .contact-info-block .contact-info { margin: 0 0 50px; padding: 0; }
  #footer .contact-info-block .contact-info ul.list-unstyled li { font-size: 17px; padding: 0 0 20px 35px; }
  #footer .contact-info-block .social-icon { padding: 0 0 20px; }
  #footer .contact-info-block .social-icon .footer-heading-title { margin: 0 0 0; }
  .desktop-menu ul li.nav-item { text-align: left; display: none; justify-content: end; }
  .desktop-menu ul li a img { display: block; }
  .desktop-menu ul li ul.dropdown-menu { top: 35px; }
  .desktop-menu ul li ul.dropdown-menu li a { color: #d3ab7f; }
  .desktop-menu ul li ul.dropdown-menu li.active a { color: #fff; }
  .desktop-menu ul li.dropdown::before { display: none; }
  .desktop-menu ul li .dropdown-toggle::after { display: none; }
  .desktop-menu ul { display: flex; flex-direction: column; }
  .desktop-menu ul li.nav-item.dropdown { display: block; order: 2; line-height: 0; }
  .desktop-menu ul li a.no-cursor .menu-label { display: none; }
  .desktop-menu ul li { display: block; }
  .desktop-menu ul li.telephone { padding: 0 15px 0 0; }
  .desktop-menu ul li.mobile-only { display: inline-block!important; }
  /* .contact-info ul.list-unstyled li { display: none; } */
  .desktop-menu ul li a.no-cursor { color: #fff; line-height: 0; }
  #footer .footer-top { padding: 40px 0; }
  .banner-block .banner-desc { bottom: 13%; }
  .banner-block .banner-desc .button { margin: 20px auto 0; }
  .banner-block .banner-desc .text-block p { width: 100%; }
  .banner-block .banner-desc .text-block .text-content h1 { font-size: 80px; color: #d4aa7c; }
  .banner-block .banner-desc .text-block .text-content img { margin: 0 auto 30px; width: 100%; }
  .banner-block .banner-desc .text-block .text-content p { font-size: 20px; }
  .banner-block .owl-carousel .banner-item:has(.text-content)::before { content: ''; background: linear-gradient(0deg, rgba(0, 0, 0, 0.844958051580007) 0, rgba(31, 29, 29, 0.2) 93%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .button-bg .overlay { background: linear-gradient(0deg, rgba(0, 0, 0, 0.844958051580007) 0, rgba(31, 29, 29, 0.2) 93%); position: absolute; top: 0; left: 0; z-index: unset; width: 100%; height: 100%; }
  .our-menu-section .menu-list { flex-wrap: wrap; }
  .contact-section .contact-form { padding: 30px 15px; }
  .location-section .map-block .title h2 { font-size: 30px; }
  .location-section .map-block iframe { height: 300px; }
  .welcome-section .welcome-text .title h2 { font-size: 24px; }
  .dining-rooms-section .dining-rooms-list .box-item .box-text { padding: 20px 0 0; }
  .whats-on-section .box-item .box-text .box-title h3 { font-size: 24px; line-height: 30px; }
  .menu-section { padding: 0 0 30px; }
  .landing-section .landing-list { flex-wrap: wrap; }
  .landing-section .landing-list .box-item .box-text .box-title { padding: 20px 0; }
  .masterclasses-section .box-item .box-text .box-title h3 { font-size: 25px; line-height: 35px; }
  .welcome-section .box-image .image-title { font-size: 20px; }
  .hand-painted-section .box-image .image-title { font-size: 14px; }
  .masterclasses-section .box-item .box-text .button { font-size: 26px; max-width: 200px; }
  #footer .contact-info-block .footer-heading-title { font-size: 20px; margin: 0 0 15px; }
  .menu-tab-section { background: #392928; }
  .menu-tab-section .nav-tabs.sticky { padding: 20px 30px; background: #392928; }
  .menu-tab-section .nav-tabs .nav-item { padding: 0; }
  .menu-tab-section .nav-tabs { padding: 0 0 20px; text-align: center; justify-content: space-between; }
  .menu-tab-section .tab-content .fade .tab-data-list .tab-data-item { padding: 0 0 30px; }
  .menu-tab-section .tab-content .fade .tab-data-list { padding: 20px 0 0; }
  .menu-tab-section .tab-content .fade .tab-title h2 { font-size: 50px; line-height: 55px; padding: 0 0 30px; }
  .menu-section .box-item { flex-wrap: wrap; }
  .menu-tab-section .tab-content .fade .tab-data-list .tab-data-item .data-text h5 { font-size: 14px; }
  .menu-tab-section .container { width: 100%; }
  .about-block .lt-block h2, .about-block .rt-block h2 { font-size: 23px; line-height: 35px; }
  .banner-block img { width: 100%; }
  .checkout-block .accordion-panel .block2 { flex-wrap: wrap; }
  .checkout-block .accordion-panel .lt-block .continue, .checkout-block .accordion-panel .rt-block .login { width: 100%; }
}
@media screen and (max-width: 740px) {
}
@media screen and (max-width: 736px) {
}
@media screen and (max-width: 732px) {
}
@media screen and (max-width: 731px) {
}
@media screen and (max-width: 720px) {
}
@media screen and (max-width: 700px) {
  .product-details-block .brought-block .text-panel p { border-right: 1px solid #dbdbdb; float: left; text-align: left; width: 65%; }
}
@media screen and (max-width: 685px) {
}
@media screen and (max-width: 667px) {
}
@media screen and (max-width: 640px) {
  .menu-section .box-item { display: inline-block; }
  .menu-section .box-item .box-image { padding: 0 0 30px; }
  .menu-section .box-item .box-text a .box-title { text-align: center; }
  .fancybox-wrap { width: 100%!important; padding: 0 20px; left: initial!important; }
  .fancybox-inner { width: 100%!important; }
  .menu-section .box-item .box-text { padding: 0; }
  #footer .bottom-block .footer-menu ul li { width: 100%; list-style: none; }
}
@media screen and (max-width: 599px) {
  .related-products .owl-carousel .owl-item { margin: 0!important; }
  .related-products .owl-carousel .owl-nav button.owl-prev { left: 0; }
  .related-products .owl-carousel .owl-nav button.owl-next { right: 0; }
  .our-menu-section .box-item .box-title h3 { font-size: 20px!important; }
}
@media screen and (max-width: 580px) {
  #footer .contact-info-block .contact-info { margin: 0; padding: 35px 0 0; }
}
@media screen and (max-width: 568px) {
}
@media screen and (max-width: 500px) {
  .desktop-menu { justify-content: initial; }
  .contact-info ul.list-unstyled li { padding: 0 10px 0 20px; }
  .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { top: 34%; }
  .first-section .box-text .box-title h2 { font-size: 18px; }
  .first-section .down-arrow img { width: 15px; }
  .banner-block .banner-desc .text-block .text-content h1 { font-size: 50px; }
}
@media screen and (max-width: 480px) {
  #nav-wrap { width: 15px; height: 31px; }
  .banner-block .banner-desc .text-block .text-content { font-size: 18px; }
}
@media screen and (max-width: 479px) {
}
@media screen and (max-width: 420px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 412px) {
}
@media screen and (max-width: 411px) {
}
@media screen and (max-width: 400px) {
  #header .middle-block .lt-panel .nav-menu-icon span { font-size: 12px; padding: 0 0 0 5px; }
  .banner-block .banner-desc .text-block p { display: block; }
}
@media screen and (max-width: 375px) {
  .owl-carousel .owl-nav button.owl-next { right: -7%; }
  .owl-carousel .owl-nav button.owl-prev { left: -7%; }
  #footer .contact-info-block .newsletter .footer-heading-title { font-size: 18px; }
  .menu-tab-section .nav-tabs .nav-item { font-size: 13px; }
}
@media screen and (max-width: 370px) {
  #header .middle-block { text-align: initial; }
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 340px) {
  .banner-block .banner-desc { bottom: 8%; }
  .banner-block .banner-desc .button { margin: 15px auto 0; }
}
@media screen and (max-width: 320px) {
}