@import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,500,600,700,800');
/*--=======================================================
=              Media Queries                   =
========================================================--*/

@media (max-width: 1680px) {

   .slick-slide .banner-sec img { width: 100%; }

}

@media (max-width: 1600px) {
   
   .slick-slide .banner-sec img { width: 100%; }

}

/*--=======================================================
=              1440                   =
========================================================--*/

@media (max-width: 1440px) {

   .slick-slide .banner-sec img{ width: 100%; }
   .about-content{max-width:30%;text-align:center;padding-top:100px;padding-bottom:100px}
   .lb-data .lb-close { top: -800px; }


}

/*--=======================================================
=              1366                   =
========================================================--*/

@media (max-width: 1366px) {
   .slick-slide .banner-sec img{ width: 100%; }
   .lb-data .lb-close { top: -665px; }
   
}

/*--=======================================================
=              1280                   =
========================================================--*/
@media (max-width: 1280px) {

   .navbar-expand-md .navbar-nav .nav-link{padding-left:0;padding-right:0}
   .custom-menu li{margin-right:15px}
   #room-section { padding-top: 5em; padding-bottom: 3em;}
   .lb-data .lb-close { top: -680px; }

}
/*--=======================================================
=              1200                   =
========================================================--*/
@media (max-width: 1200px){

   .custom-menu li{margin-right:5px}
   .sticky.outline-btn a{margin-right:0}
   .about-custom-menu-bg button{border:1px solid #000;margin:0 auto;background:none}
   .about-custom-menu-bg.home-page{text-align:center}
   #room-section .container .room-image-section { padding-right: 0em; width: 50%; }
   #room-section .container .room-image-section.left-section { right: 44%; }
   #room-section .container .room-content-section.right-section { left: 52%; }
   .lightbox .lb-image[style] { max-width: inherit; width: 900px!important; height: auto!important; } 
   .lb-data .lb-close { top: -610px; }

}


/*--=======================================================
=              991                   =
========================================================--*/
@media (max-width: 991px) {

#home-page-story .about-content-wrap.story:after{height:35%;background-size:contain}
#home-page-story .about-content.story:before{width:50%;background-size:contain;height:40%;background-position:right}
.about-content-wrap.aboutpage-sideimages:after{background-size:contain}
#home-page-about .about-content:before{background-size:contain;height:35%;background-position:right}
.about-content-wrap:after{background-size:contain;height:35%}
.about-content{max-width:50%;padding-top:7em;padding-bottom:7em}
.about-custom-menu-bg{padding-bottom:1.5em}
section#instagram,#footer,section#special-menu{padding-top:2em}
#news-section{padding-top:3em}
#menu-section.liquor .container{padding-bottom:0;padding-top:3em}
.joinus-wrp,#footer,section#special-menu{padding-bottom:3em}
.about-custom-menu-bg.home-page .outline-btn a{float:none}
#menu-section .container{padding-top:4em;padding-bottom:3em}
.row.about-custom-menu-bg.innerPageSticky{text-align:center;position:fixed;z-index:2}
.row.about-custom-menu-bg.innerPageSticky .sticky.outline-btn a{margin-right:0;float:none}
#about-us-page .about-content-wrap.aboutpage-sideimages:after, .about-content-wrap.aboutpage-sideimages:after {height:20%}
.about-content-wrap .elementor-column-wrap {
    max-width: 60%;
}
#about-us-page .about-content.aboutpage-sideimages:before, .about-content-wrap.aboutpage-sideimages:before {height:20%;background-position:right top;background-size:contain}
a.outline-btn{display:inline-block;margin-bottom:1em}
#about-us-page .aboutpage-content{width:100%;padding:4em 10em;background-color:red}
.aboutpage-content{width:100%;padding:3em 5em}

.photo-gallery .elementor-widget-container {width: 90%; margin: 0px auto 0;}
.elementor-column.elementor-col-100.private-content {
    width: 90%;
}
.about-content-wrap:before {
    height: 30%;
    background-size: contain;
    background-position: top right;
}
#home-page-story.about-content-wrap.story:after {
    height: 30%;
    background-size: contain;
}
#home-page-story.about-content-wrap.story:before {
    height: 30%;
    background-size: contain;
    background-position: right bottom;
    right: 0px;
}
.story-content {padding:4em 5em 2em 5em; width: 90%!important; margin: -70px auto 0 auto;}
.container.gallery-btn-wrp{margin-bottom:3em}
.container.gallery-btn-wrp .spacer-top-43{margin-top:43px;margin-top:2em}
.private-content{width:100%;padding:4em 4em 2em}
.joinus-content{width:100%}
#contact .form-input{padding-left:5em;padding-right:5em}
/* #footer{overflow:hidden} */
#room-section { padding-bottom: 1em;}
#room-section .container .room-image-section.left-section { right: 32%; }
#room-section .container .room-image-section.left-section { right: 44%; }
/* #footer .container{width:98%;overflow:hidden} */
#footer .col-one,#footer .col-two,#footer .col-three,#footer .col-four{float:left;width:49%}
#footer .col-two,#footer .col-four{margin-right:0}
#footer .col-one,#footer .col-two,#footer .col-three,#footer .col-four{padding:0 1em}
#footer-bottom .container .col-md-6{width:50%}

