@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) {
}
@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 { font-size: 15px; padding: 0 20px; }
  .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 { text-align: center; 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) {
  .events-section,   .masterclasses-section,   .menu-section,   .our-menu-section,   .our-story-section,   .page-content, .welcome-section { padding: 50px 40px; }
  .events-section .box-item { padding: 40px 0; }
  .masterclasses-section .box-item { padding: 40px 0; }
  .contact-section { padding: 0 40px 50px; }
  .contact-section .contact-form { padding: 50px 25px; }
}
@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: 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 .logo-block img { width: 100px; }
  #header .middle-block .rt-panel #nav-wrap { float: right; }
  .desktop-menu ul li a img { padding: 0; }
  .desktop-only { display: none!important; }
  .teblet-only { display: block!important; }
  .page-content { padding: 40px 15px 20px; }
  .page-content .box-item { flex-wrap: wrap; }
  .page-content .page-title h1 { font-size: 30px; line-height: normal; }
  .menu-section { padding: 0 40px 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: 23px; line-height: 30px; }
  .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 { bottom: 30px; }
  .welcome-section { padding: 40px 15px; }
  .welcome-section .box-text { flex-wrap: wrap; }
  .our-menu-section { padding: 50px 15px; }
  .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%; }
  .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 .box-title h3 { font-size: 35px; text-align: center; }
  .whats-on-section { padding: 50px 0; }
  .whats-on-section .whats-on-list { flex-wrap: wrap; }
  .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 15px; }
  .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 15px; }
  .location-section { padding: 50px 35px; }
  .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; }
}
@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; }
  .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; }
  .contact-info ul.list-unstyled li a i { font-size: 20px; }
  .contact-info ul.list-unstyled li .menu-label { display: none; }
  #header .middle-block .rt-panel #nav-wrap { float: none; width: 100%; height: auto; }
  .desktop-menu { text-align: left; display: flex; justify-content: end; }
  .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 { order: 2; line-height: 0; }
  .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; }
  #footer .footel-top { padding: 40px 0; }
  .our-menu-section .menu-list { flex-wrap: wrap; }
  .contact-section .contact-form { padding: 30px 15px; }
  .welcome-section .welcome-text .title h2 { font-size: 30px; }
  .our-menu-section .title h2 { font-size: 30px; }
  .dining-rooms-section .title h2 { font-size: 30px; }
  .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 15px 30px; }
  .landing-section .landing-list { flex-wrap: wrap; }
  .landing-section .landing-list .box-item .box-text .box-title { padding: 20px 0; }
  .location-section .map-block iframe { height: 300px; }
}
@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) {
  .menu-section .box-item { display: inline-block; }
  .menu-section .box-item .box-image { padding: 0 0 30px; }
  .fancybox-wrap { width: 100%!important; padding: 0 20px; left: initial!important; }
  .fancybox-inner { width: 100%!important; }
}
@media screen and (max-width: 600px) {
}
@media screen and (max-width: 580px) {
}
@media screen and (max-width: 568px) {
}
@media screen and (max-width: 500px) {
  .desktop-menu { justify-content: initial; }
  #header .middle-block .lt-panel { width: 28%; }
  #header .middle-block .logo-block { width: 33%; }
  #header .middle-block .rt-panel { width: 28%; }
  .contact-info ul.list-unstyled li { padding: 0 10px 0 20px; }
}
@media screen and (max-width: 480px) {
}
@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) {
}
@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) {
}