@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: 640px) {
  /* .odd-even-advanced-image-box .box-list .box-item { display: flex; } */
  .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) {
}
@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; }
}
@media screen and (max-width: 1540px) {
}
@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 ul.dropdown-menu { left: 20px; } */
  .desktop-menu ul li.dropdown::before { width: 10px; }
  .about-section .box-item .box-image { padding: 0 15px 25px; }
  /* .events-section .box-item .box-text .box-title h3 { text-align: center; padding: 30px 0; } */
  /* .masterclasses-section .box-item .box-text .box-title h3 { padding: 30px 0; } */
  .our-menu-section .menu-list .box-item { padding: 0 15px; }
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1220px) {
  .container { width: 96%; }
  .desktop-menu ul li a { font-size: 16px; }
  #header .middle-block .logo-block img { width: 120px; }
  .banner-block .banner-desc .text-block { padding: 0 0 10px; }
  .banner-block .banner-desc .text-block .text-content p { font-size: 28px; }
  .restaurant-showcase-section { padding: 0; }
  /* .our-menu-section { padding: 0; } */
  .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; }
  /* .events-section .box-item { padding: 40px 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; }
  .our-menu-section .text-content, .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,   .restaurant-showcase-section .title h2,   .welcome-section .box-text .box-title h2, .welcome-section-2 .box-text .box-title h2 { font-size: 50px; }
}
@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: 20px; line-height: 27px; }
  #menu-icon { display: none; }
  #header .bottom-block { display: none; background-color: #000; }
  /* #header .middle-block .container { width: auto; } */
  #header .middle-block .lt-panel .nav-menu-icon span { font-size: 15px; }
  #header .middle-block .rt-panel #nav-wrap { float: right; }
  .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: 30px; 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; column-gap: 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; }
  .odd-even-advanced-image-box .box-list .box-item:nth-child(2n) { padding: 30px 15px; }
  .banner-block { margin-top: 0; padding: 100px 0; }
  /* .banner-block .banner-desc .button a { padding: 9px 20px; font-size: 17px; } */
  .banner-block .banner-desc .text-block .text-content { max-width: 100%; }
  .banner-block .banner-desc { bottom: 15px; }
  .banner-block .banner-desc .text-block .text-content p { font-size: 22px; }
  .welcome-section { padding: 50px 0 0; }
  .welcome-section .box-text { flex-wrap: wrap; }
  /* .our-menu-section { padding: 50px 0 0; } */
  .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%; }
  .our-menu-section .box-item .box-title h3 { padding: 20px 0 0; }
  /* .dining-rooms-section { padding: 50px 0; } */
  .dining-rooms-section .dining-rooms-list { flex-wrap: wrap; }
  /* .dining-rooms-section .title h2 { font-size: 35px; } */
  .welcome-section .welcome-text .title h2 { font-size: 35px; text-align: center; }
  .whats-on-section .box-item .box-text { padding: 0; }
  .whats-on-section .box-item .box-text .box-title h3 { font-size: 35px; }
  /* .whats-on-section { padding: 50px 0; } */
  .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; }
  .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 { flex-wrap: wrap; column-gap: 0; }
  .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 { padding: 0 15px 40px; } */
  /* .events-section .box-item { flex-wrap: wrap; padding: 40px 0; } */
  .events-section .box-item .box-image { order: initial!important; }
  /* .masterclasses-section { padding: 0 15px 40px; } */
  /* .masterclasses-section .box-item { flex-wrap: wrap; padding: 40px 0; } */
  /* .masterclasses-section .box-item .box-text { padding: 0; } */
  .gallery-section { padding: 50px 0; }
  .welcome-section-2 { padding: 0; }
  .restaurant-showcase-section .title h2 { font-size: 32px; }
  .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; }
  .dining-rooms-section .title h2,   .our-menu-section .box-item .box-title h3,   .our-menu-section .title h2,   .welcome-section .box-text .box-title h2, .welcome-section-2 .box-text .box-title h2 { font-size: 35px; }
  .banner-block .banner-desc .button a,   .our-menu-section .button a,   .welcome-section-2 .box-text .button a, .welcome-section-2 .box-text .button a { padding: 10px 0; font-size: 20px; 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; }
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 979px) {
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 920px) {
}
@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) {
}
@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) {
  .teblet-only { display: none!important; }
  .desktop-only { display: none!important; }
  .mobile-only { display: block!important; }
  .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 { color: #fff; } */
  /* .overlay ul li a:hover { color: #d3ab7f; } */
  .overlay ul li a i { display: none; }
  .overlay ul li .sb-submenu li { }
  /* .overlay .sb-caret:hover { color: #d3ab7f; } */
  #header .top-block { display: none!important; }
  #header .middle-block { padding: 0; width: 100%; text-align: center; }
  #header .top-block .mobile-option { padding-right: 0; /*display: none;*/ }
  #header .middle-block .lt-panel { text-align: left; }
  #header .middle-block .rt-panel { text-align: right; }
  #header .middle-block .rt-panel #nav-wrap { float: none; width: 100%; height: auto; }
  .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 .contact-info { margin: 0 0 20px; }
  #footer .contact-info-block .contact-info h6 { font-size: 17px; padding: 0 0 20px 35px; }
  #footer .contact-info-block .social-icon { padding: 0 0 20px; }
  #footer .contact-info-block .social-icon h4 { 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 { display: none; align-items: center; } */
  .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 ul.dropdown-menu li:not(:last-child)::after { content: "|"; margin: 0 0 0 10px; color: #fff; } */
  /* .desktop-menu ul li ul.dropdown-menu { display: flex!important; position: initial; background: transparent; padding: 0; flex-direction: row; } */
  .desktop-menu ul li.dropdown::before { 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 a { font-size: 13px; line-height: 18px; padding: 0; } */
  .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 .footel-top { padding: 40px 0; }
  /* .banner-block .banner-desc .text-block .text-content p { font-size: 32px; } */
  .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; }
  /* .our-menu-section .title h2 { font-size: 24px; } */
  /* .dining-rooms-section .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: 40px; }
  .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; }
}
@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) {
}
@media screen and (max-width: 685px) {
}
@media screen and (max-width: 667px) {
}
@media screen and (max-width: 640px) {
  #header .middle-block .logo-block img { width: 90px; }
  .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; }
}
@media screen and (max-width: 599px) {
  #header .middle-block .lt-panel { width: 31%; }
  #header .middle-block .logo-block { width: 33%; }
  #header .middle-block .rt-panel { width: 31%; }
  .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; }
}
@media screen and (max-width: 580px) {
}
@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; }
  /* .menu-section .box-item .box-text a .box-title h3 { font-size: 18px; } */
  .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { top: 34%; }
}
@media screen and (max-width: 480px) {
  .banner-block .banner-desc .text-block .text-content p { font-size: 20px; }
}
@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; }
  /* #header .middle-block .logo-block img { width: 70px; } */
  /* body { font-size: 15px; line-height: 22px; } */
}
@media screen and (max-width: 375px) {
  .owl-carousel .owl-nav button.owl-next { right: -7%; }
  .owl-carousel .owl-nav button.owl-prev { left: -7%; }
}
@media screen and (max-width: 370px) {
  #header .middle-block { text-align: initial; }
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 340px) {
}
@media screen and (max-width: 320px) {
}