.home-gallery .row.photos, #kahanilondon-gallery .row.photos { width: 99%; margin: 0 auto; }
.home-gallery .photo-gallery .item { max-width: 21%; margin: 0 0.5em; }
#menu-section .menu-title { line-height: 1.5em; margin-bottom: 0; }
#menu-section .home-gallery-bott { padding-bottom: 0em; }

.photo-gallery .item { padding-bottom: 10px; margin: 0 5px; max-width: 18%;}
.ui-timepicker-wrapper{width:360px;}
section.mobile-header-bg { background: #f6eee6; }
.lightbox .lb-image[style] { max-width: inherit; width: 800px!important; height: auto!important; }
.lb-data .lb-close { top: -550px; }

.market_slider .elementor-slick-slider .slick-prev, .market_slider .elementor-slick-slider .slick-next,
.market_slider .slick-prev:before, .market_slider .slick-next:before {
  display: none!important;
}

}
@media (max-width: 800px) {
   .lightbox .lb-image[style] { max-width: inherit; width: 650px!important; height: auto!important; } 
   .lb-data .lb-close { top: -450px; }  
}
/*--=======================================================
=              767                   =
========================================================--*/
@media (max-width: 767px) {


   
#footer-bottom .col-lg-4 { margin-bottom: 10px; }

#footer-bottom .col-lg-4 { text-align: center; }
#footer-bottom .col-lg-4.text-right {
    text-align: center!important;
}

   .eventpage .elementor-widget-wrap {
    padding: 0 30px;
}
   .eventpage .form-title { padding: 0 15px; }
   .slick-slide .banner-sec img{ width: 100%; }
   .multiple-items .slick-dots { bottom: 0; }

#home-page-about .about-content:before{height:25%}
.about-content-wrap:after{height:25%}
#home-page-story .about-content-wrap.story:after{height:25%}
#home-page-story .about-content.story:before{height:20%}
#about-us-page .about-content-wrap.aboutpage-sideimages:after{height:25%}
#about-us-page .about-content.aboutpage-sideimages:before{height:30%}
.about-content{padding-top:5em;padding-bottom:3em}
.custom-menu{margin-bottom:1em}
button.navbar-toggler{outline:0}
#menu-section .container{padding-bottom:1em}
#spotlight.story-page{padding-bottom:3em}
#contact .contact-content{width:100%;padding:1em}
#contact .form-input{padding-left:3em;padding-right:3em}
#home-page-about .threeimages div{margin:0;padding:0}
#news-section .container{padding:1em 1em 0 1em}
#menu-section .container{padding-left:1em;padding-right:1em}
.aboutpage-content{width:100%;padding:3em 0}
#room-section .container .room-content-section.right-section { left: 0; width: 100%; }
#room-section .container .room-image-section.left-section { right: 0; width: 100%; text-align: center; padding: 0; }
#room-section .container .room-content-section { float: none; width: 100%; }
#room-section .container .room-image-section { width: 100%; text-align: center; }
#footer .container { width: 100%; }
.home-gallery .row.photos { width: 100%; }
.home-gallery .photo-gallery .item { max-width: 30%; }
#menu-section .home-gallery-bott { padding-bottom: 1em; }
.photo-gallery .item { max-width: 23%; }
#contact.reservation .contact-form-content input {font-size:0.9em;}
#special-menu .two-images {display: inline-block;}
#special-menu .special-menu-container.row.justify-content-md-center {display: block;}

#menu-section.home-gallery .container { padding-left: 0; padding-right: 0; }
.lightbox .lb-image[style] { max-width: inherit; width: 500px!important; height: auto!important; } 
.lb-nav a.lb-prev{left:-10%;}
.lb-nav a.lb-next{right:-10%;}
.lb-data .lb-close { top: -350px; }
.about-custom-menu-bg.sticky,.row.about-custom-menu-bg.innerPageSticky.innersticky{width:103%;}

.sticky .col-lg-2,.innerPageSticky .col-lg-2{width:50%}
.sticky-logo{position:absolute;z-index:99}
.sticky .col-lg-8,.innerPageSticky .col-lg-8{width:100%}
.row.about-custom-menu-bg.home-page.sticky{width:104%;padding-bottom:0;min-height:60px}
.sticky .navbar-toggler,.innerPageSticky .navbar-toggler{margin-top:7px;position:fixed;top:8px;right:20px;display:block!important}
.sticky .col-lg-8 .custom-menu,.innerPageSticky .col-lg-8 .custom-menu{float:right;width:100%}
.btn-lg{display:none}
.btn-mobile-book{background-color:#f6eee6;width:100%;display:block}
.sticky .col-lg-2.btn-mobile,.innerPageSticky .col-lg-2.btn-mobile{position:fixed;bottom:0;left:0;right:0;margin:0 auto;background-color:#f6eee6;width:100%;padding:10px}
.navbar-collapse{margin-top:12%}
.custom-menu li{text-align:left}
#home-page-story.about-content-wrap.story:before {
    height: 150px;
}
#home-page-story.about-content-wrap.story:after {
    height: 150px;
}

#home-sec-1 .elementor-column-wrap.elementor-element-populated {
    padding-top: 200px; padding-bottom: 200px;
}
#home-page-story .elementor-column-wrap.elementor-element-populated {
    padding-top: 0;padding-bottom: 0;
}
.inner-header-image { padding-top: 55px; }
.join-section-class.inner-header-image {}
#news-section-page h4.card-title {
    min-height: auto;
}
.story-content {
    margin: 20px auto 0 auto;
}
.elementor-column.elementor-col-100.story-content {
    margin-bottom: 20px;
}
.about-content-wrap .elementor-column-wrap {
    max-width: 90%;
}
.photo-gallery {
    margin-top: 20px;
}
.join-section-class.inner-header-image .elementor-element.elementor-element-cc387f7 {
    margin-bottom: 0px!important;
}
.elementor-section.elementor-section-height-full.join-section-class { padding-bottom: 0!important; }
#news-section-page.home-news-content .elementor-element-populated {
    margin-bottom: 1px!important;
}
#news-section {
    background: #fff;
    padding-top: 0em;
}
#news-section .elementor-widget-container {
  margin: -70px 0px 0px 0px;
}
#room-section {
    margin-bottom: 0px!important;
    border-bottom: 1px solid #efddcc;
}
#section-heading.featured-carousel .elementor-widget-container {
    margin: 75px 0px 30px 0px;
}
#footer .col-four a {
    display: block;
}
section#footer .col-one ul li strong {
    width: auto;
}

}

/*--=======================================================
=              665                   =
========================================================--*/
@media (max-width: 665px) {

#about-us-page .about-content-wrap.aboutpage-sideimages:after{height:25%}
.about-content{padding-top:6em;padding-bottom:4em}
#about-us-page .about-content{padding-top:5em;padding-bottom:10em}
#home-page-about .about-content:before{height:20%}
.about-content-wrap:after{height:200px}
.about-content{max-width:70%}
#about-us-page .about-content{padding-top:7em;padding-bottom:10em}
#home-page-story .about-content-wrap.story:after{height:20%}
.story-content{padding:4em 2em 2em 2em}
.private-content{padding:4em 2em 2em; margin: 0em auto 0;}
.joinus-content{padding:3em 2em;     margin: -20px auto 0;}
#room-section .container .room-image-section.left-section, #room-section .container .room-image-section { padding: 0 2em; }
.about-content-wrap:before {
    height: 200px;
}



}    
/*--=======================================================
=              576                   =
========================================================--*/
@media (max-width: 576px) {

#about-us-page .about-content-wrap.aboutpage-sideimages:after{height:15%}
#about-us-page .about-content.aboutpage-sideimages:before{height:15%}
.about-content{padding-bottom:10em;padding-top:10em;max-width:90%}
#home-page-story .about-content{padding-top:11em}
#footer .col-one,#footer .col-two,#footer .col-three,#footer .col-four{float:none;width:100%;margin:0 auto;text-align:center}
#menu-section .col-sm-3,#home-page-story .about-content-wrap.story:after,#home-page-story .about-content.story:before{width:50%}
#home-page-story .about-content{max-width:80%}
#home-page-about .about-content{padding-bottom:12em;padding-top:13em;max-width:80%}
.home-logo{width:40%}
.outline-btn a{float:none}
#home-section #go2top{text-align:center;padding-top:2em}
#room-section .three-btn { margin: 0 auto 1em; display: block; width: 70%;}
.home-gallery .photo-gallery .item { max-width: 43%; }

#menu-section.home-gallery .container { padding-left: 0; padding-right: 0; }

.photo-gallery .item { max-width: 30%;}
.ui-timepicker-wrapper { width:60%;}
#menu-section.liquor .mar-lr-0 { margin-left: 0px; margin-right: 0px; }
#menu-section.liquor .mar-lr-0 .col-lg-6.col-md-6.col-sm-6 { padding-left: 0; padding-right: 0; }
#special-menu .two-images {width: 48%;}


.lightbox .lb-image[style] { width: 350px!important;} 
.lb-data .lb-close { top: -250px; }
#menu-section.liquor .mar-lr-0 .col-lg-6.col-md-6.col-sm-6 .menuover img { width: 100%; }
.about-custom-menu-bg.sticky,.row.about-custom-menu-bg.innerPageSticky.innersticky{width:104%;}
}
    
    
/*--=======================================================
   =              480                   =
========================================================--*/
@media (max-width: 480px) {

.ui-timepicker-wrapper{width:65%;}    
#lightboxOverlay[style], #lightbox[style] { display: none!important; }
/* .lightbox .lb-image[style] { width: 250px!important;} 
.lb-data .lb-close {top: -14em; } */

}
    


    /*--=======================================================
   =              320                   =
========================================================--*/
@media (max-width: 320px) {

#contact .form-input { padding-left: 1em; padding-right: 1em; }
#contact.reservation .contact-form-content span { font-size: 0.8em; }
#contact .btn-submit { font-size: 14px; }



}