/*
Theme Name: Bills
Theme URI: https://www.theloyaltyco.app/
Author: Theloyaltyco
Author URI: https://www.theloyaltyco.app/
Description: Bills Theme Template
Version: 1.0
License: Bills
License URI: https://www.theloyaltyco.app/
Text Domain: Bills
*/
@import url("https://use.typekit.net/yhr1peo.css");
:root {
/* Colors: */
--white:#fff;
--pink: #CC3362;
--black:#000000;
--black-light:#3C3834;
--green-color:#1D3E2E ;
--yellow-color:#e69e3d;
--gray-color:#394640;
--bg-color:#9DD4CA;
--date-picker-old-color:#B5751E;
--gray-bard-color:#757575;
--input-color:#8E8E8E;
--blue-drk: #614495;
--border-botton-color:#52655c;
--header-popup-border-color:#655b2f;
--accordion-bg-color:#F4F4F4 ;
--marron-color:#c63e62;
--btn-color: #F5ACB8;
--menu-top-link-color:#B5B5B5;
--menu-page-t-b-color:#f8f8f8;
--input-checkbox-title-color:#255A40;
--wrapper-bg-mobile-view-color:#fafafa;
--pink-color:#d12452;
--error-color:#E04562;
--red:#ff0000;
--Sprout-color:#c0dcb5;
--dark-charcoal-color:#2f2f2f;
--black-leather-jacket-color:#203228;
--white-light-color:#EEEDE5;
--alternative-time-select--color:#1F3328;
--input-color:#A2A2A2;
--dark-gray-color:#A3A3A3;
/*--awning-orange:#FC5F2B;*/
--canvas-beige:#9DD4CA;
--night-blue:#181D5A;
--booktable-people-box-border-color:#707070;
--orange-color:#e2663b;
--bg-body: #C5B4E2;
--BalboaPlus: "balboa-plus-fill",sans-serif;
--input-sans: "input-sans-compressed",sans-serif;
--font-style-normal: normal;
--font-style-italic: italic;
--font-weight-300: 300;
--font-weight-600: 600;
--font-weight-500:500;
--font-weight-900:900;
--font-weight-normal: normal;
--font-size-16: 16px;
--font-size-18: 18px;
--font-size-22: 22px;
--font-size-40: 40px;
--character-spacing-0: 0px;
--line-spacing-28: 28px;
--line-spacing-35: 35px;
--line-spacing-100: 100px;
--yellow:#fdd963;

}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.grecaptcha-badge {
    display: none !important;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}



body{  
 font-family: "input-sans-compressed",sans-serif !important;
 background: var(--bg-body) !important;
  -webkit-font-smoothing: antialiased; 
 -webkit-tap-highlight-color: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading,
select,
.title,
.common-btn,
.btn {
   font-family: "balboa-plus-fill",sans-serif !important;
}

html{
  margin-top:0px !important;
  height: 100%;
}
body.inner-page.join-the-team{
      display: flex;
    flex-direction: column;
    min-height: 100%;
    height: 100%;
}
body.inner-page.join-the-team footer{
      margin-top: auto;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
    border-bottom: 1px solid var(--black-light);
    -webkit-text-fill-color: var(--black-light);
    -webkit-box-shadow: initial;
    -webkit-box-shadow: 0 0 0px 1000px var(--bg-body) inset;
    transition: background-color 5000s ease-in-out 0s;
}

header ul.custom-nav{
  list-style: none;
  margin:0px;
  padding: 0px;
  display: flex;
}
header ul.custom-nav li{
  padding:0px 25px 0px;
  position: relative;

}
header ul.custom-nav li:nth-child(1) {
    padding-left: 0;
}
.section-top.hero-slider-add .form-section button.btn:hover, 
.section-top.hero-slider-add .form-section button.btn.btn-primary:hover, 
.section-top.hero-slider-add .form-section button.btn:hover, 
.section-top.hero-slider-add .form-section button.btn.btn-primary:focus {
    color: var(--black-light);
    transform: translateY(-5px);
    box-shadow: 2px 15px 0px -10px var(--black-light);
    border:solid 2px var(--black-light) !important;
    background-color: var(--btn-color) !important;
}
header ul.custom-nav li:last-child:before{
  display: none;
}
header ul.custom-nav li a{ 
  color: var(--black-light);
  opacity: 1;
  text-decoration: none;
  outline: none;
  font-size: 26px;
  line-height: 31px;
  position: relative;
  padding-bottom:0;
  font-family: var(--BalboaPlus);
  transition: 0.5s transform ease;
 }


 header ul.custom-nav li a:hover{
    color: var(--black-light);
 }
 header ul.custom-nav li a:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: none;
  bottom: 0px;
  left: 0px;
  opacity: 1;
  transition: 0.5s transform ease;
   transform: scale3d(0,1,1);
   transform-origin: 0 50%;
   transform-origin: 50% 50%;

 }
 header ul.custom-nav li a:hover:after, header ul.custom-nav li a:active:after, header ul.custom-nav li.active a:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: var(--btn-color);
  bottom: 0px;
  left: 0px;
  opacity: 1;
  transform: scale3d(1,1,1);


 }
 header nav.navbar.navbar-light.bg-light.fixed-top {
  background-color: transparent !important;
   transition: all 0.5s;
   padding: 29px 0px 29px;
 }
 header nav.navbar.navbar-light.bg-light.fixed-top a.navbar-brand {
     padding: 0;
 }
header ul.custom-nav li.current-menu-item a {
    color: var(--black-light) !important;
}
header ul.custom-nav li.current-menu-item a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: var(--btn-color);
    bottom: 0px;
    left: 0px;
    opacity: 1;
    transform: scale3d(1,1,1);
}

  header nav.navbar.navbar-light.bg-light.fixed-top.sticky{
    background-color: var(--canvas-beige) !important;
    padding: 29px 0px 29px;
    border-bottom: solid 2px var(--black-light);
  }
 header nav.navbar.navbar-light.bg-light.fixed-top button.navbar-toggler {
     outline: none;
     box-shadow: none;
     margin: 0px;
     padding: 0px;
     border: none;
     border-radius: 0px;
 }
 header nav.navbar.navbar-light.bg-light.fixed-top button.navbar-toggler img{
  color:var(--white);
  width: 32px;
  display: none;
 }
 header .offcanvas-header img.btn-close{
  fill:var(--black-light);
  width: 20px;
  height: auto;
  cursor: pointer;
  background: none;
  opacity: 0.9;
  margin: 11px 10px 0px 0px;
 }
  header .offcanvas ul {
     text-align: center;
 }
 header .offcanvas ul.navbar-nav li a {
     color: var(--black-light) !important;
     opacity: 1;
     font-size: 25px;
     border-bottom: 1px solid transparent;
     display: inline-block;
     position: relative;
       -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
      transition: all 0.3s;
        text-decoration: none;
        padding:15px 0px 0px;
        /*text-transform: capitalize;*/
        line-height: 41px;
        font-family: var(--BalboaPlus);
 }
 header .offcanvas ul.navbar-nav li a:hover, 
 header .offcanvas ul.navbar-nav li a:focus{
color: var(--black-light) !important;
    padding-bottom: 0;
    transform: initial !important;
 }

 header .offcanvas ul.navbar-nav li.current-menu-item a {
    color: var(--black-light) !important;
}
 header .offcanvas ul.navbar-nav li.current-menu-item a:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: var(--btn-color);
    bottom: 0px;
    left: 0px;
    opacity: 1;
    transform: scale3d(1,1,1);
}

 header .offcanvas ul.navbar-nav li a:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: none;
  bottom: 0px;
  left: 0px;
  opacity: 1;
  transition: 0.5s transform ease;
   transform: scale3d(0,1,1);
   transform-origin: 0 50%;
   transform-origin: 50% 50%;
     -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
     -o-transition: all 0.3s;
    transition: all 0.3s;

 }
 header .offcanvas ul.navbar-nav li a:hover:after, header .offcanvas ul.navbar-nav li a:active:after, header .offcanvas ul.navbar-nav li.active a:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: var(--btn-color);
  bottom: 0px;
  left: 0px;
  opacity: 1;
  transform: scale3d(1,1,1);

 }



 header .offcanvas ul.social-section {
     list-style: none;
     display: flex;
     justify-content: center;
     position: relative;
     padding:58px 0px 0px;
 }

 header .offcanvas ul.social-section:after {
     content: '';
     position: absolute;
     /*top: 20px;*/
     top: 70px;
     left: 0;
     right: 0;
     margin: 0 auto;
     width: 46px;
     height: 1px;
     background:var(--white);
     opacity: 0.1;
     display: none;
 }
 header .offcanvas ul.social-section li {
     padding: 0px 17px;
 }

 header .offcanvas ul.social-section li a svg path{
  fill:var(--white);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
 }
 header .offcanvas ul.social-section li a:hover svg path, 
 header .offcanvas ul.social-section li a:hover svg path{
  fill:var(--white);
  /*opacity: 0.8;*/
  outline: none;
 }
 .offcanvas.show, .offcanvas{
  width: 100%;
  background: var(--canvas-beige);
  color:var(--white);
 }
 .section-top{
  position: relative;
    padding-top: calc(7.5rem + 5.8125rem);
    padding-bottom: 51px;
    height: 100vh;
 }
  .section-top .bg-cover{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/header-bg.png);
    background-repeat: no-repeat;
    background-position: top center;
        background-size: cover;
    /*min-height: calc(100vh - 7.5rem * 2 - 5.8125rem);*/
    /*min-height: 1080px;*/
 }
 .section-top .bg-overlay {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
 }
  .section-top .bg-overlay:before {
     content: '';
         position: absolute;
         top: inherit;
         bottom: 0;
         left: 0;
         right: 0;
         opacity: 0.4;
         background: url(../images/header-bg-mobile-after.svg);
         background-position: center bottom;
         background-size: cover !important;
         height: 100%;
         width: 100%;
 }

.section-top h1, .section-top .heading {
    letter-spacing: 1.74px;
    color: var(--black-light) !important;
    font-size: 103px;
    line-height:103px;
    
    padding-top: 0%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    top: 50%;
    text-transform: uppercase;
}
.section-top h1 span, .section-top .heading span{
    color: var(--btn-color);
     /*text-shadow: 7px 2px 0px var(--black-light);*/
   text-shadow: 5px 4px 0px var(--black-light);
    -webkit-text-stroke: 2px var(--black-light);
}
.section-top .title {
    text-align: center;
    letter-spacing: 0;
    color: var(--black-light);
    font-weight: var(--font-normal-normal);
    opacity: 1;
    padding: 0px 0px 21px;
    font-size: 26px;
    line-height: 31px;
}
.section-top .form-section{
  position: absolute;
  bottom:28px;
  max-width: 1320px;
  /*width: 100%;*/
  padding-right:0px;
  padding-left:0px;
  margin-right: auto;
  margin-left: auto;
  left: 0px;
  right: 0px;
}
.section-top .form-section .form-select{
    border-radius: 0px;
    text-align: left;
    letter-spacing: 0.42px;
    color:var(--black-light);
    opacity: 1;
    font-size: 20px;
    line-height: 24px;
    height: 50px;
    outline: 0;
    outline-offset: 0;
    border:none;
    box-shadow: none;
    background: var(--white) url(../images/arrow_down_gray_icon.svg);
    background-repeat: no-repeat;
    background-position: 91% 50%;
    background-size: 12% 100%;
    font-weight: var(--font-weight-500);
    border: solid 2px var(--black-light);
    font-family: var(--BalboaPlus);
    width: 170px;
}
.section-top .form-section .col-12{
  padding: 0px 8px;
}
.section-top .form-section button{
  height: 50px;
  border-radius: 0px;
  background: var(--btn-color);
  border:none;
  box-shadow: none;
  outline: none;
  padding-left:24px;
  padding-right:24px;
  position: relative;
  font-size: 20px;
    line-height: 24px;
  letter-spacing: 0px;
  position: relative;
  outline: 0;
  outline-offset: 0;
  border:none;
  box-shadow: none;
  color: var(--black-light);
  width: 89px;
  border: solid 2px var(--black-light);
  font-family: var(--BalboaPlus);
      transition: ease-in all 0.3s;
}
.loc-wrapper.menu-wrapper.addMinHeight-js.up.menu_cafe_bar {
    background: #f2aaaa !important;
}
.section-top .form-section button:hover, .section-top .form-section button:focus, .section-top .form-section button:active:focus{
  outline: 0;
  outline-offset: 0;
  border:none;
  box-shadow: none;
}
.section-top .form-section button:hover{
    border-color: var(--black-light);
}
.section-top .form-section button::before {
    bottom: 0;
    left: 0;
    right: 0;
    height: 0%;
    width: 100%;
    position: absolute;
        content: "";
}
.section-top .form-section button::after{
  position: absolute;
      content: "";
}
.section-top .form-section button:hover::before {
  height: 100%;
    width: 100%;
    background:var(--Sprout-color);
    /*transition: 0.3s ease-out;*/
    height: 100%;
}
.section-top .form-section span{
  position: relative;
}

.wrapper{
  padding:114px 0px 0px;
  position: relative;
  background: var(--bg-body) padding-box;
  z-index: 1;
}
.wrapper:after{
  content:'';
  position: absolute;
  right: 0px;
  top: 0px;
  background-repeat: repeat;
  width: 129px;
  height: 100%;
  opacity: 1;
  z-index:-1;
}
.wrapper:before{
  content:'';
  position: absolute;
  left: 0px;
  top: 0px;
  background-repeat: repeat;
  width: 129px;
  height: 100%;
  opacity: 1;
  z-index:-1;
}
.what-at-bill .heading {
    padding: 80px 0px;
    background: var(--canvas-beige);
}
.what-at-bill .heading h1{
  letter-spacing:0px;
  color: var(--black-light);
  font-size: 42px;
  opacity: 1;
  line-height:50px;
  text-align: center;
  padding: 0;
  margin: 0;
}
.what-at-bill .heading p{
  text-align: center;
  letter-spacing: 0.54px;
  color:var(--black-light);
  opacity: 1;
  font-size: 18px;
  margin:0px;
  padding: 12px 0px 0px;
}
img{
  max-width: 100%;
}
.what-at-bill .card{
  border: none;
  border-radius: 0px;
  margin-bottom:0px;
  background: var(--white);
}
.what-at-bill .card .inner{
  padding:29px 58px 29px 68px;
}
.what-at-bill .card .inner h2{
  letter-spacing: 0px;
  color:var(--black-light);
  opacity: 1;
  font-size: 30px;
  line-height: 36px;
  
 
 margin:0px;

}
.what-at-bill .card .inner .dec {
    letter-spacing: 0.16px;
    color: var(--dark-charcoal-color);
    font-size: 16px;
    opacity: 1;
    line-height: 26px;
    padding: 16px 0px;
    
}
.what-at-bill .card:nth-child(2n+0) .row .col-lg-6{
  order:2;
}
.what-at-bill .card:nth-child(2n+0) .row .col-lg-6:nth-child(2){
  order:1;
}





a.btn{
    background: var(--btn-color);
    width: 244px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 20px;
    line-height: 24px;
    height: 51px;
    color: var(--black-light);
    border: solid 2px var(--black-light);
    transition: all ease-in 0.3s;
    position: relative;
    z-index: 10;
    border-radius: 0px;
}
a.btn:hover, 
a.btn:focus{
  /*color: var(--yellow-color);*/
  color: var(--black-light);
    transform: translateY(-5px);
    box-shadow: 2px 15px 0px -10px  var(--black-light);

}


button.btn:hover, 
button.btn:focus{
  /*color: var(--yellow-color);*/
  outline: none;
  text-decoration: none;
  border-color: var(--Sprout-color);
  box-shadow: none;
  background: var(--Sprout-color);

}
button.btn span{
  position: relative;
}
button.btn:hover, button.btn:focus, button.btn:active:focus{
  outline: 0;
  outline-offset: 0;
  outline: none;
    text-decoration: none;
    border-color:var(--bg-color);
    box-shadow: none;
    color:var(--black-light);
}
button.btn::before {
    bottom: 0;
    left: 0;
    right: 0;
    height: 0%;
    width: 100%;
    position: absolute;
        content: "";
}
button.btn::after{
  position: absolute;
      content: "";
}
button.btn:hover::before, button.btn:focus::before, button.btn:active:focus::before {
  height: 100%;
    width: 100%;
    background: var(--btn-color) !important;
    /*transition: 0.3s ease-out;*/
    height: 100%;
}







.view-all-section{
  padding: 0px 0px 52px;
}
a.btn.large{
  font-size: 18px;
      line-height: 23px;
      margin: 0 auto;
      display: block;
      justify-content: center;
      width: 158px;
}
.discover-our-menus .col-lg-4{
  padding: 0px;
}
.discover-our-menus .dis-box{
  position: relative;
}
.discover-our-menus .dis-box:after{
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(180deg, #00000000 0%, #0000009F 61%, #000000C9 100%) 0% 0% no-repeat padding-box;
  opacity:0.5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.discover-our-menus .dis-box:hover:after{
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(180deg, #00000000 0%, #0000009F 61%, #000000C9 100%) 0% 0% no-repeat padding-box;
  opacity:1;
}
.discover-our-menus .dis-box .inner{
  position: absolute;
      position: absolute;
      top:65px;
      left: 0px;
      bottom: 0px;
      right: 0px;
      width: 100%;
      text-align: center;
      z-index: 1;
}
.discover-our-menus .dis-box .inner .title{
  letter-spacing: 3.28px;
  color:var(--white);
  opacity: 1;
  font-size: 41px;
  line-height: 53px;
  
  font-style: var(--font-style-italic);
  font-family: var(--font-family-eb-garamond);
}
.discover-our-menus .dis-box .inner .sub-title{
  letter-spacing: 0.45px;
  color:var(--white);
  opacity: 1;
  font-size: 15px;
  line-height:19px;
  
}

.discover-our-menus .dis-box .inner .info {
    display: flex;
    justify-content: center;
    color:var(--white);
    position: absolute;
    bottom: 68px;
    left: 0;
    right: 0;
}
.discover-our-menus .dis-box .inner .info a{
  letter-spacing: 2.08px;
  color:var(--white);
  opacity: 1;
  font-size: 26px;
  line-height: 34px;
  position: relative;
  text-decoration: none;
  outline: none;
  
  font-style: var(--font-style-italic);
  font-family: var(--font-family-eb-garamond);
  position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.discover-our-menus .dis-box:hover .inner .info a{
padding-bottom: 10px;
}
.discover-our-menus .dis-box .inner .info a:after{
  content: '';
  position: absolute;
  bottom:-21px;
  left: 0px;
  /*border-bottom: 2px solid var(--gray-bard-color) ;*/
  border-bottom: 1px solid var(--white);
  width: 29px;
  height:0px;
  right: 0px;
  margin: 0 auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.5;
}
.discover-our-menus .dis-box:hover .inner .info a:after{
  content: '';
  position: absolute;
  bottom:-21px;
  left: 0px;
  border: 1px solid var(--white);
  width:79px;
  height:0px;
  right: 0px;
  margin: 0 auto;
  opacity: 0.5;
}
.group-booking{
  background: var(--green-color);
  padding: 100px 0px ;
}
.group-booking .inner .title{
  letter-spacing: 3.2px;
  color: var(--yellow-color);
  opacity: 1;
  font-size: 40px;
  line-height: 52px;
  text-decoration: none;
  outline: none;
  
  font-style: var(--font-style-italic);
  font-family: var(--font-family-eb-garamond);
  padding-bottom: 15px;
}
.group-booking .inner .info{
  padding: 0px 80px;
}
.group-booking .inner .info a.btn{
  border-color:var(--white);
  color:var(--white);
  width: 134px;
  margin-top: 10px;
  height: 47px;
  line-height: 31px;
  position: relative;
}
.group-booking .inner .info a.btn:hover, 
.group-booking .inner .info a.btn:focus, 
.group-booking .inner .info a.btn:active:focus{
  color:var(--white);
  border-color: var(--yellow-color);
}
.group-booking .inner .info a.btn:hover::before, .group-booking .inner .info a.btn:focus::before, .group-booking .inner .info a.btn:active:focus::before {
    height: 100%;
    width: 100%;
    background: var(--yellow-color);
    transition: 0.3s ease-out;
    height: 100%;
}
.group-booking .inner .info p{
  letter-spacing: 0.45px;
  color: var(--white);
  opacity: 1;
  font-size: 15px;
  line-height: 28px;
  
  padding: 0px 0px 15px;
  margin: 0px;
}
footer {
    background: var(--black-light);
    padding: 71px 0px 26px;
    position: relative;
}

footer ul.social-section li:nth-child(2) {
    padding: 0px 17px;
}
footer ul.social-section {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}
footer ul.social-section li a{
  padding: 0;
  }
footer ul.social-section li a path{
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
footer ul.social-section li a:hover path{
fill:var(--white);
opacity: 0.8;

}
footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
footer ul li a {
    letter-spacing: 0px;
    color: var(--btn-color);
    opacity: 1;
    text-decoration: none;
    font-size: 14px;
    line-height:17px;
  padding-bottom: 18px;
  display: inline-block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition:ease-in all 0.3s;
  /**/
  opacity: 1;
}
footer ul li a:hover, footer ul li a:focus{
  color: var(--btn-color);
  opacity: 0.8;
      font-weight: 600;
    text-decoration: underline;
    letter-spacing: 0px;
}
footer .title{
  /*letter-spacing:0.57px;*/
  color:var(--white);
  opacity: 1;
  font-size: 22px;
  line-height: 22px;
  text-decoration: none;
  outline: none;
  padding-bottom: 15px;
}
footer .row > .col-12:nth-child(5) .title {
    padding-bottom: 11px;
}
footer ul.bottom-nav{
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 27px 0px 0px;
}
footer ul.bottom-nav li{
  display:block;
  padding: 5px 0px;
}
footer ul.bottom-nav li a{
  padding: 0px 10px;
  border-right: 1px solid var(--white);
  letter-spacing: 0px;
  opacity: 1;
  font-size: 12px;
  line-height: 14px;
  
}
footer ul.bottom-nav li:last-child a{
  border: none;
}
footer .footer-logo{
  text-align: center;
}
footer a.btn {
    border: 1px solid var(--black-light);
    width: 100%;
    height: 35px;
    font-size: 16px;
    line-height: 19px;
    padding-top: 8px;
    color: var(--bg-color);
    color: var(--black-light);
    background: var(--btn-color);
    color: var(--black-light);
}
footer a.btn:hover {
    background: var(--btn-color);
    border-color: var(--black-light);
    color: var(--black-light);
}
.hero-slider-add .location-arrow {
    position: relative;
    width: 356px;
    left: -36px;
}
.hero-slider-add .location-arrow:before{
      content: '';
      position: absolute;
      right: 39px;
      top: 16px;
      background: url(../images/location-arrow-icon.svg);
      background-repeat: no-repeat;
      width: 17px;
      height: 18px;
      background-size: cover;
      z-index: 9;
}
.section-top .form-section .location-arrow select.form-select{
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  background:var(--white) url("../images/icon-feather-search.svg");
      background-position: 100%;
      background-position-x: 96%;
      background-repeat: no-repeat;
      padding: 14px 12px;
      background-size: 17px 24px !important;
}
.home .book-table-btn{
    position: sticky;

}

.book-table-btn {
    position: fixed;
    top: 216px;
    background: url(../images/book-table-btn2.svg);
    letter-spacing: 0.76px;
    opacity: 1;
    font-size: 19px;
    right: 0;
    z-index: 2;
    height: 244px;
    width: 51px;
    padding: 0px;
    text-decoration: none;
    text-align: center;
    line-height: 29px;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1000;
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content {
    background: var(--canvas-beige);
    padding: 9px 30px 27px 51px;
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-header {
    border-bottom: none;
    background:var(--canvas-beige);
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-header button.btn-close svg {
  width: 25px;
  height: 25px;
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-header button.btn-close path{
  fill:var(--dark-charcoal-color);
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-header button.btn-close {
    background: none;
    position: relative;
    margin: 20px 20px 0px 0;
    padding: 0;
    width: 40px;
    height: 40px;
    opacity: 4;
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-footer {
    border: none;
    text-align: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 35px  0.75rem 0;
    background: var(--canvas-beige);
    position: relative;
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-footer p {
    display: block;
    width: 100%;
    color: var(--dark-charcoal-color);
    letter-spacing: 0.16px;
    font-size: 16px;
    line-height: 26px;
    margin: 0;
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-footer p a {
    color: var(--dark-charcoal-color);
    font-weight: 600;
}

.book-table-popup .modal-dialog.modal-fullscreen .modal-content label {
    letter-spacing: 0.18px;
    color: var(--dark-charcoal-color);
    opacity: 1;
    font-size: 17px;
    line-height: 22px;
    text-align: left;
    padding: 0px 0px 43px 0px;
    margin: 0;
}

.book-table-popup .modal-dialog.modal-fullscreen .modal-content .form-select, .book-table-popup .modal-dialog.modal-fullscreen .modal-content .form-control {
    border-radius: 0px;
    width: 100% !important;
    box-shadow: none;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    position: relative;
    letter-spacing: 0;

    color: var(--black-light);
        background: var(--white) url(../images/arrow_down_gray_icon.svg);
    background-repeat: no-repeat;
    background-position: 95% 50% !important;
    border: solid 2px var(--black-light);
    padding: 13px 19px;
    font-family: var(--BalboaPlus);
    font-size: 20px;
    height: 50px;
    background-size: 15px 15px;
}

.book-table-popup .modal-dialog.modal-fullscreen .modal-content .date .form-control {
  background: url("../images/icon-feather-calendar.svg");
  background-repeat: no-repeat;
  background-position: right;
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content .mb-3 {
    margin-bottom:0px !important;
}
/*.book-table-popup .modal-dialog.modal-fullscreen .modal-content .mb-3 span.bor-bottom, .book-table-popup .modal-dialog.modal-fullscreen .modal-content .mb-3 span.bor-bottom{
  border-bottom:1px solid var(--dark-charcoal-color);
      width: 100%;
      height: 1px;
      display: block;
}*/
.book-table-popup .modal-dialog.modal-fullscreen .modal-content div#datepicker {
    width: auto;
    margin: 0;
}


.book-table-popup .modal-dialog.modal-fullscreen .modal-content .form-select option {
    /*background: indigo;*/
    padding: 10px;
    border-bottom: 0.2px solid var(--white) !important;
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content .btn {
    width: 147px;
    height: 51px;
    display: flex;
    justify-content: center;
    line-height: 29px;
    font-size: 20px;
    color: var(--black-light);
}


.inner-page header nav.navbar.navbar-light.bg-light.fixed-top {
    /*background: var(--green-color) !important;*/
    background: var(--canvas-beige) !important;
    padding: 29px 0px 29px;
        border-bottom: solid 2px var(--black-light);
}
.inner-page header nav.navbar.navbar-light.bg-light.fixed-top.sticky {
   padding: 29px 0px 29px;
}
section.top-header {
    padding: 0 0px 0px;
    background: url(../images/events-offers-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height:464px;
  position: relative;
  /*margin-top: 88px;*/
  margin-top:116px;
  background-position:top center;
      border-bottom: solid 2px var(--black-light);
}

section.top-header:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: url(../images/contact-banner-effect-bg.svg);

        background-blend-mode: multiply;
    background-color: #ffffff75;
}
/*section.top-header.event-banner:before{
  opacity: 1;
}
*/
  section.top-header h1 {
    color: var(--black-light);
    opacity: 1;
    letter-spacing: 0;
    font-size: 61px;
    line-height: 61px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
  }
    section.join-team-banner.video h1 {
    color: var(--black-light);
    opacity: 1;
    letter-spacing: 0;
    font-size: 61px;
    line-height: 61px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
      z-index: 10;
          width: 100%;
  }

  section.join-team-banner.video{
        height: 685px;
    width: 100%;
    object-fit: cover;
    position: relative;
  }
   section.join-team-banner.video video{
     height: 685px;
    width: 100%;
    object-fit: cover;
  }

   section.join-team-banner.video:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: url(../images/contact-banner-effect-bg.svg);
    pointer-events: none;
    background-blend-mode: multiply;
    background-color: #ffffff75;
  }
  

  section.top-header.menu-banner .content>h1{
    position: inherit;
    top: inherit;
    left: inherit;
    transform: inherit;
  }

.section-top .form-section .col-12.col-sm-4.col-md-4.col-lg-5 {
    width: 35.666667%;
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content .form-select option[disabled] {
    color: var(--yellow-color);
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-body {
    overflow: initial;
    background:var(--canvas-beige);
}
.book-table-popup.first .modal-dialog.modal-fullscreen .modal-content .modal-body {
    padding-bottom: 60px;
}
.what-at-bill .card .inner .dec p {
    padding: 0;
    margin: 0;
}


.comm-form .form-select, .comm-form .form-control {
    border-radius: 0px;
    height:auto;
    background: transparent;
    border: none;
    /*border-bottom: 1px solid var(--white);*/
    width: 100% !important;
    box-shadow: none;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
     background: url("../images/arrow_down_gray_icon.svg");
  background-repeat: no-repeat;
   /* background-position-x: 91%;
        background-position-y: 0px;*/
    background-position: 99% 50%;
    background-size: 9% 100% !important;
    position: relative;
    letter-spacing:0.48px;
    color:var(--black-light);
    opacity: 1;
    
    font-size:16px;
    line-height: 23px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
        padding-bottom: 0px;
        /*background-position: top right;*/
        margin-bottom:6px !important;
}
.comm-form .mb-3 span.bor-bottom, .comm-form .mb-3 span.bor-bottom{
  border-bottom:1px solid var(--black-light);
      width: 100%;
      height: 1px;
      display: block;
}
.comm-form .col-12 .mb-3.row .col-12 {
    padding-right: 40px;
}
.comm-form .col-12 .mb-3.row .col-12:last-child {
    padding-right:15px;
}
.comm-form .form-check input[type="radio"] {
    width: 17px;
    height: 17px;
    border-color: var(--black-light);
    margin-right: 15px;
    border: solid 2px var(--black-light);
    background: #fff !important;
}
.view-all-section.event-view {
    padding: 0px 0px 38px;
}
.comm-form .form-check {
    margin-top: 3px;
    margin-right: 30px;
}
.comm-form .form-check label.form-check-label {
    color: var(--black-light);
    opacity: 1;
    font-size: 20px;
    font-family: var(--BalboaPlus);
}
.comm-form .form-check input[type="radio"]:checked {
    background: var(--btn-color) !important;
    border-color: var(--black-light) !important;
    box-shadow: none;
}
.comm-form button.btn {
    width: 121px;
    height: 42px;
    float: right;
    line-height: 23px;
        font-size: 16px;
        margin-top: -2px;
}
.event-offers-section .box-section{
  padding:31px 0px 8px;
}
.event-offers-section form.comm-form .mb-3.row .common-btn {
    width: 172px;
    margin-left: auto;
}
.event-offers-section .box-section .large-box{
    background:var(--bg-color);
    margin-bottom: 33px;
    position: relative;
    border: solid 2px var(--black-light);
}
.event-offers-section .box-section .large-box img {
    z-index: 1;
    position: relative;
    height: 513px;
    object-fit: cover;
    object-position: 50% 50%;
    max-width: 437px;
    border-right: solid 2px var(--black-light);
}
.event-offers-section .box-section .large-box .inner p {
    color: var(--dark-charcoal-color);
    letter-spacing: 0.16px;
    font-size: 16px;
    line-height: 26px;
    padding: 0;
    margin: 0;
}
.event-offers-section .box-section .large-box .inner h2 {
    font-size: 26px;
    color: var(--black-light);
    letter-spacing: 0;
    padding: 0px 0px 21px;
    margin: 0;
    line-height: 31px;
}
.event-offers-section .box-section .large-box .inner a.btn {
   border-color: var(--dark-charcoal-color);
       color: var(--dark-charcoal-color);
       margin-top: 14px;
       width: 113px;
       font-size: 11px;
       height: 34px;
       line-height: 14px;
       display: block;
}
.event-offers-section .box-section .large-box .inner a.btn:hover, .event-offers-section .box-section .large-box .inner a.btn:focus, .event-offers-section .box-section .large-box .inner a.btn:active:focus {
    border-color: var(--black-light);
}
.event-offers-section .box-section .box .inner {
    padding:36px 36px 38px 31px;
    display: block;
    color: var(--white);
    flex-wrap: wrap;
    position: relative;
}

.event-offers-section .box-section .box .inner p {
    color: var(--dark-charcoal-color);
    letter-spacing: 0.16px;
    font-size: 16px;
    line-height: 26px;
    padding: 0;
    margin: 0;
    height: 110px;
    width: 100%;
}
.event-offers-section .box-section .col-12:nth-child(even) .box .inner p {
    color:var(--dark-charcoal-color);
}
.event-offers-section .box-section .box .inner .title {
    font-size: 26px;
    color: var(--black-light);
    letter-spacing: 0;
    padding: 0px 0px 17px;
    margin: 0;
    line-height: 31px;
    display: block;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}

.event-offers-section .box-section .box .inner a.btn {
    border-color: var(--dark-charcoal-color);
    color: var(--dark-charcoal-color);
    margin-top:16px;
    width: 113px;
    font-size: 11px;
    height: 34px;
    line-height: 14px;
    display: block;
}

.view-all-section.event-view a.btn.large {
    width: 244px;
    height: 51px;
    font-size: 20px;
    line-height: 24px;
    padding: 14px 0px 0px;
}
.event-offers-section .box-section .box .inner a.btn:hover, .event-offers-section .box-section .box .inner a.btn:focus, .event-offers-section .box-section .box .inner a.btn:active:focus {
    border-color: var(--black-light);
    color:var(--white);
}
.event-offers-section .box-section .box .inner a.btn:hover::before, .event-offers-section .box-section .box .inner a.btn:focus::before, .event-offers-section .box-section .box .inner a.btn:active:focus::before {
    background: var(--black-light);
}
.event-offers-section .box-section .box{
  background:var(--bg-color);
     min-height: 93%;
  margin-bottom: 35px;
  border: solid 2px var(--black-light);
}
.event-offers-section .box-section .large .box p {
    height: 84px;
    color: var(--dark-charcoal-color);
}



.promo-popup .modal-header {
    margin: 0;
    padding: 0;
    border: none;
    position: relative;
}
.promo-popup .modal-content {
    border-radius: 0px;
}
.promo-popup .modal-body {
    padding: 0;
    margin: 0;
    overflow: inherit;
}
.promo-popup .modal-header button.btn-close {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 1;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
}
.promo-popup .modal-body .card {
    border: none;
    border-radius: 0px;
}
.promo-popup .modal-body .card .title {
    letter-spacing: 0.84px;
    color: var(--black-light);
    opacity: 1;
    line-height:34px;
    font-size: 28px;
    
    
    padding-top: 15px;
}
.promo-popup .modal-body .card .dec {
    letter-spacing: 0.14px;
    font-size:14px;
     color: var(--black-light);
    line-height: 28px;
    
    padding: 18px 0px;
}
.promo-popup .modal-body .card .dec p {
    margin: 0;
    padding: 0;
}
.promo-popup .modal-body .card .inner {
    padding:0px 19px 24px 24px;
}
.modal-header button.btn-close:hover, 
.modal-header button.btn-close:focus{
  outline: none;
  border: none;
  box-shadow: none;
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-footer p:last-child {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.36px;
        padding: 14px 0px 93px;
        
        color: var(--black-light);
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-footer p:last-child a{
  margin-left: 0px;
  color: var(--black-light);
}
.offcanvas .offcanvas-body {
    overflow-y: initial;
    padding-top:0%;
    position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
}




.locations-popup .modal-header {
    margin: 0;
    padding: 0;
    border: none;
    position: relative;
}
.locations-popup .modal-content {
    border-radius: 0px;
}
.locations-popup .modal-body {
   background:var(--white);
    overflow: inherit;
}
.locations-result .modal-body {
    /*overflow: auto;*/
}
.locations-popup .modal-header button.btn-close {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 1;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
}
.locations-popup .modal-body .card {
    border: none;
    border-radius: 0px;
}
.locations-popup .modal-body .card .row{
  min-height: calc(100vh - 7.5rem * 2 - -8.75rem);
}
.locations-popup .modal-body .card .row .inner{
  text-align: center;
}
.locations-popup .modal-body .card .row .inner img {
    display: block;
    text-align: center;
    margin: 0 auto 28px;
}
.locations-popup .modal-body .card .title {
    letter-spacing: 2.8px;
    color: var(--black-light);
    opacity: 1;
    line-height: 45px;
    font-size: 35px;
    
    font-style: var(--font-style-italic);
    font-family: var(--font-family-eb-garamond);
}
.locations-popup .modal-fullscreen {
  /*  width: 97%;
    margin: 28px auto;
    height: 70%;*/
    width: 98%;
    margin: 12px auto;
    height: 95%;
}
.locations-popup .modal-fullscreen .modal-content {
    background: url(../images/location-bg.png);
    height: 100%;
    width: 100%;
    padding: 13px 22px;
    background-size: cover;
        background-position: center;
}
.locations-popup .modal-body .card .row .inner .heading {
    letter-spacing: 2.8px;
    font-size: 35px;
    line-height: 45px;
    
    font-style: var(--font-style-italic);
    font-family: var(--font-family-eb-garamond);
    color: var(--black-light);
    padding-bottom: 30px;
}
.locations-result .modal-body .card .heading {
    letter-spacing: 2.8px;
    font-size: 35px;
    line-height: 45px;
    
    font-style: var(--font-style-italic);
    font-family: var(--font-family-eb-garamond);
    color: var(--black-light);
    padding: 100px 0px 0px;
    text-align: center;
}
.locations-popup .modal-body .card .row .inner .searchbox {
    display: flex;
    border: 1px solid var(--black-light);
    height: 55px;
    position: relative;
}
.locations-popup .modal-body .card .row .inner .searchbox input {
    border: none;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    padding-left: 55px;
    font-size: 16px;
  }
  .locations-popup .modal-body .card .row .inner .searchbox input::placeholder, 
  .locations-popup .modal-body .card .row .inner .searchbox input:-ms-input-placeholder, 
  .locations-popup .modal-body .card .row .inner .searchbox input::-ms-input-placeholder{
    color:var(--input-color);
    font-size: 16px;

  }
  .locations-popup .modal-body .card .row .inner .searchbox img {
      position: absolute;
      top: 16px;
      left: 19px;
  }
  .locations-popup .modal-body .card .row .inner .searchbox button.btn {
      background: var(--black-light);
      color: var(--white);
      width: 94px;
      letter-spacing: 1.28px;
      font-size: 16px;
      border:none;
  }
  .locations-popup .modal-body .card .row .inner .searchbox button.btn:hover,
  .locations-popup .modal-body .card .row .inner .searchbox button.btn:focus, 
  .locations-popup .modal-body .card .row .inner .searchbox button.btn:active:focus{
    color:var(--white);
  }
  .locations-popup .modal-body .card .row .inner .searchbox button.btn:hover::before, 
  .locations-popup .modal-body .card .row .inner .searchbox button.btn:focus::before, 
  .locations-popup .modal-body .card .row .inner .searchbox button.btn:active:focus::before{
    background:var(--yellow-color);
    color:var(--white);
  }
  .locations-popup .modal-body .card .row .inner .bottom-sec {
      margin:18px 0px 0px;
      position: relative;
  }

.locations-popup .modal-body .card .row .inner .bottom-sec:before{
  content: '';
  position: absolute;
  width: 1px;
  height:41px;
  background: var(--black-light);
  top:0px;
}
.locations-popup .modal-body .card .row .inner .bottom-sec .sub-title {
    letter-spacing: 0.51px;
    font-size: 17px;
    color: var(--black-light);
    padding: 54px 0px 14px;
    line-height: 20px;
}
.locations-popup .modal-body .card .row .inner .bottom-sec a.btn {
    width: 220px;
    height: 50px;
    
    font-style: var(--font-style-italic);
    font-family: var(--font-family-eb-garamond);
    font-size: 16px;
    letter-spacing: 1.28px;
    padding-left: 48px;
    line-height: 35px;
}
.locations-popup .modal-body .card .row .inner .bottom-sec a.btn:after{
  content: '';
  position:absolute;
  left: 21px;
  top: 17px;
  background: url(../images/icon-map-location-arrow.svg);
  width: 17px;
  height: 18px;
  background-size: cover;
  background-repeat: no-repeat;
}
.locations-popup .modal-body .card .row .inner ul {
    list-style: none;
    margin: 0;
    padding: 50px 0px 27px;
    text-align: left;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--black-light);
    align-items: center;
    flex-wrap: wrap;
}
.locations-popup .modal-body .card .row .inner ul .title {
    color: var(--black-light);
    letter-spacing: 2.56px;
    font-size: 32px;
    line-height: 42px;
}
.locations-popup .modal-body .card .row .inner ul .title span {
    color: var(--input-color);
    font-size: 21px;
    letter-spacing: -0.42px;
    padding-left: 13px;
}
.locations-popup .modal-body .card .row .inner ul p {
    color: var(--black-light);
    font-size: 12px;
    line-height: 14px;
    margin: 0;
    padding: 0px 0px 13px;
    letter-spacing: 0.36px;
    opacity: 1;
}

.locations-popup .modal-body .card .row .inner ul a.btn.large {
    display: inline-block;
    width: 156px;
    height: 40px;
    line-height: 25px;
    font-size: 13px;
    font-weight: 600;
    margin-right: 15px;
}
.locations-popup .modal-body .card .row .inner ul a.btn.large.full {
    background: var(--black-light);
    color: var(--white);
    margin-right: 0px;
}
.locations-popup .modal-body .card .row .inner ul a.btn.large.full:hover, 
.locations-popup .modal-body .card .row .inner ul a.btn.large.full:focus{
  border-color: var(--yellow-color);
}
.locations-popup .modal-body .card .row .inner ul a.btn.large.full:hover::before, .locations-popup .modal-body .card .row .inner ul a.btn.large.full:focus::before, .locations-popup .modal-body .card .row .inner ul a.btn.large.full:active:focus::before{
    background: var(--yellow-color);
    border-color: var(--yellow-color);
}
.locations-popup .modal-body .card .row .inner ul p:last-child {
    padding: 0;
}
.locations-popup.locations-result .modal-body .card .row .inner {
  height: 380px;
  overflow: auto;
  padding: 0px 20px 0px 0;
}
.locations-popup.locations-result .modal-body .card .bottom-sec {
    /*padding: 70px 0px 0px;*/
    padding: 36px 0px 0px;
}
.locations-popup.locations-result .modal-body .card .bottom-sec a.btn {
    display: flex;
    width: 134px;
    height: 44px;
    line-height: 30px;
    text-align: center;
    justify-content: center;
    margin: 0 auto;
}
.locations-popup.locations-result .modal-body .card .bottom-sec a.back-btn {
    text-align: center;
    display: block;
    cursor: pointer;
    color: var(--black-light);
    font-size: 13px;
    font-weight: 600;
    font-style: var(--font-style-italic);
    font-family: var(--font-family-eb-garamond);
    /*margin: 22px auto 0;*/
    margin: 12px auto 0;
    letter-spacing: 1.04px;
    border-bottom: 1px solid var(--black-light);
    justify-content: center;
    width: max-content;
    padding-bottom: 2px;
    outline: none;
    text-decoration: none;
}
.locations-popup.locations-result .modal-body .card .bottom-sec a.back-btn:hover, 
.locations-popup.locations-result .modal-body .card .bottom-sec a.back-btn:focus{
  border-color: var(--yellow-color);
  color:var(--yellow-color);
  outline: none;
  text-decoration: none;
}

.locations-popup .modal-body .card .row .inner ul li:nth-child(2) {
    width: 26%;
}
.locations-popup .modal-body .card .row .inner ul li:first-child {
    width: 28%;
}

.what-at-bill .card .img-box img {
    width: 100%;
}

.book-table-popup .heading {
    letter-spacing: 0;
    font-size: 24px;
    line-height: 29px;
    color: var(--dark-charcoal-color);
    text-align: center;
    
    
}
.book-table-popup ul.seated-box {
   width: 263px;
       margin: 0 auto;
    padding: 0;
    list-style: none;
    color: var(--white);
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content ul.seated-box li a.btn {
    margin: 0 !important;
    width: 88px;
    height: 41px;
    line-height: 25px;
    font-size: 13px;
    letter-spacing: 1.04px;
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content ul.seated-box li a.btn span{
   font-size: 13px;
   line-height: 27px;
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content ul.seated-box li.active a.btn span{
  color:var(--white);
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content ul.seated-box li.active a.btn{
  background: var(--yellow-color);
  border-color:var(--yellow-color);
}
.book-table-popup ul.seated-box li span {
    font-size: 26px;
    line-height: 34px;
    
    font-style: var(--font-style-italic);
    font-family: var(--font-family-eb-garamond);
}
.book-table-popup ul.seated-box li.active span {color:var(--yellow-color);}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content ul.seated-box li a.btn i:last-child{
  display: none;
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content ul.seated-box li.active a.btn i:last-child{
  display: block;
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content ul.seated-box li.active a.btn i:first-child{
  display: none;
}
.book-table-popup ul.seated-box li {
    display: flex;
    align-items: center;
    padding:20px 0px 20px;
    border-bottom: 1px solid var(--border-botton-color);
    justify-content:space-between;
}
.book-table-popup ul.seated-box li:last-child{
  border: none;
}




a.back-btn {
    text-align: center;
    display: block;
    cursor: pointer;
    color: var(--black-light);
    font-size: 13px;
    font-weight: 600;
    margin: 22px auto 0;
    letter-spacing: 1.04px;
    border-bottom: 1px solid var(--black-light);
    justify-content: center;
    width: max-content;
    padding-bottom: 2px;
    outline: none;
    text-decoration: none;
}
a.back-btn:hover, a.back-btn:focus {
    border-color: var(--black-light);
    color: var(--black-light);
    outline: none;
    text-decoration: none;
}

.book-table-popup .modal-dialog.modal-fullscreen .modal-content a.back-btn.white {
    color: var(--white);
    padding-bottom: 1px;
    border-color: var(--dark-charcoal-color);
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content a.back-btn.white:hover, 
.book-table-popup .modal-dialog.modal-fullscreen .modal-content a.back-btn.white:focus{
color: var(--dark-charcoal-color);
border-color: var(--dark-charcoal-color);

}
/*#your-details .modal-dialog.modal-fullscreen .modal-content .mb-3 span.bor-bottom {
    border-bottom: 1px solid var(--gray-bard-color);
    width: 100%;
    height: 1px;
    display: block;
}*/
#your-details .modal-dialog.modal-fullscreen .modal-content .mb-3.hafe{
    width:auto;
}
#your-details .heading {
    font-size: 26px;
    text-decoration: none;
    color: var(--black-light);
        padding: 0 0 58px;
        letter-spacing: 0;
}
#your-details .modal-dialog.modal-fullscreen .modal-content .mb-3 .form-select, 
#your-details .modal-dialog.modal-fullscreen .modal-content .form-control {
    /*font-family: var(--font-family-gilroy);*/
    font-style: var(--font-style-normal);
    font-size: 16px;
    line-height: 19px;
    text-indent: 2px;
    letter-spacing: 0.48px;
    /*height: 37px;*/
}
#your-details .modal-dialog.modal-fullscreen .modal-content .form-control {
    background: none;
    border: none;
    border-bottom: solid 1px var(--black-light);
    padding: 7px 7px 7px 0;
    font-size: 16px;
    color: var(--dark-charcoal-color);
    font-family: var(--input-sans);
    height: 40px;
}
#your-details .modal-dialog.modal-fullscreen .modal-content .modal-body {
    /*height: 100%;*/
    overflow: initial;
    /*overflow-y: auto;*/
}

#your-details .modal-dialog.modal-fullscreen .modal-content label {
  margin: 0;
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 0;
    font-family: var(--BalboaPlus);
    color: var(--black-light);
    padding: 0 0 14px;
}
#your-details input::placeholder, 
#your-details input:-ms-input-placeholder, 
#your-details input::-ms-input-placeholder{
  color:var(--white) !important;
  font-size: 16px;
  opacity: 1;

}
/*#your-details .mb-3 {
    margin-bottom: 40px !important;
}*/
#your-details .mb-3 {
    margin-bottom: 35px !important;
}
#booking-confirmed .modal-dialog.modal-fullscreen .row{
  min-height:calc(100vh - 7.5rem * 2 - -5.1875rem);
  height: auto;
  padding: 0px;
}
#booking-confirmed .heading {
    position: relative;
    font-size: 42px;
    line-height: 42px;
    letter-spacing: 0;
    color: var(--black-light);
    text-decoration: none;
    padding: 0 0 25px;
}

#booking-confirmed .inner-booking {
    color: var(--dark-charcoal-color);
    padding: 0 0px 13px;
    text-align: center;
}
#booking-confirmed .inner-booking p {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.18px;
    padding: 0px 0px 19px;
    margin: 0;
    color: var(--dark-charcoal-color);
}
#booking-confirmed a.btn {
    font-size: 20px;
    line-height: 29px;
    width: 165px;
    height: 48px;
    margin-top: 19px;
    letter-spacing: 0.48px;
}

a.custom-logo-link {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap;
}

section.group-booking-section {
    padding: 0 0px 0px;
        background: var(--Sprout-color);
    background-repeat: no-repeat;
    background-size: cover;
    /*min-height: 943px;*/
  position: relative;
  margin-top:72px;
  background-position: center;
  /*padding:0px 50px 31px;*/
  position: relative;
  border-bottom: solid 2px var(--black-light);
}
section.group-booking-section .container{
  position: relative;
}
section.group-booking-section .row {
    /*min-height: calc(100vh - 7.5rem * 2 - 5.8125rem);*/
    margin: 0px;
}
section.group-booking-section .row .col-12{
  padding: 0px;
}
section.group-booking-section .img-box{
  position: relative;
}
section.group-booking-section .img-box img {
    width: 100%;
}
section.group-booking-section .img-box:after{
  content:'';
  position: absolute;
  top:0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background: url(../images/contact-banner-effect-bg.svg);
}
section.group-booking-section .content{
  position: absolute;
  color:var(--white);
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
section.group-booking-section .content h1 {
     margin: 0;
     padding: 0px 0px 19px;
     color: var(--black-light);
     font-size: 61px;
     line-height: 61px;

}
section.group-booking-section .content p {
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0.18px;
    color: var(--dark-charcoal-color);
    margin: 0;
    
}
header nav.navbar.navbar-light.bg-light.fixed-top .container-fluid {
    padding: 0px 51px;
}
section.group-booking-section .container-fluid {
    padding: 0;
}
section.booking-mid-sec {
    padding: 37px 0px 42px;
    background: var(--bg-body);
}
.booking-group-bdy{
  background: var(--white);
}
section.booking-mid-sec .group-bookings-details{
  border: 2px solid var(--black-light);
  margin-right: 15px;
  max-width: 628px;
  margin-left: 0;
}
section.booking-mid-sec .group-bookings-details .inner{
  padding:61px 58px 27px;
  background: var(--canvas-beige);
}
section.booking-mid-sec .group-bookings-details .inner .heading {
    color: var(--black-light);
    font-size: 26px;
    line-height: 31px;
    letter-spacing: 0;
    padding-bottom: 25px;
}
section.booking-mid-sec .group-bookings-details .inner p {
font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.16px;
    margin: 0;
    padding: 0px 0px 11px;
    color: var(--black-light);
}
section.booking-mid-sec .group-bookings-details .inner p a.details {
    display: block;
    max-width: fit-content;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.16px;
    color: var(--dark-charcoal-color);
    padding: 5px 0px 0px;
}
section.booking-mid-sec .group-bookings-details .inner p a.details:hover, 
section.booking-mid-sec .group-bookings-details .inner p a.details:focus{
  color:var(--black-light);
}
section.booking-mid-sec .group-bookings-details .group-book-people {
    padding: 40px 58px 38px;
    border-top: 2px solid var(--black-light);
    background: var(--canvas-beige);
}
section.booking-mid-sec .group-bookings-details .group-book-people p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.16px;
    margin: 0;
    padding: 0px 0px 11px;
    color: var(--black-light);
}
section.booking-mid-sec .group-bookings-details .group-book-people a {
    padding: 0px 0px 0px;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 0.15px;
    color: var(--black-light);
    display: inline-block;
}
section.booking-mid-sec .group-bookings-details .group-book-people a:hover, 
section.booking-mid-sec .group-bookings-details .group-book-people a:focus{
  color:var(--black-light);
}
section.booking-mid-sec .group-bookings-details .group-book-people a.full{
  display: block;
      max-width: fit-content;
}
section.booking-mid-sec .group-bookings-details .group-book-people .group-books-over {
    padding: 36px 0px 13px;
}
section.booking-mid-sec .right-part .heading {
    color: var(--black-light);
    font-size: 22px;
    line-height: 26px;
    
    
    letter-spacing: 0.66px;
    padding: 30px 0px 26px;
}
section.booking-mid-sec .right-part .form-control, 
section.booking-mid-sec .right-part .form-select {
  border: none;
  border-bottom:1px
  solid var(--black-light);
  border-radius: 0px;
  outline: none;
  box-shadow: none;
  font-size: 15px;
  letter-spacing: 0.45px;
  color: var(--black-light);
  padding-left: 0;
  

}
.booking-mid-sec .right-part .row-text-area label {
    color: var(--black-light);
    font-size: 15px;
    margin-bottom:9px;
}
section.booking-mid-sec .right-part .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--black-light);
  opacity: 1; /* Firefox */
}

section.booking-mid-sec .right-part .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--black-light);
}

section.booking-mid-sec .right-part .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--black-light);
}
section.booking-mid-sec .right-part .form-select{
 border-radius: 0px;
     height: auto;
     background: transparent;
     width: 100% !important;
     box-shadow: none;
     outline: none;
     -moz-appearance: none;
     -webkit-appearance: none;
     appearance: none;
     background: url(../images/arrow_down_gray_icon-light.svg);
     background-repeat: no-repeat;
     background-position-x: 103%;
}
section.booking-mid-sec .right-part .date .form-control {
    background: var(--white) url(../images/icon-feather-calendar-gray.svg);
    background-repeat: no-repeat;
    background-position: right;
}
section.booking-mid-sec .right-part .mb-3 {
    margin-bottom: 40px !important;
}
section.booking-mid-sec .right-part textarea.form-control {
    border: 1px solid var(--black-light);
    min-height: 151px;
    padding: 15px;
    resize: none;
    margin: 0;
}
section.booking-mid-sec .row-text-area{
margin: 41px 0 28px;
}
input.btn{
  border: 1px solid var(--black-light);
  opacity: 1;
  letter-spacing: 0px;
  color: var(--black-light);
  opacity: 1;
  
  font-style: var(--font-style-italic);
  font-family: var(--font-family-eb-garamond);
  border-radius: 0px;
  font-size: 15px;
  line-height: 19px;
  position: relative;
}
input.btn:hover, 
input.btn:focus{
  /*color: var(--yellow-color);*/
  outline: none;
  text-decoration: none;
  border-color: var(--yellow-color);
  box-shadow: none;

}
input.btn span{
  position: relative;
}
input.btn:hover, input.btn:focus, input.btn:active:focus{
  outline: 0;
  outline-offset: 0;
  outline: none;
    text-decoration: none;
    border-color:var(--black-light);
    box-shadow: none;
    color:var(--white);
}
input.btn::before {
    bottom: 0;
    left: 0;
    right: 0;
    height: 0%;
    width: 100%;
    position: absolute;
        content: "";
}
input.btn::after{
  position: absolute;
      content: "";
}
input.btn:hover::before, input.btn:focus::before, input.btn:active:focus::before {
  height: 100%;
    width: 100%;
    background:var(--black-light);
    transition: 0.3s ease-out;
    height: 100%;
}
section.booking-mid-sec .right-part .form-check input[type="checkbox"] {
    border-radius: 0px;
    outline: none;
    box-shadow: none;
    width: 21px;
    height: 21px;
    border-color: var(--black-light);
}
section.booking-mid-sec .right-part .form-check label.form-check-label {
    letter-spacing: 0.39px;
    font-size: 13px;
    line-height: 15px;
    color: var(--black-light);
    padding-left: 15px;
    vertical-align: middle;
}
section.booking-mid-sec .right-part .form-check {
    margin-bottom: 13px;
}
section.booking-mid-sec .right-part .btn {
    width: 161px;
    height: 48px;
    /*margin-top: 22px;*/
    margin-top:7px;
    letter-spacing: 0px;
    font-size: 15px;
    line-height: 19px;
    color: var(--black-light);
}
section.booking-mid-sec .right-part .btn:hover, 
section.booking-mid-sec .right-part .btn:focus, 
section.booking-mid-sec .right-part .btn:active:focus {
    background: var(--black-light);
    color: var(--white);
}
section.booking-mid-sec .right-part .form-check label.form-check-label a {
    color: var(--black-light);
}
section.booking-mid-sec .right-part .form-check input[type="checkbox"]:checked {
    background-color: var(--black-light);
}




.loc-wrapper{
  position: relative;
  padding: 80px 0px;
  background: var(--bg-body);
}
.loc-wrapper:before{
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(../images/loc-bg-left-icon.png);
  background-repeat:repeat;
  height: 100%;
  width: 11px;
  background-size: 100%;
  display: none;
}
.loc-wrapper:after{
  content: '';
  position: absolute;
  right: 0px;
  top: 0px;
  background: url(../images/loc-bg-right-icon.png);
  background-repeat: repeat;
  height: 100%;
  width: 11px;
  background-size: 100%;
  display: none;
}

.map-sec img {
    width: 100%;
}
section.top-header.info-banner{
  background: url(../images/information-banner.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
      background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
}
section.top-header.info-banner:before{
  background:url(../images/contact-banner-effect-bg.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
   background-blend-mode: multiply;
    background-color: #ffffff75;

}

.heading-comm {
    padding: 0px 0px 32px;
}
.heading-comm h2 {
    letter-spacing: 0px;
    color: var(--black-light);
    font-size: 34px;
    opacity: 4;
    line-height: 34px;
    text-align: center;
    padding: 0;
    margin: 0;
}
.heading-comm p {
    text-align: center;
    letter-spacing: 0.22px;
    color: var(--dark-charcoal-color);
    opacity: 1;
    font-size: 22px;
    margin: 0px;
    padding: 13px 0px 0px;
    line-height: 26px;
}
.got-question .box .titie {
    font-size: 26px;
    line-height: 31px;
    color: var(--black-light);
    font-family: var(--BalboaPlus);
    padding-bottom: 14px;
}
.got-question .box.theme-accordion {
    max-width: 702px;
    margin: 0 auto;
}
.got-question .box .accordion {
    margin-bottom: 34px;
}
.got-question .box .accordion:last-child{
    margin-bottom: 34px;
}
.got-question .box .accordion .accordion-item {
    margin: 0 0 9px;
    background: var(--canvas-beige);
        border: none;
        border-radius: 0px;
}
.got-question .box .accordion .accordion-item h2.accordion-header {
    display: block;
}
.got-question .box .accordion .accordion-item h2.accordion-header button {
    text-align: left;
    padding: 24px 26px 20px 29px;
    color: var(--black-light);
    letter-spacing: 0.26px;
    font-size: 20px;
    line-height: 26px;
    outline: none;
    box-shadow: none;
    border-radius: 0px;
    background: var(--bg-color);
    font-weight: 100;
    border: solid 2px var(--black-light);
    font-family: var(--input-sans);
    font-weight: 600;
}
.got-question .box .accordion .accordion-item h2.accordion-header button.collapsed {
    border-bottom: solid 2px var(--black-light);
    padding: 23px 26px 20px 29px;
}
.got-question .box .accordion .accordion-item h2.accordion-header button {
    border-bottom: transparent;
    padding: 24px 26px 16px 29px;
}
.got-question .box .accordion .accordion-item .accordion-collapse {
    border: solid 2px var(--black-light);
    border-top: transparent;
    border-radius: 0px;
}
.got-question .box .accordion .accordion-item h2.accordion-header button:after{
 background: url(../images/arrow_down_gray_icon.svg);
  background-repeat: no-repeat;
  width: 34px;
      height: 27px;
     top: -9px;
      position: relative;
      transition: ease-in all 0.5s;
}
.got-question .box .accordion .accordion-item h2.accordion-header button.collapsed:after {
    background: url(../images/arrow_down_gray_icon.svg);
    background-repeat: no-repeat;
    width: 34px;
    height: 27px;
    top: 0px;
    position: relative;
    background-position: 100%;
    transition: ease-in all 0.5s;
}

.got-question .box .accordion .accordion-item h2.accordion-header button:not(.collapsed) {
   color: var(--black-light);
}
.got-question .box .accordion .accordion-item h2.accordion-header button span {
    display: block;
    width: 100%;
}
.got-question .box .accordion .accordion-item .accordion-collapse {
    background: var(--bg-color);
}
.got-question .box .accordion .accordion-item .accordion-collapse .accordion-body {
    font-size: 16px;
    line-height: 26px;
        padding: 0 29px 27px 26px;
        color: var(--dark-charcoal-color);
}
.got-question .box .accordion .accordion-item .accordion-collapse .accordion-body a {
    color: var(--black-light);
}
section.loc-six-banner .content {
    position: absolute;
    color: var(--white);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}
section.loc-six-banner .content h1 {
    position: initial;
    left: 0;
    right: 0;
    transform: initial;
}
.locations-popup.locations-result .modal-body .card .row {
    min-height: calc(100vh - 7.5rem * 2 - -5.75rem);
}
.book-table-popup.like-seated .modal-dialog.modal-fullscreen .row {
    padding: 10% 0px 0px;
}
.book-table-popup.fill-your-details .modal-dialog.modal-fullscreen .row {
    padding:0% 0px 0px;
}
.book-table-popup.like-seated .modal-dialog.modal-fullscreen .row .heading {
    padding-bottom: 48px;
}
#choose-alternative-time .heading {
    font-size: 37px;
    line-height: 37px;
    margin-bottom: 14.73px;
    padding: 0;
    text-decoration: none;
}
/*label{margin-left: 20px;}*/
/* Chrome only: */
/*@supports (-moz-appearance:none) {
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .form-select, .book-table-popup .modal-dialog.modal-fullscreen .modal-content .form-control {
    background-position-x: 100%;
  }
}*/
/* Large desktops and laptops */
.book-table-popup .modal-body .continer {
   min-height: calc(100vh - 7.5rem * 2 - -5.75rem);
}
.modal-backdrop.fade.show.popup-view {
    /*background: #000000 0% 0% no-repeat padding-box;*/
    opacity: 0.9;
}
.modal-backdrop.fade.show.popup-view-light {
    /*background: #000000 0% 0% no-repeat padding-box;*/
    opacity: 0.7;
}
.discover-our-menus .dis-box img {
    width: 100%;
}
.section-top .form-section .row.justify-content-center.align-items-center .col-12.col-sm-12.col-lg-5 {
    width: 334px;
}
body.inner-page header nav.navbar.navbar-light.bg-light.fixed-top button.navbar-toggler img {
    width: 25px;
}
.event-offers-section form.comm-form .mb-3.row {
    justify-content: space-between;
        margin: 0 !important;
    align-items: center;
}
.event-offers-section form.comm-form .mb-3.row .col-12:last-child {
    width: 280px;
        padding-right: 0;
    margin-left: auto;
}
.event-offers-section form.comm-form .mb-3.row .col-12:first-child {
    width: 270px;
    padding-left: 0;
}
.event-offers-section form.comm-form .mb-3.row .col-12:nth-child(2) {
    margin: 0 43px 0 32px;
    padding: 0;
}
.event-offers-section form.comm-form .mb-3.row .col-12 {
    padding-right: 0;
    width: auto;
    padding-left: 0;

}
.event-offers-section .location-arrow:before {
    content: '';
    position: absolute;
    right: 30px;
        /*top: 9px;*/
        top:4px;
    background: url(../images/location-arrow-icon-transparent.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 16px;
    background-size: cover;
    z-index: 1;
}
.event-offers-section form.comm-form .location-arrow .form-select-lg{
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  background: var(--white) url(../images/icon-feather-search.svg);
  background-position: 100%;
  background-position-x: 100%;
  background-repeat: no-repeat;
  /*padding: 16px 12px;*/
  background-size: 17px 24px !important;
}
footer .copyright {
    letter-spacing: 0px;
    font-size: 14px;
    line-height: 17px;
    color: var(--btn-color);
    text-align: center;
    padding-top: 67px;
}
footer .copyright a{
  color:var(--btn-color);
  text-decoration: none;
}
footer .copyright a:hover{
  color: var(--btn-color);
  opacity: 0.8;
}
footer .copyright a:hover{
    text-decoration: underline;
    font-weight: 600;
}
.book-table-popup .container{
  position: relative;
  height: 100%;
}
.book-table-popup .container .book-table-section {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 100%;
}

.locations-wrapper{
  position: relative;
      padding: 0;
      margin: 117px 0px 0px;
}
.locations-wrapper .inner{
  background: var(--bg-body);
  height: 100%;
  position: relative;
}

.locations-wrapper .inner .inner-box {
    text-align: center;
    width: 502px;
    margin: 0 auto;
    padding-top: 96px;
}
.locations-wrapper .inner .inner-box img {
    display: block;
    text-align: center;
    margin: 0 auto 28px;
}
.locations-wrapper .inner .inner-box h1 {
    letter-spacing: 0;
    font-size: 36px;
    line-height: 36px;
    color: var(--black-light);
    padding-bottom: 22px;
    margin: 0px;
}

.locations-wrapper .inner .inner-box .searchbox {
    display: flex;
    /*border: 1px solid var(--black-light);*/
    /*border:1px solid #ff0000;*/
    height: 50px;
    position: relative;
    align-items: center;
    box-shadow: none;
    outline: none;
}
.locations-wrapper .inner .inner-box .searchbox input {
    border-radius: 0;
    box-shadow: none;
    outline: none;
    padding-left: 55px;
    font-size: 16px;
    color: var(--black-light);
    width: 85%;
    height: 55px;
    border: 1px solid var(--black-light);
}

    .locations-wrapper .inner .inner-box .searchbox input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
   color:var(--black-light);
    
    opacity: 1; /* Firefox */
  }

    .locations-wrapper .inner .inner-box .searchbox input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:var(--black-light);
    
  }

    .locations-wrapper .inner .inner-box .searchbox input::-ms-input-placeholder { /* Microsoft Edge */
    color:var(--black-light);
     
  }



  .locations-wrapper .inner .inner-box .searchbox img {
      position: absolute;
      top: 18px;
      left: 19px;
  }
  .locations-wrapper .inner .inner-box .searchbox button.btn {
      background: var(--bg-color);
      color: var(--black-light);
      width: 94px;
      letter-spacing: 1.28px;
      font-size: 16px;
      height: 100%;
      border: 1px solid var(--bg-color);
  }
  .locations-wrapper .inner .inner-box .searchbox button.btn:hover,
  .locations-wrapper .inner .inner-box .searchbox button.btn:focus, 
  .locations-wrapper .inner .inner-box .searchbox button.btn:active:focus{
    color:var(--black-light);
    border-color: var(--Sprout-color);
    background: var(--Sprout-color);
  }
  .locations-wrapper .inner .inner-box .searchbox button.btn:hover::before, 
  .locations-wrapper .inner .inner-box .searchbox button.btn:focus::before, 
  .locations-wrapper .inner .inner-box .searchbox button.btn:active:focus::before{
    background:var(--Sprout-color) !important;
    color:var(--black-light);
    border-color: var(--Sprout-color);
  }

    .locations-wrapper .inner .inner-box .bottom-sec {
        margin:22px 0px 0px;
        position: relative;
    }

  .locations-wrapper .inner .inner-box .bottom-sec:before{
    content:none;
    position: absolute;
    width: 1px;
    height:41px;
    background: var(--black-light);
    top:0px;
  }
  .locations-wrapper .inner .inner-box .bottom-sec .sub-title {
      letter-spacing: 0.16px;
      font-size: 16px;
      color: var(--dark-charcoal-color);
      padding: 0 0px 17px;
      line-height: 26px;
  }
  .locations-wrapper .inner .inner-box .bottom-sec a.btn {
      width: 228px;
      height: 55px;
      
      font-size: 16px;
      letter-spacing: 1.28px;
      padding-left: 48px;
      line-height: 35px;
  }
  .locations-wrapper .inner .searchArea .inner-box .bottom-sec a.common-btn:after{
    content: '';
    position: absolute;
    left: 21px;
    top: 13px;
    background: url(../images/locationpagenear.png);
    width: 17px;
    height: 17px;
    background-size: cover;
    background-repeat: no-repeat;
  }



  .locations-wrapper .nearest-bill-restorent .heading {
      letter-spacing: 2.8px;
      font-size: 35px;
      line-height: 45px;
      
      font-style: var(--font-style-italic);
      font-family: var(--font-family-eb-garamond);
      color: var(--black-light);
      padding: 120px 0px 0px;
      text-align: center;
  }
  .locations-wrapper .nearest-bill-restorent .box {
      height: 526px;
      overflow: auto;
      padding: 0px 10px 0px 0;
  }

  /*scroolbar*/

.locations-wrapper .nearest-bill-restorent .box::-webkit-scrollbar-corner,
.locations-wrapper .nearest-bill-restorent .box::-webkit-scrollbar-track {
  background-color: gray;
}

.locations-wrapper .nearest-bill-restorent .box::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.locations-wrapper .nearest-bill-restorent .box::-webkit-scrollbar-track {
  background-clip: content-box;
  border: 8px solid rgba(128, 128, 128, 0.3);
  background-color: gray;
}

.locations-wrapper .nearest-bill-restorent .box::-webkit-scrollbar-thumb {
  background-color: var(--black-light);
  border-radius: 12px;
}

.locations-wrapper .nearest-bill-restorent .box::-webkit-scrollbar-thumb:hover {
  background-color: var(--black-light);
}

.locations-wrapper .nearest-bill-restorent .box::-webkit-scrollbar-corner,
.locations-wrapper .nearest-bill-restorent .box::-webkit-scrollbar-track {
  background-color: var(--black-light);
  border-radius: 12px;
}
/*scrollbar*/
 .locations-wrapper .nearest-bill-restorent .box ul {
     list-style: none;
     margin: 0;
     padding: 51px 0px 29px;
     text-align: left;
     display: flex;
     justify-content: space-between;
     border-bottom:2px solid var(--black-light);
     align-items: center;
     flex-wrap: wrap;
 }
 .locations-wrapper .nearest-bill-restorent .box ul:nth-child(1) {
     padding-top: 0;
 }
  .locations-wrapper .nearest-bill-restorent .box ul li:first-child {
      width: 66%;
  }
  .locations-wrapper .nearest-bill-restorent .box ul li:nth-child(2) {
      width: auto;
  }
 .locations-wrapper .nearest-bill-restorent .box ul .title {
    color: var(--black-light);
    letter-spacing: 0.84px;
    font-size: 32px;
    line-height: 32px;
}
.locations-wrapper .nearest-bill-restorent .box ul .title span {
    font-size: 16px;
    letter-spacing: 0.16px;
    padding-left: 9px;
    line-height: 16px;
    font-family: var(--input-sans);
    color: var(--pink);
}
.locations-wrapper .nearest-bill-restorent .box ul p {
    color: var(--black-light);
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    padding: 13px 0px 6px;
    letter-spacing: 0.12px;
    opacity: 1;
}
.locations-wrapper .nearest-bill-restorent .box ul a.btn.large {
    width: 124px;
    height: 42px;
    line-height: 19px;
    font-size: 16px;
    letter-spacing: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.locations-wrapper .nearest-bill-restorent .box ul a.btn.large:first-child {
    background: transparent;
    margin: 0 0 11px;
}

  .locations-wrapper .nearest-bill-restorent .bottom-sec {
       padding: 48px 0px 0px; 
      /*padding:47px 0px 0px;*/
  }

  .locations-wrapper .nearest-bill-restorent .bottom-sec a.back-btn {
      text-align: center;
      display: block;
      cursor: pointer;
      color: var(--black-light);
      font-size: 16px;
      font-weight: 300;
      margin: 22px auto 0;
      letter-spacing: 0.16px;
      border-bottom: none;
      justify-content: center;
      width: max-content;
      padding-bottom: 2px;
      outline: none;
      text-decoration: none;
      line-height: 16px;
  }
.locations-wrapper .nearest-bill-restorent .bottom-sec a.back-btn:hover{
  font-weight: 600;
  text-decoration: underline;
}
  .select_seating_type {
      position: absolute;
      left: 50%;
      transform: translate(-50%, -50%);
      top: 48%;
  }
  .book-table-popup .select_seating_type .heading{
    font-style: var(--font-style-normal);
    padding-bottom: 28px;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .select_seating_type a.btn {
      font-size: 16px;
  }

  .alternative-time {
     position: relative;
     padding: 37.33px 0px 0px;
     width: 478px;
     margin: 0 auto;
     height: 100%;
      /*overflow: auto;*/
  }


  .alternative-time .internal {
      width: 104px;
      height: 56px;
      display: inline-block;
      /*margin: 8px 12px 8px 12px;*/
      /*margin: 8px 4px 8px 3px;*/
      /*margin:0px 17px 16px 0px;*/
      margin: 0px 8px 16px 8px;
      color: var(--white);
      border: 1px solid var(--white);
      letter-spacing: 1.52px;
      font-size: 19px;
      font-style: var(--font-style-italic);
      font-family: var(--font-family-eb-garamond);
      line-height: 51px;
      text-align: center;
      position: relative;
      cursor: pointer;
  }
  .alternative-time .internal.due:after {
      content: '';
      position: absolute;
      width: 111%;
      height: 1px;
      background:var(--white);
      left: -6px;
      transform: rotate(26deg);
      top: 26px;
  }
  .alternative-time .internal.active, 
  .alternative-time .internal.current{
    background: var(--yellow-color);
    border-color: var(--yellow-color); 
  }
  .alternative-time .internal.due.active{
    background: none;
    border-color: var(--white); 
  }
  .alternative-time .center{
   width: 100%;
   overflow: hidden;
   white-space: nowrap;
  }
  .alternative-time .center ul{
    margin: 0;
    padding: 0;
    /*display: flex;*/
    display: block;
    justify-content: center;
    list-style: none;
    /*flex-wrap: wrap;*/
  }
  .alternative-time .right{
   width: 30%;
  }
  .alternative-time .left{
   width: 30%;
  }
  .alternative-time .bottom-section {
      position: relative;
      padding:4px 0px 58px;
      display: flex;
      justify-content: space-between;
  }
  .alternative-time .bottom-section button#left-button, .alternative-time .bottom-section button#right-button {
      width: 23px;
      height: 23px;
      padding: 0px;
          margin: 0;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .alternative-time a.btn.full {
      margin: 0px;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .alternative-time a.back-btn.white {
      margin-top: 24px;
      font-size: 16px;
      line-height: 23px;
      letter-spacing: 0px;
      color: var(--dark-charcoal-color);
  }
  .alternative-time .bottom-section button#left-button img, .alternative-time .bottom-section button#right-button img {
      width: 23px;
      height: 23px;
      max-width: initial;
  }
  .alternative-time .bottom-section button#left-button {
      background: none;
      outline: none;
      border: none;
      box-shadow: none;
  }
  .alternative-time .bottom-section button#right-button {
      background: none;
      outline: none;
      border: none;
      box-shadow: none;
  }
  .alternative-time .bottom-section .mid {
      letter-spacing: 0.48px;
      font-size: 16px;
      color: var(--white);
      line-height: 19px;
      padding: 3px 0px 0px;
  }
  /*.find_your_details_popup {
      position: absolute;
      left: 50%;
      transform: translate(-50%, -50%);
      top:47%;
      margin: 0 auto;
  }*/
  div#your-details .modal-dialog-scrollable .modal-content{
    overflow-y: auto;
  }
  div#your-details .modal-dialog-scrollable .modal-content::-webkit-scrollbar {
        display: none;
    }

   /* div#your-details {
        overflow-y: hidden !important;
    }*/
    @-moz-document url-prefix() {
        .book-table-popup.fill-your-details.third .modal-dialog-scrollable .modal-content{
            scrollbar-width: none;
        }
    }
  .find_your_details_popup .details-section {
      width: 100%;
      margin: 0 auto;
  }

  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .find_your_details_popup a.back-btn.white {
      font-size: 16px;
      line-height: 21px;
      margin: 14px auto 0px;
      
  }

  #booking-confirmed .booking-bottom {
      text-align: center;
  }
  #booking-confirmed .booking-bottom a.btn-link {
      color: var(--white);
      text-decoration: none;
      letter-spacing: 1.28px;
      font-size: 16px;
      font-style: var(--font-style-italic);
      font-family: var(--font-family-eb-garamond);
      margin: 29px 0px 0px;
      display: inline-block;
      width: 152px;
          height: 48px;
          line-height: 31px;
  }
  #booking-confirmed .like-seated-box {
    border-top: 0.3px solid var(--white);
    height: 0px;
    margin: 60px 0px 0px;
    display: block;
    padding-top: 49px;
    text-align: center;
  }
  #booking-confirmed .like-seated-box .title {
      letter-spacing: 1.84px;
      font-size: 23px;
      line-height: 36px;
      color: var(--white);
      text-align: center;
      font-family: var(--font-family-eb-garamond);
      
  }
  #booking-confirmed .like-seated-box ul.seated-view {
      width: 324px;
      display: flex;
      margin: 0 auto;
      padding: 0;
      justify-content: space-between;
      list-style: none;
  }
  #booking-confirmed .like-seated-box ul.seated-view li {
      padding-right: 30px;
  }
  #booking-confirmed .like-seated-box ul.seated-view li:last-child {
      padding-right: 0px;
  }
  #booking-confirmed .like-seated-box ul.seated-view li a {
      width: 88px;
      font-size: 13px;
      line-height: 25px;
      height: 41px;
      letter-spacing: 1.04px;
      margin:33px 0px;
  }
  #booking-confirmed .like-seated-box a.up-booking-btn {
      text-align: center;
      font-size: 15px;
      line-height: 19px;
      letter-spacing: 1.2px;
      font-family: var(--font-family-eb-garamond);
      
      font-style: var(--font-style-italic);
      color: var(--yellow-color);
  }
  #booking-confirmed .like-seated-box a.up-booking-btn:hover, 
  #booking-confirmed .like-seated-box a.up-booking-btn:focus{
    outline: none;
    opacity: 0.8;
  }
  #booking-confirmed a.btn.active {
      background: var(--yellow-color);
      border-color: var(--yellow-color);
  }
  .event-open-section{
    padding: 0px;
    overflow: hidden;
  }
  .event-open-section .content-box {
      /*background: url(../images/event-open-bg.svg);*/
      height: 100%;
      background-size: cover;
      width: 100%;
      min-height: 100%;
      align-items: center;
     display: flex;
     color: var(--white);
  }
  .event-open-section .content-box.offer-open{
     background: url(../images/offer-open-bg.svg);
  }
  .event-open-section .col-lg-6 {
      padding: 0px 8px;
  }
  .event-open-section ul.box {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
  }
 .event-open-section ul.box li {
   padding: 0px 0px;
   width: 100%;
       min-width: 960px;
 }
 .event-open-section ul.box li .img-box img {
    max-width: 100%;
    width: 100%;
   height: calc(100vh - 114px);
    object-fit: cover;
        border-right: solid 2px var(--black-light);
 }
  .event-open-section .content-box .inner {
      /*padding: 0px 85px;*/
      padding: 0px 161px;
  }
  .event-open-section .content-box .inner .title {
   letter-spacing: 0;
   font-size: 30px;
   line-height: 36px;
   color: var(--black-light);
   margin: 0;
  }
  .event-open-section .content-box .inner .title span{
    color: var(--yellow-color);
  }
  .event-open-section .content-box.offer-open .inner .title span {
      color: var(--marron-color);
  }
  .event-open-section .content-box .inner p {
      letter-spacing: 0.16px;
      font-size: 16px;
      line-height: 26px;
      color: var(--dark-charcoal-color);
      margin: 0;
      padding: 14px 0px 0px;
  }.event-open-section .content-box .inner p a{
    color: var(--dark-charcoal-color);
  }
  .event-open-section .content-box .inner a.btn {
   line-height: 23px;
   width: 172px;
   height: 51px;
   margin-top:25px;
  }
  /*.event-open-section .content-box .inner a.btn:hover::before, 
  .event-open-section .content-box .inner a.btn:focus::before, 
  .event-open-section .content-box .inner a.btn:active:focus::before {
      height: 100%;
      width: 100%;
      background: var(--yellow-light);
      transition: 0.3s ease-out;
      height: 100%;
  }
  .event-open-section .content-box .inner a.btn:hover, 
  .event-open-section .content-box .inner a.btn:focus{
    outline: none;
    opacity: 0.8;
  }*/
  .event-open-section .content-box.offer-open .inner a.btn{
    background: var(--marron-color);
    border-color: var(--marron-color);
  }
  section.top-header.menu-banner {
          background: url(../images/our-menu-banner-bg.png);
          background-size: cover;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          padding-top: 0;

  }
 section.top-header.menu-banner:before {
     pointer-events: none;
     z-index: 0;
 }
  section.top-header.menu-banner .content h1 {
    font-size: 61px;
        line-height: 61px;
        letter-spacing: 0px;
        position: relative;
        z-index: 10;
        color: var(--black-light);
        margin: 0;
        padding: 0 0 9px;
  }
  section.menu-link-top {
      background: var(--canvas-beige);
      padding: 44px 0px;
  }
  section.menu-link-top ul.link {
      display: flex;
      align-items: center;
      list-style: none;
  }
  section.menu-link-top ul.link {
      display: flex;
      align-items: center;
      list-style: none;
      margin: 0;
      padding: 0;
      flex-wrap: wrap;
  }
  section.menu-link-top ul.link li {
      border-right: 0.3px solid var(--black-light);
      
      font-size: 16px;
      line-height: 23px;
      padding: 0px 17px;
      height: 33px;
  }
   section.menu-link-top ul.link li:first-child{
    padding-left: 0px;
   }
   section.menu-link-top ul.link li:last-child{
    padding-right: 0px;
    border: none;
   }
  section.menu-link-top ul.link li a {
      color: var(--black-light);
      border-bottom: 1px solid transparent;
      outline: none;
      text-decoration: none;
      letter-spacing: 0;
      
      padding-bottom: 8px;
      /*text-transform: capitalize;*/
  }
  section.menu-link-top ul.link li a:hover, section.menu-link-top ul.link li a.active_menu_id, section.menu-link-top ul.link li.active_menu_id a {
      color: var(--black-light);
      border-color: var(--black-light);
      font-style: var(--font-style-italic);
      
  }
   section.menu-link-top .col-12:last-child ul.link{
    justify-content: end;
   }
   section.menu-link-bottom {
       background: var(--bg-color);
       padding: 30px 0px;
   }

   section.menu-link-bottom .heading {
       color: var(--dark-charcoal-color);
       font-size: 18px;
       line-height: 22px;
       letter-spacing: 0px;
       
       
   }
   section.menu-link-bottom .right-part {
       text-align: right;
       position: relative;
       right: 0;
   }
   section.menu-link-bottom .right-part a.icon-box {
      position: absolute;
      width: 16px;
      height: 12px;
      right: 0;
      top: 10px;
      background: url(../images/our-menu-down-new.svg);
     background-size: contain;
         outline: none;
         background-repeat: no-repeat;
        /* -webkit-transition: .2s linear;
         transition: .2s linear;*/
         -webkit-transition: all 0.1s ease;
             transition: all 0.1s ease;
                 -webkit-transform: rotate(0deg);
                 transform: rotate(0deg);
      }
      section.menu-link-bottom .right-part a.icon-box.active{
        background: url(../images/our-menu-up-new.svg);
        width: 16px;
        height: 12px;
        right: 0;
        top:0px;
       background-size: contain;
           outline: none;
           background-repeat: no-repeat;
               -webkit-transform: rotate(-0deg);
               transform: rotate(-0deg);
      }
      .loc-wrapper.menu-wrapper {
         padding: 42px 0px 0px;
             background: #ffd1da;
      }
      .loc-wrapper.menu-wrapper .stp-box {
          padding-bottom: 80px;
      }

      .loc-wrapper.menu-wrapper .stp-box .title {
          font-size: 24px;
          line-height: 29px;
          letter-spacing: 0.72px;
          color: var(--black-light);
          
          
          padding-bottom: 36px;
      }

       .loc-wrapper.menu-wrapper .stp-box ul {
           margin: 0px;
           padding:0px 0px 42px  0px;
           list-style: none;
           display: flex;
           align-items: flex-start;
       }
        .loc-wrapper.menu-wrapper .stp-box ul:last-child{
          padding: 0px;
        }
       .loc-wrapper.menu-wrapper .stp-box ul li {
           width: 49%;
       }
       .loc-wrapper.menu-wrapper .stp-box ul li:last-child {
           width: 51%;
           text-align: right;
       }
       .loc-wrapper.menu-wrapper .stp-box ul li .subtitle {
           color: var(--black-light);
           letter-spacing: 0.54px;
           font-size: 18px;
           line-height: 22px;
           
           padding-bottom: 10px;
       }
      .loc-wrapper.menu-wrapper .stp-box ul li p {
          margin: 0;
          padding: 0;
          letter-spacing: 0.14px;
          font-size: 14px;
          line-height: 22px;
          color: var(--black-light);
      }
       .loc-wrapper.menu-wrapper .stp-box ul li .price {
           color: var(--black-light);
           letter-spacing: 0.14px;
           font-size: 14px;
           line-height: 22px;
       }

       section.menu-link-bottom .right-part .select-box ul{
        padding: 0;
        margin:6px 33px 0px 0px;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
       }
       section.menu-link-bottom .right-part .select-box ul li {
           padding: 0px 40px 20px 0px;
       }
 section.menu-link-bottom .right-part .select-box ul li .chk label {
     color: var(--black-light);
     font-size: 14px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-weight: var(--font-weight-300);
     line-height: 22px;
     letter-spacing: 0.14px;
 }

        section.menu-link-bottom .right-part .select-box ul li .chk label input {
         display: none;
       }

       section.menu-link-bottom .right-part .select-box ul li .chk label span {
           height: 14px;
           width: 14px;
           border: 1px solid var(--black-light);
           display: inline-block;
           position: relative;
           margin-right: 9px;
       }

        section.menu-link-bottom .right-part .select-box ul li .chk [type=checkbox]:checked + span:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 12px;
            height: 12px;
            background: var(--Sprout-color);
        }

        section.menu-link-bottom .right-part .select-box ul li .chk em {
         font-style: normal;
       }
       section.menu-link-bottom .view p {
           font-size: 14px;
           margin: 0px;
           line-height: 22px;
           letter-spacing: 0.14px;
           display: block;
           padding: 7px 0px 10px;
           color: var(--dark-charcoal-color);
       }
       section.menu-link-bottom .right-part .select-box, 
        section.menu-link-bottom .view {
        display: none;
        -moz-transition: opacity 1s, visibility 1.3s;
         -webkit-transition: opacity 1s, visibility 1.3s;
         -o-transition: opacity 1s, visibility 1.3s;
         transition: opacity 1s, visibility 1.3s;
       }
       section.menu-link-bottom .right-part .select-box.show, 
        section.menu-link-bottom .view.show {
        display: block;
        -moz-transition: opacity 1s, visibility 1.3s;
           -webkit-transition: opacity 1s, visibility 1.3s;
           -o-transition: opacity 1s, visibility 1.3s;
           transition: opacity 1s, visibility 1.3s;
       }
       section.menu-link-bottom .view .btn {
           border: none;
           border-radius: 12px;
           width: 91px;
           height: 27px;
           font-size: 12px;
           line-height: 13px;
           overflow: hidden;
           color: var(--black-light);
           background: var( --white);
       }
       section.menu-link-bottom .view .btn:hover, 
       section.menu-link-bottom .view .btn:focus{
        border:none;
           background: var(--Sprout-color);
        color:var(--black-light);
       }
       section.menu-link-bottom .view .btn:hover::before, 
       section.menu-link-bottom .view .btn:focus::before, 
       section.menu-link-bottom .view .btn:active:focus::before{
        border-radius: 0;
       }
        section.menu-link-bottom .view .btn:after,  section.menu-link-bottom .view .btn:before{
          display: none;
        }
        .choose-bill-restaurent .modal-dialog {
              max-width: 364px;
          height: 239px;
        }
        .choose-bill-restaurent .modal-dialog .modal-content {
          border-radius: 0px;
          border: solid 2px var(--black-light);
        }
        .choose-bill-restaurent .modal-dialog .modal-content .modal-header {
            border: none;
            padding: 21px 20px 20px 0px;
        }
        .choose-bill-restaurent .modal-dialog .modal-content .modal-body {
            padding-top: 0;
        }
        .choose-bill-restaurent .modal-dialog .modal-content .modal-body {
            padding: 0;
            border: none;
            overflow-y: initial;
        }
        .choose-bill-restaurent .modal-dialog .modal-content .modal-body .heading {
            color: var(--black-light);
            letter-spacing: 0;
            font-size: 26px;
            line-height: 26px;
            text-align: center;
            padding: 0px 22px 23px;
        }
        .choose-bill-restaurent .modal-dialog .modal-content .modal-body .searchbox {
            display: flex;
            border: 1px solid var(--black-light);
            height: 55px;
            position: relative;
            align-items: center;
            margin: 0px 45px 59px;
        }
        .choose-bill-restaurent .modal-dialog .modal-content .modal-body .searchbox input {
            border: none;
            box-shadow: none;
            outline: none;
            padding-right: 50px;
            padding-left: 21px;
            font-size: 18px;
            color: var(--black-light);
            font-family: var(--font-family-eb-garamond);
            
            font-style: var(--font-style-italic);
            letter-spacing: 1.44px;
        }
        .choose-bill-restaurent .modal-dialog .modal-content .modal-body .searchbox input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
          color: var(--black-light);
          font-family: var(--font-family-eb-garamond);
          
          font-style: var(--font-style-italic);
        }

        .choose-bill-restaurent .modal-dialog .modal-content .modal-body .searchbox input:-ms-input-placeholder { /* Internet Explorer 10-11 */
          color: var(--black-light);
          font-family: var(--font-family-eb-garamond);
          
          font-style: var(--font-style-italic);
        }

        .choose-bill-restaurent .modal-dialog .modal-content .modal-body .searchbox input::-ms-input-placeholder { /* Microsoft Edge */
          color: var(--black-light);
          font-family: var(--font-family-eb-garamond);
          
          font-style: var(--font-style-italic);
        }
        .choose-bill-restaurent .modal-dialog .modal-content .modal-body .searchbox button.search {
            position: absolute;
            top: 15px;
            right: 20px;
            width: auto;
            height: auto;
            margin: 0;
            padding: 0;
            line-height: normal;
            background: none;
            border: none;
            outline: none;
            box-shadow: none;
        }
        .choose-bill-restaurent .modal-dialog .modal-content .modal-body .searchbox button.search img {
            width: 18px;
            height: 18px;
        }
        .scroll {
          cursor: pointer;
          width: 77px;
          height: 77px;
          position: fixed;
          bottom: 40px;
          right: -80px;
          border-radius: 100%;
          /*background: var(--white);*/
          text-align: center;
          /*box-shadow: 0px 0px 10px #00000022;*/
          transition: 300ms;
          background: url(../images/up-down-arrow.svg);
          background-repeat: no-repeat;
          background-size: cover;
        }
        .scroll:hover{
          background: url(../images/up-down-arrow-hover.svg);
          background-repeat: no-repeat;
          background-size: cover;
          /*background: var(--black-light);*/
        }

       
        .scroll .hover {
            display: none;
        }
        @keyframes rotate {
          from {margin-top: 15px}
          to {margin-top: 5px}
        }

        .visible {
          right: 30px;
          transition: all 400ms;
          transform: rotate(360deg)
        }
        .choose-bill-restaurent .modal-dialog .modal-content .modal-header button.btn-close {
            background: none;
            width: 34px;
            height: 34px;
            padding: 0;
        }
        .choose-bill-restaurent .modal-dialog .modal-content .modal-header button.btn-close svg {
            width: 27px;
            height: 27px;
            fill: var(--black-leather-jacket-color);
            opacity: 4;
        }
        .got-question .box .accordion:last-child {
            margin-bottom: 57px;
        }
       section.top-header.info-banner.join-team-banner h2 {
           font-size: 31px;
           line-height: 37px;
           letter-spacing: 0.93px;
           left: 51px;
           bottom: 32px;
           transform: initial;
           top: inherit;
           text-transform: capitalize;
           position: absolute;
           color: var(--white);
           
       }
        .wrapper.join-team-wrap {
            padding: 0 0px 0;
        }
        .wrapper.join-team-wrap .join-team-box .img-box {
            position: relative;
        }
        .wrapper.join-team-wrap .join-team-box .img-box:before{
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
       
          
 
        }
        .wrapper.join-team-wrap .join-team-box .img-box .inner-box {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            text-align: center;
                z-index: 10;
        }
        .wrapper.join-team-wrap .join-team-box .row .col-12 {
            padding: 0;
        }
        .wrapper.join-team-wrap .join-team-box .row:nth-child(2) .col-12:nth-child(1) {
            order: 2;
        }
        .wrapper.join-team-wrap .join-team-box .box {
            width: 584px;
            margin: 0 auto;
        }
        .wrapper.join-team-wrap .join-team-box .box p {
            letter-spacing: 0.16px;
            font-size: 16px;
            line-height: 26px;
            color: var(--dark-charcoal-color);
            padding-bottom: 20px;
            margin: 0;
        }
        .wrapper.join-team-wrap .join-team-box .box p a{
          color: var(--black-light);
        }
        .join-team-box .container-fluid {
          padding-left: 0;
          padding-right: 0;
        }
        .wrapper.join-team-wrap .join-team-box .img-box img {
            width: 100%;
                height: 650px;
                object-fit: cover;
                    object-position: 50% 50%;  
        }

        .wrapper.join-team-wrap .join-team-box .img-box .inner-box .title {
            font-size: 61px;
            line-height: 61px;
            color: var(--black-light);
            padding-bottom: 15px;
        }
        .wrapper.join-team-wrap .join-team-box .img-box .inner-box .common-btn {
            margin: 0 auto;
        }
/*        .wrapper.join-team-wrap .join-team-box .img-box .inner-box .btn {
            width: 158px;
            border: 1px solid var(--white);
            height: 49px;
            color: var(--white);
            line-height: 31px;
            font-size: 14px;
            margin-top: 20px;
        }*/
/*        .wrapper.join-team-wrap .join-team-box .img-box .inner-box .btn:hover::before, .wrapper.join-team-wrap .join-team-box .img-box .inner-box .btn:focus::before, .wrapper.join-team-wrap .join-team-box .img-box .inner-box .btn:active:focus::before{
          background: var(--white);
        }
        .wrapper.join-team-wrap .join-team-box .img-box .inner-box .btn:hover, 
        .wrapper.join-team-wrap .join-team-box .img-box .inner-box .btn:focus, 
        .wrapper.join-team-wrap .join-team-box .img-box .inner-box .btn:active:focus{
          color: var(--black-light);
          background: var(--white);
        }*/
        .wrapper.join-team-wrap .join-team-box .img-box .inner-box em {
            letter-spacing: 0px;
            font-size: 12px;
            line-height: 14px;
            color: var(--white);
            display: block;
            margin-top: -11px;
            font-style: normal;
        }
        .wrapper.join-team-wrap .join-team-box .box ul {
            margin: 0;
            padding: 0;
            list-style: inside;
        }
        
       .wrapper.join-team-wrap .join-team-box .box ul li {
           font-size: 16px;
           letter-spacing: 0.16px;
           line-height: 26px;
           color: var(--black-light);
       }
        .wrapper.join-team-wrap .join-team-box .box .slider-section p {
            padding: 10px 0px 0;
            margin: 0;
            text-align: center;
            color: var(--black-light);
            font-size: 16px;
            line-height: 26px;
            letter-spacing: 0.16px;
        }
        .wrapper.join-team-wrap .join-team-box .box .slider-section .single-testimonial p {
            font-size: 26px;
            line-height: 31px;
            text-align: center;
            color: var(--black-light);
            padding: 0px;
            font-family: var(--BalboaPlus);
                letter-spacing: 0px;
                max-width: 329px;
    margin: 0 auto;
        }
        .wrapper.join-team-wrap .join-team-box .box .slider-section .single-testimonial p span{
          color:var(--black-light);
        }
        .wrapper.join-team-wrap .join-team-box .box ul.slick-dots li{
          margin:0px 7px 0px 0px;

        }
        .wrapper.join-team-wrap .join-team-box .box ul.slick-dots li, 
        .wrapper.join-team-wrap .join-team-box .box ul.slick-dots li button {
            width: 9px;
            height: 9px;
        }
        .wrapper.join-team-wrap .join-team-box .box ul.slick-dots li button:before{
         font-size: 49px;
         content: '';
         border:1px solid var(--Sprout-color);
         border-radius: 100%;
         width: 9px;
         height: 9px;
         opacity: 1;
        }
        .wrapper.join-team-wrap .join-team-box .box ul.slick-dots li.slick-active button:before, 
        .wrapper.join-team-wrap .join-team-box .box ul.slick-dots li:hover button:before{
          background: var(--Sprout-color);
          border-color: var(--Sprout-color);
          opacity: 1;
        }
        .wrapper.join-team-wrap .join-team-box .box .slick-slider button.slick-prev.slick-arrow:before, 
        .wrapper.join-team-wrap .join-team-box .box .slick-slider button.slick-next.slick-arrow:before{
          display: none;
        }
        .wrapper.join-team-wrap .join-team-box .box .slick-slider button.slick-prev.slick-arrow{
          content: '';
          background: url(../images/silk-sider-left-arrow.svg);
          width: 12px;
          height: 23px;
          background-repeat: no-repeat;
          background-size: cover;
        }
        .wrapper.join-team-wrap .join-team-box .box .slick-slider button.slick-next.slick-arrow{
          content: '';
          background: url(../images/silk-sider-right-arrow.svg);
          width: 12px;
          height: 23px;
          background-repeat: no-repeat;
          background-size: cover;
        }
        .wrapper.join-team-wrap .join-team-box .box ul.slick-dots{
          bottom: -196px;
        }

       .join-team-box .container-fluid .row.justify-content-center.align-items-center {
           margin: 0;
           width: 100%;
       }

        section.top-header.info-banner.terms-conditions-banner {
            height: 464px;
                border-bottom: solid 2px var(--black-light);
        }


        .wrapper.terms-con-wrap {
            padding:112px 0px 56px;
        }
        .wrapper.terms-con-wrap .heading {
            font-size: 24px;
            line-height: 29px;
            letter-spacing: 0.72px;
            color: var(--black-light);
            padding: 94px 0px 35px;
            margin:0px;
        }
       .wrapper.terms-con-wrap p {
           letter-spacing: 0;
           font-size: 14px;
           line-height: 22px;
           color: var(--black-light);
           margin: 0;
           padding: 0px 0px 32px;
       }
       .wrapper.terms-con-wrap ol {
           letter-spacing: 0;
           font-size: 14px;
           line-height: 22px;
           margin: 0px 0px 0 20px;
           color: var(--black-light);
           padding: 0;
       }
       .terms-con-wrap .heading {
            font-size: 26px;
            line-height: 31px;
            font-weight: 100;
            margin: 0;
            padding: 94px 0 27px;
            color: var(--black-light);
        }
    .terms-con-wrap .heading:nth-child(2) {
        padding-top: 0;
    }
    .wrapper.terms-con-wrap li, .wrapper.terms-con-wrap P {
        font-size:14px;
        color: var(--dark-charcoal-color);
        line-height:27px;
        letter-spacing: 0.16px;
        font-family: "input-sans-compressed",sans-serif;       
    }

    .wrapper.terms-con-wrap li{ 
        margin-bottom: 15px;
    }


       .wrapper.terms-con-wrap .large-gap {
           padding-top: 51px;
       }
        section.top-header.info-banner.contact-banner{
          background: url(../images/contact-banner-img.png);
          min-height:464px;
          height: auto;
          background-position: center top;
        }
        section.top-header.info-banner.contact-banner:before{
          background: url(../images/contact-banner-effect-bg.svg);
          background-repeat: no-repeat;
           background-blend-mode: multiply;
          background-color: #ffffff75;
          opacity: 4;
          background: #ffffff8c;
        }

        .wrapper.contact-wrap {
            padding: 0;
        }
        .wrapper.contact-wrap .heading-comm {
            padding: 39px 0px 30px;
        }
        .wrapper.contact-wrap .heading-comm p {
            font-size: 16px;
            line-height: 23px;
            letter-spacing: 0.16px;
            padding: 15px 0px 0px;
            margin: 0;
            color: var(--dark-charcoal-color);
        }
        .wrapper.contact-wrap .heading-comm h2{
            letter-spacing: 0px;
            color: var(--black-light);
            font-size: 26px;
            opacity: 1;
            line-height: 26px;
            text-align: center;
            padding: 0;
            margin: 0;
        }
        .wrapper.contact-wrap .heading-comm p a{
          color:var(--black-light);
        }
        .wrapper.contact-wrap .contact-section {
            width: 100%;
            margin: 0 auto;
        }
        .wrapper.contact-wrap .contact-section .inner-section .heading {
            font-size: 26px;
            line-height: 26px;
            letter-spacing: 0;
            color: var(--black-light);
            padding-bottom: 0;
        }
        .contact-section .form-row-grid {
            margin: 29px auto 0;
            align-items: start;
        }
        .wrapper.contact-wrap .contact-section .inner-section select {
            background-color: transparent;
            border: none;
            border-bottom: 1px solid var(--black-light);
            border-radius: 0px;
            background: url(../images/arrow_down_gray_icon-light.svg);
            background-repeat: no-repeat;
            background-size: 30px 31px !important;
            background-position: 100%;
            font-size: 15px;
            line-height: 18px;
            letter-spacing: 0.45px;
            
            color: var(--black-light);
            padding-left:5px;
            outline: none;
            box-shadow: none;
        }
        .wrapper.contact-wrap .contact-section .inner-section .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6:nth-child(2) {
            padding-left: 17px;
        }
        .wrapper.contact-wrap .contact-section .inner-section .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6:nth-child(1) {
            padding-right: 17px;
        }
        .wrapper.contact-wrap .contact-section .inner-section .mb-3 {
            margin-bottom: 40px !important;
        }
        .wrapper.contact-wrap .contact-section .inner-section label.form-label {
            font-size: 15px;
            line-height: 18px;
            letter-spacing: 0.45px;
            
            color: var(--black-light);
            margin-bottom: 9px;
            padding-left: 5px;
        }

        .wrapper.contact-wrap .contact-section .inner-section .chk{
          margin-bottom: 13px;
        }

         .wrapper.contact-wrap .contact-section .inner-section .chk label {
          color: var(--input-checkbox-title-color);
          font-size:13px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
         -webkit-box-align: flex-start;
         -ms-flex-align: flex-start;
         align-items: flex-start;
         font-weight: var(--font-weight-300);
         line-height: 30px;
         font-style: normal;
        }
 .wrapper.contact-wrap .contact-section .inner-section .chk label em{
  font-style: normal;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.39px;
  color: var(--black-light);
 }
         .wrapper.contact-wrap .contact-section .inner-section .chk label input {
          display: none;
        }

         .wrapper.contact-wrap .contact-section .inner-section .chk label span {
          height: 21px;
          width: 21px;
          border: 1px solid var(--input-checkbox-title-color);
          display: inline-block;
          position: relative;
          margin-right:15px;
        }

         .wrapper.contact-wrap .contact-section .inner-section .chk [type=checkbox]:checked + span:before {
          content: '';
          position: absolute;
          top: 1px;
          left: 1px;
          width: 17px;
          height: 17px;
          background: var(--input-checkbox-title-color);
        }
        .wrapper.contact-wrap .contact-section .inner-section .chk label em a{
          color:var(--black-light);
        }
        .wrapper.contact-wrap .contact-section .inner-section button.btn{
          margin-top:22px;
          width: 161px;
          height: 48px;
          border:1px solid var(--black-light) ;
          font-size: 15px;
          line-height: 19px;
        }
        .wrapper.contact-wrap .contact-section .inner-section button.btn:hover, 
        .wrapper.contact-wrap .contact-section .inner-section button.btn:focus{
          background: var(--black-light);
        }
        .view-all-section a.btn.large {
            height: 49px;
            width: 158px;
            line-height: 33px;
        }
        .wrapper.offer-open-video-wrap {
          padding: 116px 0px 17px;
        }
.video-section{
  position: relative;
}
.video-section:before{
  content: '';
  position: absolute;
  top:0px;
  left: 0px;
  width: 100%;
  /*height: 100%;*/
  height: 99%;
  background: url(../images/offer-open-video-banner-img-effect-bg.svg);
  background-size: cover;
}
.video-section .video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 155px;
    height: 155px;
}
.video-section .video-icon img{
  width: 100%;
}
.cocktails-section {
    color: var(--black-light);
   padding: 86.47px 0px 90.79px;
   margin-top: 0;
}
.cocktails-section .title {
 font-size: 30px;
     line-height: 36px;
     letter-spacing: 0;
  color: var(--black-light);
  margin: 0px;
}
.cocktails-section .title span{
color: var(--pink-color);
}
.cocktails-section p {
  padding: 19.5px 0px;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.16px;
  color: var(--dark-charcoal-color);
  margin: 0px;
}

.cocktails-section a.btn {
  width: 162px;
  height: 45px;
  line-height: 25px;
}
/*.cocktails-section a.btn:before {
display: none;
}
.cocktails-section a.btn:hover, 
.cocktails-section a.btn:focus{
  outline: none;
  opacity: 0.8;
  border-color: var(--marron-color);
}*/
.wrapper.offer-open-video-wrap .inner-wrap {
    margin: 0 auto;
    width: 1514px;
}
.video-section img.mobile {
    display: none;
}
section.loc-six-banner{
  /*background: url(../images/locations-6-banner.png);*/
  background:none;
      min-height: initial;
      padding: 0px;
}
section.loc-six-banner:before{
  display: none;
}

section.loc-six-banner .carousel-item:before{
  content: '';
  position: absolute;
  top:0px;
  width: 100%;
  height: 100%;
  left: 0px;
  background: url(../images/contact-banner-effect-bg.svg);
   background-blend-mode: multiply;
    background-color: #ffffff75;
}
section.loc-six-banner.loaction-view .carousel-item:before{
  background: url(../images/location_view.png);
      background-blend-mode: multiply;
    background-color: #ffffff75;
}
section.loc-six-banner p {
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    letter-spacing: 0.22px;
    color: var(--dark-charcoal-color);
    padding: 11px 0px 0px;
    margin: 0;
}

section.loc-six-banner .carousel-inner .carousel-item img {
    min-height:464px;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height:464px;
}
section.loaction-view .carousel-inner .carousel-item img{
      min-height: 620px;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    height:464px;
}
section.loc-six-banner .carousel-caption {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: initial;
    right: initial;
    width: 100%;
}
section.loc-six-banner h1 {
    margin: 0px;
    font-size: 65px;
    padding: 0px;
    line-height: 61px;
    letter-spacing: 0;
    
    text-transform: uppercase;
    position: initial;
    transform: initial;
}
.carousel-control-next, .carousel-control-prev{
  opacity: 1;
}
section.loc-six-banner button.carousel-control-prev span.carousel-control-prev-icon{
    background-repeat: no-repeat;
    background: var(--btn-color);
    height: 48px;
    width: 48px;
    position: absolute;
    transform: translateY(-50%);
    z-index: 1000;
    color: var(--black-light);
    border-radius: 100%;
    border: solid 2px var(--black-light);
    transition: all ease-in 0.3s;
}
section.loc-six-banner button.carousel-control-next span.carousel-control-next-icon {
    background-repeat: no-repeat;
    background: var(--btn-color);
    height: 48px;
    width: 48px;
    position: absolute;
    transform: translateY(-50%);
    z-index: 1000;
    color: var(--black-light);
    border-radius: 100%;
    border: solid 2px var(--black-light);
    transition: all ease-in 0.3s;
}
section.loc-six-banner button.carousel-control-next span.carousel-control-next-icon:hover,
section.loc-six-banner button.carousel-control-prev span.carousel-control-prev-icon:hover{
      box-shadow: 0px 5px 0px 0px var(--black-light);
    margin-bottom: 15px;
}
.loaction-view  span.carousel-control-prev-icon:before {
    color: var(--black-light);
    content: '' !important;
    border: solid var(--black-light);
    border-width: 0px 2px 2px 0px;
    height: 10px;
    width: 10px;
    position: absolute;
    transform: rotate(134deg);
    top: 18px;
    right: 16px;
}
.loaction-view span.carousel-control-next-icon:before {
color: var(--black-light);
    content: '' !important;
    border: solid var(--black-light);
    border-width: 0px 2px 2px 0px;
    height: 10px;
    width: 10px;
    position: absolute;
        transform: rotate(-45deg);
    right: 18px;
    top: 18px;
}
section.loc-six-banner .carousel-indicators {
    bottom: 35px;
}
section.loc-six-banner .carousel-indicators button {
    border: 1px solid var(--white);
    width: 9px;
    height: 9px;
    border-radius: 100%;
    background: transparent;
    margin-right: 4px;
        margin-left: 4px;
}
section.loc-six-banner .carousel-indicators button.active{
  background: var(--white);
}

.loc-wrapper.location-manchester-wrap {
    padding: 0;
    overflow-y: auto;
overflow-x: hidden;
}
.location-manchester-wrap .banner-bottom-section {
    /*background: #EEECE6;*/
    padding: 33px 0px 32px;
    border-top: solid 2px var(--black-light);
}
.location-manchester-wrap.previous-location-master .banner-bottom-section{
border-top: none;
}
.banner-bottom-section .bottom-sec .heading {
    font-size: 26px;
    line-height: 26px;
    letter-spacing: 0;
    color: var(--black-light);
    padding: 0 0 19px;
}
.banner-bottom-section.new-designpdrcustom span {
    font-size: 16px;
     color: var(--black-light);
     letter-spacing: 0.16px;
     line-height: 26px;
}
.banner-bottom-section.new-designpdrcustom .bottom-sec .top-content-facilities{
    height: 100%;
    max-width: 340px;
    width: 100%;
    margin: 0 auto auto;
        padding: 0 15px 30px;
}  
.location-manchester-wrap .banner-bottom-section.new-designpdrcustom .col-12:nth-child(3n + 3) .bottom-sec {
    border: none;
}
.previous-location-master .banner-bottom-section .col-12:nth-child(2) .bottom-sec, .previous-location-master .banner-bottom-section .col-12:nth-child(3) .bottom-sec {
    padding-left: 94px;
}
.banner-bottom-section.new-designpdrcustom .bottom-sec {

    padding-right: 15px;
}
.banner-bottom-section.new-designpdrcustom .bottom-nner-pd{
    width: 100%;
        max-width: 340px;
    margin: auto auto 0;
        padding: 0 15px;

}
.banner-bottom-section.new-designpdrcustom .bottom-sec .top-content-facilities span{
       margin-bottom: 20px;
       width: 100%;
}
.banner-bottom-section .bottom-sec .weeks span {
    display: block;
}
.banner-bottom-section .bottom-sec .weeks {
    letter-spacing: 0.16px;
    font-size: 16px;
    line-height: 26px;
    color: var(--dark-charcoal-color);
    padding: 0px 0px 24px;
}
.banner-bottom-section.new-designpdrcustom .bottom-sec .heading{
    width: 100%;
}
.banner-bottom-section .bottom-sec .weeks:nth-child(3), 
.banner-bottom-section .bottom-sec .weeks:nth-child(4){
  padding-top: 0px;
}
.banner-bottom-section .bottom-sec .weeks:last-child{
  padding-bottom: 0px;
}
.banner-bottom-section .bottom-sec .phone {
    letter-spacing: 0.14px;
    font-size: 14px;
    line-height: 24px;
    color: var(--black-light);
    padding: 18px 0px 52px;
    
}
.banner-bottom-section .bottom-sec .phone a{
  color: var(--black-light);
  text-decoration: none;
  outline: none;
}
.banner-bottom-section .bottom-sec a.direct-btn {
    margin: 14px 0px 0px;
    display: inline-block;
    letter-spacing: 0.16px;
    font-size: 16px;
    line-height: 26px;
    color: var(--dark-charcoal-color);
    
}
.previous-location-master .banner-bottom-section .bottom-sec>span{
    letter-spacing: 0.16px;
    font-size: 16px;
    line-height: 26px;
    color: var(--dark-charcoal-color);
}
.previous-location-master .banner-bottom-section .bottom-sec a.direct-btn{
      margin: 0 0px 0px;
      /*text-decoration: none;*/
}
.previous-location-master .location-bottom-section {
    display: none;
}
.banner-bottom-section .bottom-sec a.direct-btn:hover{
  color:var(--black-light);
}
.banner-bottom-section .bottom-sec {
    min-height: 100%;
    border-right: 2px solid var(--black-light);
    padding:89px 0px 0;
}
.previous-location-master .banner-bottom-section .bottom-sec{
  padding: 38px 0px 0;
}
.banner-bottom-section .bottom-nner-pd ul li:last-child {
    padding-bottom: 0;
}
.location-manchester-wrap .banner-bottom-section .container {
    max-width: 1425px;
    margin: 0 auto;
    padding: 0 15px;
}
.location-manchester-wrap.previous-location-master .banner-bottom-section .container{
    max-width: 1348px;
    margin: 0 auto;
    padding: 0 15px;
}
/*.banner-bottom-section .col-12:nth-child(2) .bottom-sec, 
.banner-bottom-section .col-12:nth-child(3) .bottom-sec {
    padding-left: 45px;
}*/
.banner-bottom-section .col-12:nth-child(3) .bottom-sec{
  border: none;
}
.location-manchester-wrap .banner-bottom-section .col-12 {
    padding: 0;
}
.banner-bottom-section .bottom-sec .homesliderbox{
  width: auto;
}
.previous-location-master .banner-bottom-section .gallery-slider .bottom-sec .homesliderbox {
    max-width: 1056px;
}
.banner-bottom-section .bottom-sec .homesliderbox .owl-carousel {
    margin-top: 27px;
}

.mfp-s-loading .mfp-arrow { 
   display: none;
}
.slick-initialized .slick-slide {
    display: block;
    margin:0  15px;
}
.location-bottom-section{
  padding: 72px 0px;
}

.location-bottom-section .location-content p {
    color: var(--black-light);
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.16px;
    text-align: center;
    
    margin: 0;
    padding: 0px 0px 39px;
}
ul.loc-icon-view {
    grid-row-gap: 22px;
    grid-template: repeat(1, 1fr)/repeat(3, 1fr);
    grid-column-gap: 49px;
    position: relative;
    list-style: none;
    display: grid;
    margin: 0;
    padding: 33px 0 0;
}
ul.loc-icon-view li:last-child {
    padding-right: 0;
}
ul.loc-icon-view li {
    padding-right: 0;
    letter-spacing: 0.45px;
    font-size: 15px;
    line-height: 18px;
    
    
    color: var(--black-light);
}
ul.loc-icon-view li img {
    vertical-align: middle;
    padding-right: 14px;
}
.map-sec {
    padding: 0px 35px 26px;
    position: relative;
}
.map-sec img.icon{
  position:absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 52px;
      height: 67px;
}
button.mfp-close:after,
button.mfp-arrow:after, 
button.mfp-close:before,
button.mfp-arrow:before{
  display: none;
}

button.mfp-arrow.mfp-arrow-left{
  background: url(../images/location-slider-left-arrow.svg);
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  background-size: cover;
  opacity: 1;
  left: -90px;
}
button.mfp-arrow.mfp-arrow-right{
  background: url(../images/location-slider-right-arrow.svg);
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  background-size: cover;
  opacity: 1;
  right: -90px;
}
.mfp-bottom-bar .mfp-title {
    letter-spacing: 0.51px;
    font-size: 17px;
    line-height: 38px;
    
       color: var(--black-light);
    display: flex;
}
.mfp-bottom-bar button.mfp-close {
    right: 0;
    width: auto;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0.22px;
    opacity: 1;
    cursor: pointer !important;
    color: var(--dark-charcoal-color);
    text-decoration: underline;
}
.mfp-container {
    cursor: initial;
}
section.loc-six-banner .carousel-inner .carousel-item img.mobile{
  display: none;
}
.map-sec .map-content-box {
    background: var(--bg-body);
    position: absolute;
    bottom: 0;
    color: var(--black-light);
    padding: 17px 96px 17px 18px;
    border-left: none;
    width: 414px;
    border: solid 2px var(--black-light);
}
.map-sec .map-content-box .location {
   font-size: 24px;
    line-height: 24px;
    letter-spacing: 0;

    color: var(--black-light);
    font-family: var(--BalboaPlus);
}
.map-sec .map-content-box p {
    margin: 0;
    padding: 3px 0px 0px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.14px;
    color: var(--black-light);
}
.wrapper.event-wrap {
    padding: 51px 0px 0px;
}
.event-offers-section .box-section .box.pink {
    background: var(--Sprout-color);
}
.event-offers-section .location-arrow {
    width: 270px;
    position: relative;
    left: inherit;
    background: #fff !important;
    border: solid 2px var(--black-light);
    padding: 15px 17px 12px 17px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.event-offers-section .location-arrow .comm-form .mb-3 span.bor-bottom, .comm-form .mb-3 span.bor-bottom{
    display: none;
}


.ui-timepicker-container.ui-timepicker-standard {
    z-index: 9999 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none;
}
.ui-widget.ui-widget-content {
    border: none !important;
}
ul.ui-timepicker-viewport {
    width: 100% !important;
    background: var(--white);
    margin: 0 !important;
    padding: 0px !important;
    /*height: 153px;*/
    height: 273px;
         overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: var(--black-light);
  scrollbar-width: thin;
  scrollbar-color: var(--black-light) gray;
 border: solid 2px var(--black-light);
    border-top: none;
        width: calc(100% - 4px) !important;
}
.modal-open ul.ui-timepicker-viewport{
      height: 279px;
}
.book-table-popup.first ul.drop li a {
    height: 50px;
}
/*scroll*/
ul.ui-timepicker-viewport::-webkit-scrollbar-corner,
ul.ui-timepicker-viewport::-webkit-scrollbar-track {
  background-color: gray;
}

ul.ui-timepicker-viewport::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

ul.ui-timepicker-viewport::-webkit-scrollbar-track {
  background-clip: content-box;
  border: 8px solid rgba(128, 128, 128, 0.3);
  background-color: gray;
}

ul.ui-timepicker-viewport::-webkit-scrollbar-thumb {
  background-color: var(--black-light);
  border-radius: 12px;
}

ul.ui-timepicker-viewport::-webkit-scrollbar-thumb:hover {
  background-color: var(--black-light);
}

ul.ui-timepicker-viewport::-webkit-scrollbar-corner,
ul.ui-timepicker-viewport::-webkit-scrollbar-track {
  background-color: var(--black-light);
  border-radius: 12px;
}
/*scroll*/

.ui-timepicker-standard {
    background: none;
    border-color: var(--black-light);
    /*height: 156px !important;*/
    height: 313px !important;
}
.ui-timepicker.ui-widget.ui-widget-content.ui-menu.ui-corner-all {
    height: auto;
    padding: 0px !important;
    width: 100% !important;
}
ul.ui-timepicker-viewport::-webkit-scrollbar {
  /*display: none; */
}
.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown .select2-results .select2-results__options::-webkit-scrollbar{
  display: none;
}
.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown .select2-results .select2-results__options{
  -ms-overflow-style: none; /* for Internet Explorer, Edge */
  scrollbar-width: none; /* for Firefox */
  overflow-y: scroll;
}
ul.ui-timepicker-viewport li.ui-menu-item a {
       color: var(--black-light);
       display: block;
       padding: 15px 19px;
       text-decoration: none;
       letter-spacing: 0px;
       font-size: 20px;
        line-height: 24px;
       font-family: var(--BalboaPlus);
       text-align: left;
       border: none;
   }

ul.ui-timepicker-viewport li.ui-menu-item a:hover, 
ul.ui-timepicker-viewport li.ui-menu-item a.ui-state-hover{
   opacity: 0.8;
   color: var(--black-light);
   background: transparent;
}
ul.ui-timepicker-viewport li.ui-menu-item {
    padding: 0;
    /*border: 1px solid var(--black-light);*/
    border-bottom: 2px solid var(--black-light);
    margin: 0;
    border-top: none;
    width: 100% !important;
}

ul.ui-timepicker-viewport li.ui-menu-item:last-child {
    border-bottom: none;
}

 .wrap-drop {
background:var(--white);
cursor:pointer;
margin:0 auto;
padding:1rem;
position:relative;
width:100%;
/*z-index:3;*/
height: 50px;
color: var(--dark-charcoal-color);
letter-spacing: 0.42px;
font-size: 14px;
line-height: 23px;
font-weight: var(--font-weight-500);
opacity: 1;
background: var(--white) url(../images/icon-feather-search.svg);
background-position: 100%;
background-position-x: 96%;
background-repeat: no-repeat;
padding-top: 13px !important;
}
#party_size {
   background: var(--canvas-beige) url(../images/arrow_down_gray_icon.svg);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  /*background-size: 12% 100%;*/
}
.book-table-popup.first #party_size {
    background-repeat: no-repeat !important;
    background-position: 95% 50% !important;
    background: var(--white) url(../images/arrow_down_gray_icon.svg);
    border: solid 2px var(--black-light);
    font-size: 20px;
    padding: 13px 19px  !important;
    font-family: var(--BalboaPlus);
    background-size: 15px 15px;
    height: 50px;
    display: flex;
    align-items: center;
}
div#exampleModalCenteredScrollable .container .book-table-section div#seat_position{
   background: var(--white) url(../images/arrow_down_gray_icon.svg);
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

.section-top input#datepicker, 
.section-top input#time{
    background: var(--white) url(../images/arrow_down_gray_icon.svg);
    background-repeat: no-repeat;
    background-position: 91% 50%;
    background-size: 12% 100%;
}
.wrap-drop::after {
content:"";
height:0;
margin-top:-4px;
position:absolute;
right:1rem;
top:50%;
width:0;
}

.wrap-drop .drop {
    background: var(--white);
      box-shadow: 3px 3px 3px rgb(0 0 0 / 20%);
      display: none;
      left: 0;
      list-style: none;
      margin-top: 0;
      opacity: 0;
      padding-left: 0;
      pointer-events: initial !important;
      position: absolute;
      right: 0;
      top: 100%;
      z-index: 100;
      border: 2px solid var(--black-light);
      max-height: 164px;
        overflow-y: scroll;
      scrollbar-width: thin;
      scrollbar-color: red;
      scrollbar-width: thin;
      scrollbar-color: var(--black-light) gray;
}
/*scrollbar*/

.wrap-drop .drop::-webkit-scrollbar-corner,
.wrap-drop .drop::-webkit-scrollbar-track {
  background-color: gray;
}

.wrap-drop .drop::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.wrap-drop .drop::-webkit-scrollbar-track {
  background-clip: content-box;
  border: 8px solid rgba(128, 128, 128, 0.3);
  background-color: gray;
}

.wrap-drop .drop::-webkit-scrollbar-thumb {
  background-color: var(--black-light);
  border-radius: 12px;
}

.wrap-drop .drop::-webkit-scrollbar-thumb:hover {
  background-color: var(--black-light);
}

.wrap-drop .drop::-webkit-scrollbar-corner,
.wrap-drop .drop::-webkit-scrollbar-track {
  background-color: var(--black-light);
  border-radius: 12px;
}
/*scrollbar*/
/*
.wrap-drop .drop::-webkit-scrollbar {
  display: none; 
}*/
.wrap-drop .drop li{
  display: block;
  border-bottom: 2px solid var(--black-light);
}
.wrap-drop .drop li:last-child{
  border: none;
}
.wrap-drop .drop li {
    color:var(--black-light);
    display:block;
    text-decoration:none;
    letter-spacing: 0px;
    font-size: 16px;
    padding:15px 19px;

    line-height: 17px; 
}
.hero-slider-add .wrap-drop .drop li{
  padding: inherit;
}
body.inner-page.book-a-table .bookatable-commen.desktop,
body.inner-page.bookatable .bookatable-commen.desktop {
    display: none;
}
footer .wrap-drop .drop li{
  font-family: var(--BalboaPlus);
    padding:15px 19px;
}
.hero-slider-add .form-section .wrap-drop .drop li a {
    color:var(--black-light);
    display:block;
    padding:15px 19px;
    text-decoration:none;
    letter-spacing: 0px;
    font-family: var(--BalboaPlus);
    font-size: 20px;
    line-height: 24px; 
}

.hero-slider-add .form-section .wrap-drop span {
  color: var(--black-light);
  letter-spacing: 0.42px;
   font-family: var(--BalboaPlus);
   font-size: 20px;
    line-height: 24px;
}

.wrap-drop .drop li:hover a {
opacity: 0.8;
color: var(--black-light);
}

.wrap-drop.active::after {
border-width:0 10px 10px;
}

.wrap-drop.active .drop {
display:block;
opacity:1;
pointer-events:auto;
}
.section-top .form-section span.text-danger.d-block.text-center.error {
   position: absolute;
   top: 104%;
   left: 0;
   right: 0;
   background: var(--yellow-color);
   width: 230px;
   margin: 0 auto;
   border-radius: 2px;
   font-size: 14px;
   color: var(--white) !important;
}
.event-offers-section .box-section .box img {
    height: 254px;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    border-bottom: solid 2px var(--black-light);
}
.event-offers-section .location-arrow .wrap-drop {
    background-color: transparent;
    /*height: 31px;*/
    height: 25px;
    margin-bottom: 0;
    background-position:190px 7px;
    background-size: 17% 54%;
    padding: 5px 4px 0;
}
.event-offers-section .location-arrow .wrap-drop span {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.48px;
    
    width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
.wrapper.event-offer-wrap {
    /*padding:82px 0px 0px;*/
    padding:114px 0px 0px;
}

.event-offers-section .wrap-drop .drop li a {
    font-family: var(--BalboaPlus);
    color: var(--black-light);
}

/*popupfirst*/
.book-table-popup .modal-dialog.modal-fullscreen .modal-content .heading {
    padding: 0 0 32px;
    font-size: 37px;
    line-height: 37px;
    color: var(--black-light);
    text-decoration: underline;
}
.book-table-popup.first .modal-dialog.modal-fullscreen .modal-content .modal-body .row {
    max-width: 1080px;
    margin: 0 auto;
    flex-wrap: nowrap;

}
div#exampleModalCenteredScrollable .container .book-table-section .col-lg-3.locations{
    width: 376px;
    padding:0 8px 0 0;
}
.book-table-popup.first ul.drop {
  height: 150px;
    border: solid 2px var(--black-light) !important;
    top: 102% !important;
    border-top: solid 1px var(--black-light) !important;
    width: calc(100% + 4px);
    left: -2px !important;
}
.book-table-popup.first .wrap-drop .drop li a{
  font-size: 20px;
  color: var(--black-light);
}
.book-table-popup.first .wrap-drop .drop li{
  border-bottom-width: 2px;
}
/*end popupfirst*/


/*fill-your-details*/
.fill-your-details .modal-dialog.modal-fullscreen .modal-content .modal-header {
    padding: 29px 0 62px;
}
#your-details .modal-dialog.modal-fullscreen .modal-content .modal-body {
    max-width: 821px;
    margin: 0 auto;
        padding: 0 141px 40px 0px;
      overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #3c383475;
    scrollbar-width: thin;
    scrollbar-color: var(--black-light) gray;
}
#your-details .modal-dialog.modal-fullscreen .modal-content .modal-body::-webkit-scrollbar-corner,
#your-details .modal-dialog.modal-fullscreen .modal-content .modal-body::-webkit-scrollbar-track {
  background-color: transparent;
}

#your-details .modal-dialog.modal-fullscreen .modal-content .modal-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

#your-details .modal-dialog.modal-fullscreen .modal-content .modal-body::-webkit-scrollbar-track {
  background-clip: content-box;
  border: 8px solid rgba(128, 128, 128, 0.3);
  background-color: transparent;
}

#your-details .modal-dialog.modal-fullscreen .modal-content .modal-body::-webkit-scrollbar-thumb {
  background-color: var(--black-light);
  border-radius: 12px;
}
#your-details .modal-dialog.modal-fullscreen .modal-content .modal-body::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 12px;
    border: solid 2px var(--black-light);
}

#your-details .modal-dialog.modal-fullscreen .modal-content .modal-body::-webkit-scrollbar-corner,
#your-details .modal-dialog.modal-fullscreen .modal-content .modal-body::-webkit-scrollbar-track {
  background-color: var(--black-light);
  border-radius: 12px;
}
#your-details .modal-dialog.modal-fullscreen .modal-content .btn.full {
    background: var(--btn-color);
    width: 244px;
    margin: 0 auto;
}
#your-details .modal-dialog.modal-fullscreen a.back-btn {
    font-size: 14px;
    margin: 24px auto 0;
    color: var(--dark-charcoal-color);
    text-decoration: none;
    border-bottom: none;
        font-weight: 300;
}

#your-details .modal-dialog.modal-fullscreen a.back-btn:hover{
  text-decoration: underline;
  font-weight: 600;
}
#your-details .modal-dialog.modal-fullscreen .modal-content .common-pdding {
    padding: 0 30px;
}
#your-details .modal-dialog.modal-fullscreen .modal-content .details-section .col-12.common-pdding .mb-3 {
    margin-bottom: 30px !important;
}
.book-table-popup.first .container .book-table-section div.location-input span.error.error_custom.text-danger {
    position: absolute;
    bottom: -12px;
}
/*fill-your-details*/

/*bill-experiencesmodel*/

.bill-experiencesmodel .modal-dialog.modal-fullscreen .modal-content .btn.add-experiences {
    width: 147px;
    margin: 17px 0 0;
        background: var(--btn-color);
    color: var(--black-light);
    font-size: 20px;
    height: 51px;
}
.bill-experiencesmodel .modal-dialog.modal-fullscreen .modal-content .skip-experiences {
    width: 244px;
    margin: 40px auto 0px;
}
#bill-experiences .bill-exp-section .bottom-section a.back-experiences-button {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0;
    padding-bottom: 0;
    margin: 25px auto 0;
        border-bottom: none;
        font-weight: 300;
}
#bill-experiences .bill-exp-section .bottom-section a.back-experiences-button:hover{
  font-weight: 600;
  text-decoration: underline;
}
#bill-experiences .bill-exp-section .mid-section{
   overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #3c383475;
    scrollbar-width: thin;
    scrollbar-color: var(--black-light) gray;
}

#bill-experiences .bill-exp-section .mid-section::-webkit-scrollbar-corner,
#bill-experiences .bill-exp-section .mid-section::-webkit-scrollbar-track {
  background-color: transparent;
}

#bill-experiences .bill-exp-section .mid-section::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

#bill-experiences .bill-exp-section .mid-section::-webkit-scrollbar-track {
  background-clip: content-box;
  border: 8px solid rgba(128, 128, 128, 0.3);
  background-color: transparent;
}

#bill-experiences .bill-exp-section .mid-section::-webkit-scrollbar-thumb {
  background-color: var(--black-light);
  border-radius: 12px;
}
#bill-experiences .bill-exp-section .mid-section::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 12px;
    border: solid 2px var(--black-light);
}

#bill-experiences .bill-exp-section .mid-section::-webkit-scrollbar-corner,
#bill-experiences .bill-exp-section .mid-section::-webkit-scrollbar-track {
  background-color: var(--black-light);
  border-radius: 12px;
}
/*bill-experiencesmodel*/


/*choose-alternative-time*/


div#choose-alternative-time .modal-dialog.modal-fullscreen .modal-content .modal-body {
      overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #3c383475;
    scrollbar-width: thin;
    scrollbar-color: var(--black-light) gray;
    padding: 0;
}

div#choose-alternative-time .modal-dialog.modal-fullscreen .modal-content .modal-body::-webkit-scrollbar-corner,
div#choose-alternative-time .modal-dialog.modal-fullscreen .modal-content .modal-body::-webkit-scrollbar-track {
  background-color: transparent;
}

div#choose-alternative-time .modal-dialog.modal-fullscreen .modal-content .modal-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

div#choose-alternative-time .modal-dialog.modal-fullscreen .modal-content .modal-body::-webkit-scrollbar-track {
  background-clip: content-box;
  border: 8px solid rgba(128, 128, 128, 0.3);
  background-color: transparent;
}

div#choose-alternative-time .modal-dialog.modal-fullscreen .modal-content .modal-body::-webkit-scrollbar-thumb {
  background-color: var(--black-light);
  border-radius: 12px;
}
div#choose-alternative-time .modal-dialog.modal-fullscreen .modal-content .modal-body::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 12px;
    border: solid 2px var(--black-light);
}

div#choose-alternative-time .modal-dialog.modal-fullscreen .modal-content .modal-body::-webkit-scrollbar-corner,
div#choose-alternative-time .modal-dialog.modal-fullscreen .modal-content .modal-body::-webkit-scrollbar-track {
  background-color: var(--black-light);
  border-radius: 12px;
}
div#choose-alternative-time .modal-dialog.modal-fullscreen .modal-content .alternative-time a.btn.full {
    width: 100%;
}
div#choose-alternative-time .modal-dialog.modal-fullscreen .modal-content .alternative-time a.back-btn.white.timeBackClose{
  margin: 21px auto 0;
  border: none;
  font-weight: 300;
}
div#choose-alternative-time .modal-dialog.modal-fullscreen .modal-content .alternative-time a.back-btn.white.timeBackClose:hover{
  text-decoration: underline;
  font-weight: 600;
}
/*choose-alternative-time*/


/*booking-confirmed*/

#booking-confirmed .booking-bottom a.btn.LocDirection {
    margin: 0 auto;
    width: 244px;
    height: 51px;
}
/*#booking-confirmed .modal-dialog.modal-fullscreen .modal-content .modal-footer{
  display: none;
}*/
#booking-confirmed .booking-confirm-thanks-msg{
  display: none;

}
#booking-confirmed .modal-dialog.modal-fullscreen .modal-content .modal-body{
  align-items: center;
  justify-content: center;
  display: flex;
  padding: 0 0 58px;
}
/*booking-confirmed*/

.first.custom-booktable-bottom button#findATable {
    border-radius: 0px;
    margin: 0 auto 0;
        width: 147px;
}
.first.custom-booktable-bottom button#findATable: focus{
    transform: translateY(-5px);
    box-shadow: 2px 15px 0px -10px var(--black-light);
    border-color: var(--black-light);
    background: var(--btn-color);
}

.first.custom-booktable-bottom .locations {
    width: 376px;
    padding: 0 8px 0 0;
}
.first.custom-booktable-bottom .drop-down-input {
        width: 186px;
    padding: 0px 8px;
}
.custom-booktable-bottom .row.justify-content-center.align-items-center .col-12 .row .common-padding{
  width: 147px;
    padding: 0 0 0 8px;
}
.custom-booktable-bottom .location-arrow.loc-arrow{
  position: relative;
}
.custom-booktable-bottom .location-arrow a.arrow-img-sec {
    right: 44px;
    top: 12px;
}
.experiencesN .content-box .add-experiences {
    width: 147px;
    margin: 17px 0 0;
    background: var(--btn-color);
    color: var(--black-light);
    font-size: 20px;
    height: 51px;

}

.experiencesN .bottom-section .skip-experiences {
    width: 244px;
    margin: 40px auto 0px;
}

   #your-details.yourdetailsPage.custom {
      background: transparent;
    }
.wrapper.join-team-wrap .join-team-box .img-box .inner-box .book-table-christmas,
.wrapper.join-team-wrap .join-team-box .img-box .inner-box .christmas-page-btn {
    margin: 0 auto;
}
div#bill-experiences .modal-dialog.modal-fullscreen .modal-content .modal-footer {
    padding: 85px 0.75rem 0px;
}
div#bill-experiences .modal-dialog.modal-fullscreen .modal-content .modal-footer {
    display: none;
}
body.bookatable a.book-table-btn {
    display: none;
}
.book-table-popup.first .container .book-table-section div.location-input .autocomplete-items {
    max-height: 150px;
}
.booking-mid-sec .group-booking-page form.groupdining-form .form-row-grid .form-control {
    padding: 0 0 12px;
    height: 30px;
}
.booking-mid-sec .group-booking-page form.groupdining-form .form-row-grid .wrap-drop,
.booking-mid-sec .group-booking-page form.groupdining-form .form-row-grid .form-control {
    padding: 0 0 9px;
    height: 30px;
}
.location-manchester-wrap.previous-location-master .banner-bottom-section .gallery-slider .homesliderbox .slick-initialized .slick-slide {
    margin: 0 5px;
}
section.loc-pr-din-enq-section.previous-private-from#private-dining-form-section .container-fluid .right-part .form-row-grid .form-group .form-control, 
section.loc-pr-din-enq-section.previous-private-from#private-dining-form-section .container-fluid .right-part .form-row-grid .wrap-drop {
    padding: 0 0 9px;
    height: 40px;
}

.contact-section .check-box-row label a {
    border-bottom: solid 1px var(--black-light);
}
.locations-wrapper .nearest-bill-restorent .bottom-sec a.btn.location_more {
    margin: 0 auto;
}
#your-details .modal-body .details-section .option-na-box.common-pdding .wrap-drop.active .drop {
    display: block !important;
}
#your-details .modal-body .details-section .common-pdding .wrap-drop.active .drop {
    display: block !important;
}
.mfp-image-holder span.restnametitle {
    font-size: 24px;
    position: absolute;
    bottom: -35px;
    line-height: 26px;
    font-family: 'input-sans-compressed';
    color: var(--black-light);
}
div#booking-confirmed.fourth .modal-header {
    padding-bottom: 0;
    padding-top: 0;
}
#your-details .modal-dialog.modal-fullscreen .modal-content .details-section .col-12.common-pdding .mb-3 {
    margin-bottom: 30px !important;
}
#your-details .modal-dialog.modal-fullscreen .modal-content .details-section .col-12.common-pdding:nth-child(8) .mb-3 {
    margin-bottom: 10px !important;
}
.wrapper.join-team-wrap .join-team-box .img-box:after {
   content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border: solid 2px var(--black-light);
}
.join-team-box .container-fluid .row.justify-content-center.align-items-center:first-child .col-12:last-child .img-box:after {
    border-top: none;
}

section.landing-banner.desktop-banner a.btn {
    margin: 0 auto;
}

.wrapper.subscribe-section .container-fluid ul#nearest_bills_data li {
    border-width: 2px;
}
.loc-wrapper.location-manchester-wrap.previous-location-master section.common-slider.up.location-view-restaurant .drop-down-resturant-view {
    padding: 50px 0 0;
}

.banner-bottom-section .gallery-slider button.slick-next.slick-arrow {
         background: var(--btn-color);
    height: 48px;
    width: 48px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    color: var(--black-light);
    border-radius: 100%;
    border: solid 2px var(--black-light);
    transition: all ease-in 0.3s;
  }
  .banner-bottom-section .gallery-slider button.slick-next.slick-arrow{
    display: block !important;
  }
  .banner-bottom-section .gallery-slider button.slick-prev.slick-arrow{
    display: block !important;
  }
  
  .banner-bottom-section .gallery-slider button.slick-next.slick-arrow:after{
    display: none;
  }
  .banner-bottom-section .gallery-slider button.slick-prev.slick-arrow:after{
           display: none;
  }

   .banner-bottom-section .gallery-slider button.slick-next.slick-arrow:before {
    display: block !important;
     content: '' !important;
    border: solid 2px;
    border-width: 0px 3px 3px 0px;
    border-color: var(--black-light);
    position: absolute;
    padding: 2px;
    height: 10px;
    width: 10px;
    left: 16px;
    top: 52%;
    transform: translateY(-52%) rotate(-45deg);
  }
  .banner-bottom-section .gallery-slider button.slick-arrow {
    background: var(--btn-color);
    height: 48px;
    width: 48px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    color: var(--black-light);
    border-radius: 100%;
    border: solid 2px var(--black-light);
    transition: all ease-in 0.3s;
  }
  .banner-bottom-section .gallery-slider .slick-prev:before {
    display: block !important;
         content: '' !important;
    border: solid 2px;
    border-width: 0px 3px 3px 0px;
    border-color: var(--black-light);
    position: absolute;
    padding: 2px;
    height: 10px;
    width: 10px;
    left: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
  }
  .banner-bottom-section .gallery-slider button.slick-next:hover{
      box-shadow: 0px 5px 0px 0px var(--black-light);
      top: 49%;
  }
  .banner-bottom-section .gallery-slider .slick-prev:hover{
      box-shadow: 0px 5px 0px 0px var(--black-light);
      top: 49%;
  }
section#private-dining-form-section-semipdr .groupdining-form .title.sec {
    padding: 70px 0 0;
        margin: 0;
}

footer .col-6.col-sm-6.col-md-2.col-lg-2.mobile-view-footer .col-6 {
    display: none;
}
.event-offers-section .location-arrow.loc-arrow.nearest_location div.autocomplete-items div span.nearest_loc_name {
    position: initial;
    width: calc(100% - 70px);
}
.event-offers-section .location-arrow.loc-arrow.nearest_location div.autocomplete-items div .reslocval {
    position: initial;
    width: 70px;
}

.event-offers-section .location-arrow.loc-arrow.nearest_location div.autocomplete-items div {
    display: flex;
    width: 100%;
}
.fill-your-details.custom .wrap-drop.active ul.drop {
    display: block !important;
}
.header-design-popup.seating-options .common-btn.tableTypeContinue:disabled:hover {
    transform: initial;
    box-shadow: initial;
}
.scroll-to-top {
    background: #f5acb8;
    border: solid 2px #3c3834;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 30px;
    display: none;
    left: 20px;
    z-index: 100;
}

.fill-your-details.third .modal-dialog.modal-fullscreen .modal-content .wrap-drop#noble-gases6.activein .drop{
    display: block;
    opacity: 4;
    top: 98%;
}
.fill-your-details.third .near_bills_section {
    display: flex;
    position: relative;
}
.fill-your-details.third .modal-dialog.modal-fullscreen .modal-content div.wrap-drop#noble-gases6 span{
      position: relative;
    width: 75px;
}
.fill-your-details.third .modal-dialog.modal-fullscreen .modal-content div.wrap-drop#noble-gases6 span:after {
content: '';
    position: absolute;
    background: url(../images/arrow_down_gray_icon-light.svg);
    height: 30px;
    width: 30px;
    right: 0;
    top: -4px;
}
.fill-your-details.third .modal-dialog.modal-fullscreen .modal-content div.wrap-drop#noble-gases6 {
    position: initial;
    background-image: inherit;
    width: 75px;
}
.fill-your-details.third .near_bills_section input#contact {
    width: calc(100% - 75px);
}
/*book a table btn-*/
/*.bookatable-commen {
       animation: myanimation 2s ease-in infinite;
    transform: rotate(0deg);
    position: fixed;
    top: 216px;
    right: 0;
    border: 2px solid #3C3834;
    width: 50px;
    height: 244px;
    color: var(--black-light);
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    outline: none;
    text-decoration: none;
    font-family: var(--BalboaPlus);
    box-shadow: none;
      z-index: 1000;
      margin: 0 0 0 -24px;
    }*/
   /* .bookatable-commen a {
      color: var(--black-light);
      font-weight: normal;
      text-align: center;
      vertical-align: middle;
      display: flex;
      align-items: center;
      outline: none;
      text-decoration: none;
      font-family: var(--BalboaPlus);
      box-shadow: none;
      background: transparent;
      transform: rotate(90deg);
      white-space: nowrap;
      margin: auto auto auto -100px;
      font-size: 20px;
      min-width: 244px;
      justify-content: center;
  }
    @keyframes myanimation {
      0% {background-color: var(--btn-color);transform: scale(1, 1);}
      25%{background-color:var(--bg-color);transform: scale(1.03, 1.03);}
      /*50%{background-color:var(--black-light);}
      75%{background-color:var(--bg-body); transform: scale(1.06, 1.06);}
      100% {background-color: var(--yellow);transform: scale(1, 1);}
    }*/
.bookatable-commen.desktop {
    position: fixed;
    top: 216px;
    right: 0;
    width: 51px;
    z-index: 100;
}
.book-table-btn{
  opacity:0;
  display: none;
}
.bookatable-commen.desktop:after {
    content: '';
    background: url(../images/book-a-table-effect.gif);
    height: 360px;
    width: 360px;
    position: absolute;
    right: -170px;
    z-index: 1000;
    background-size: contain;
    top: -50px;
    pointer-events: none;
    background-repeat: no-repeat;
    display: none;
}
.home .bookatable-commen.desktop:after{
    display: block;
}
.banner-bottom-section.new-designpdrcustom.custom-pdr-section .col-12:nth-child(4) .bottom-sec, 
.banner-bottom-section.new-designpdrcustom.custom-pdr-section .col-12:nth-child(5) .bottom-sec, 
.banner-bottom-section.new-designpdrcustom.custom-pdr-section .col-12:nth-child(6) .bottom-sec {
    padding-top: 0;
}
.banner-bottom-section.new-designpdrcustom.custom-pdr-section .bottom-sec p{
  margin: 0;
}
.banner-bottom-section.new-designpdrcustom.custom-pdr-section .col-12:nth-child(4) .bottom-sec .top-content-facilities, 
.banner-bottom-section.new-designpdrcustom.custom-pdr-section .col-12:nth-child(5) .bottom-sec .top-content-facilities, 
.banner-bottom-section.new-designpdrcustom.custom-pdr-section .col-12:nth-child(6) .bottom-sec .top-content-facilities{
    padding-bottom: 0;
}
.banner-bottom-section.new-designpdrcustom.custom-pdr-section .bottom-sec .timing-sec{
  padding: 0px;
 
}
.banner-bottom-section.new-designpdrcustom.custom-pdr-section .bottom-sec .timing-sec.facilities{
  padding: 0px;
  display: flex;
      flex-wrap: wrap;
}
.banner-bottom-section.new-designpdrcustom.custom-pdr-section .bottom-sec .timing-sec.facilities li{
 width: 45%;
 margin: 0px 9px 0px 0px;
}
.banner-bottom-section.new-designpdrcustom.custom-pdr-section .bottom-sec .timing-sec li{
  list-style: none;
  font-size: 16px;
  color: #2F2F2F;
  line-height: 22px;
  padding-bottom: 13px;
}
@media (max-width: 1500px) {
  .bookatable-commen.desktop {
    width: 52px;
  }
  .bookatable-commen.desktop:after {
    height: 300px;
    width: 300px;
    right: -140px;
    top: -44px;
 }
/*.bookatable-commen{
  height: 214px;
}*/
}
@media (max-width:1199px) {
  .bookatable-commen.desktop {
    width: 47px;
}
.bookatable-commen.desktop:after {
    height: 300px;
    width: 300px;
    right: -144px;
    top: -44px;
}
 /* .bookatable-commen{
    height: 204px;
  }*/
  /*.bookatable-commen a {
      margin: auto auto auto -80px;
      min-width: 204px;
  }*/
}

@media (max-width: 767px) {

  .bookatable-commen.desktop{
    display: none;
  }

}

/*book a table btn-*/

 @media (max-width: 1700px) {
  #your-details .modal-dialog.modal-fullscreen .modal-content .common-pdding:nth-child(6) .mb-3 {
    margin-bottom: 30px !important;
}
  .booking-mid-sec .group-booking-page form.groupdining-form .form-row-grid .wrap-drop, .booking-mid-sec .group-booking-page form.groupdining-form .form-row-grid .form-control {
    padding: 0 0 9px;
    height: auto;
}
  .wrapper.event-offer-wrap {
    padding: 97px 0px 0px;
  }
}
@media (max-width: 1500px) {
  .wrapper.event-offer-wrap {
    padding: 87px 0px 0px;
  }
}

.what-at-bill .container {
    max-width: 100%;
    padding: 0px;
}
.what-at-bill .container .row{
  margin: 0px;
}
.what-at-bill .container .row .col-12{
  padding: 0px;
}
.what-at-bill .container .col-12.col-sm-4.col-md-6.col-lg-7 {
    width: 648px;
    padding: 0;
}
.what-at-bill .container .col-12.col-sm-4.col-md-6.col-lg-5 {
    width: 560px;
    padding: 0;
}
section.group-booking-section .img-box img.mobile{
  display: none;
}
header nav.navbar.navbar-light.bg-light.fixed-top a.custom-logo-link {
    padding: 0;
}
.wrapper.contact-wrap .contact-section .inner-section .forminator-row {
    margin-bottom: 40px !important;
}
.wrapper.contact-wrap .contact-section .inner-section .forminator-row:nth-child(2) {
    margin-bottom: 0 !important;
}
.wrapper.contact-wrap .contact-section .inner-section .forminator-row span.selection span.select2-selection.select2-selection--single span.select2-selection__placeholder {
    color: var(--black-light);
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.14px;
    
}
.wrapper.contact-wrap .contact-section .inner-section .forminator-row span.selection span.select2-selection.select2-selection--single span.select2-selection__rendered {
   padding-left: 5px;
       color: var(--black-light) !important;
       font-size: 14px !important;
       line-height: 22px !important;
       letter-spacing: 0.14px !important;
       font-weight: var(--font-weight-normal) !important;

}
.wrapper.contact-wrap .contact-section .inner-section .forminator-row span.selection span.select2-selection.select2-selection--single:before{
  display: none !important;
}
.forminator-ui#forminator-module-367.forminator-design--material .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    border-bottom: 1px solid var(--black-light) !important;
}
.forminator-ui#forminator-module-367.forminator-design--material .forminator-select2 + .forminator-select.select2-container--open .selection .select2-selection--single[role="combobox"]{
  border-color:var(--black-light) !important;
}
.wrapper.contact-wrap .contact-section .inner-section .forminator-row span.selection span.select2-selection__arrow span.forminator-icon-chevron-down:before {
     background: url(../images/arrow_down_gray_icon-light.svg) !important;
     background-repeat: no-repeat !important;
     background-size: cover !important;
     background-position: 100% !important;
     content: '' !important;
     width: 31px;
     height: 31px;
 }
 .wrapper.contact-wrap .contact-section .inner-section .forminator-row div.forminator-col textarea {
     border: 1px solid var(--black-light);
     background: transparent;
     border-radius: 0px;
     min-height: 206px !important;
     outline: none;
     box-shadow: none;
     font-size: 14px !important;
     line-height: 22px;
     letter-spacing: 0.14px;
     font-weight: var(--font-weight-normal) !important;
     color: var(--black-light) !important;
     margin-bottom:0px;
     padding: 0.375rem 0.75rem !important;
     resize: none;
 }
 .wrapper.contact-wrap .contact-section .inner-section .forminator-row div.forminator-col label.forminator-label.forminator-floating--textarea {
     position: initial;
     left: 0;
     font-size: 14px !important;
     line-height: 22px !important;
     letter-spacing: 0.14px !important;
     font-weight: var(--font-weight-normal) !important;
     color: var(--black-light) !important;
     margin-bottom: 9px !important;
     padding: 0px 0px 0px 5px !important;
 }
 .wrapper.contact-wrap .contact-section .inner-section .forminator-row span.forminator-required {
     display: none;
 }
 .wrapper.contact-wrap .contact-section .inner-section .forminator-row div.forminator-col span.forminator-description {
     display: none;
 }
 .wrapper.contact-wrap .contact-section .inner-section .forminator-row div.forminator-col .forminator-textarea--wrap:after{
  display: none;
 }
 .wrapper.contact-wrap .contact-section .inner-section .forminator-row div#textarea-1{
  margin-bottom: 41px;
 }
 .wrapper.contact-wrap .contact-section .inner-section .forminator-row div.forminator-col .forminator-has_error .forminator-textarea--wrap:after{
  display: block;
  border-width: 1px !important;
 }
 .wrapper.contact-wrap .contact-section .inner-section .forminator-row:nth-child(5) {
     margin-bottom: 0px !important;
 }
 .wrapper.contact-wrap .contact-section .inner-section .forminator-row .forminator-input--wrap input.forminator-input {
     font-size: 14px !important;
     line-height: 22px !important;
     letter-spacing: 0.14px !important;
     font-weight: var(--font-weight-normal) !important;
     color: var(--black-light) !important;
     border-bottom: 1px solid var( --black) !important;
     padding-left: 5px;
     /*cursor: pointer;*/

 }
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row .forminator-field.forminator-has_error .forminator-input--wrap input.forminator-input{
   border-color:var(--error-color)!important;
  }
 .wrapper.contact-wrap .contact-section .inner-section .forminator-row .forminator-input--wrap:after{
   display: none;
 }

  .wrapper.contact-wrap .contact-section .inner-section .forminator-row .forminator-input--wrap input.forminator-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--black-light) !important;
    opacity: 1; /* Firefox */
  }

  .wrapper.contact-wrap .contact-section .inner-section .forminator-row .forminator-input--wrap input.forminator-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--black-light) !important;
  }

  .wrapper.contact-wrap .contact-section .inner-section .forminator-row .forminator-input--wrap input.forminator-input::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--black-light) !important;
  }
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row:nth-child(9), .wrapper.contact-wrap .contact-section .inner-section .forminator-row:nth-child(8) {
      margin-bottom: 0px !important;
  }
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row:nth-child(9) div.forminator-col, 
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row:nth-child(8) div.forminator-col {
      margin-bottom: 13px;
  }
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row label.forminator-checkbox span.forminator-checkbox-label {
      font-style: normal !important;
      font-size: 14px !important;
      line-height: 22px !important;
      letter-spacing: 0.14px !important;
      color: var(--black-light) !important;
      margin-left: 15px !important;
  }
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row label.forminator-checkbox span.forminator-checkbox-label a{
   color: var(--black-light) !important;
  }
 .wrapper.contact-wrap .contact-section .inner-section .forminator-row label.forminator-checkbox span.forminator-checkbox-box {
     height: 20px;
     width: 21px;
     border: 1px solid var(--black-light) !important;
     border-radius: 0px !important;
 }
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row label.forminator-checkbox span.forminator-checkbox-box:before {
      content: '';
      position: absolute;
      width: 16px !important;
      height: 16px !important;
      background: var(--black-light) !important;
      transform: translate(-49%,-50%) !important;
  }
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row label.forminator-checkbox span.forminator-checkbox-box:after{
   background-color: var(--black-light) !important;
  }
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row label.forminator-checkbox {
      align-items: flex-start;
  }
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row:nth-child(11) {
      margin-bottom: 0px !important;
  }
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row .forminator-field button.forminator-button.forminator-button-submit.btn {
      font-size: 15px !important;
      line-height: 19px !important;
      background: transparent !important;
      color: var(--black-light) !important;
      font-weight: var(--font-weight-normal) !important;
      border-radius: 0px !important;
  }
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row .forminator-field button.forminator-button.forminator-button-submit.btn:hover, .wrapper.contact-wrap .contact-section .inner-section .forminator-row .forminator-field button.forminator-button.forminator-button-submit.btn:focus {
      /*color: var(--white) !important;*/
      border-color: var(--bg-color);
  }
  span.select2-container.forminator-select.forminator-select-dropdown-container--open.select2-container--open span.forminator-select-dropdown{
    background: var(--white);
    box-shadow: 3px 3px 3px rgb(0 0 0 / 20%);
    border: 0.2px solid var(--black-light);
    max-height: 163px;
        -ms-overflow-style: none;
        scrollbar-width: none;
         overflow-y: scroll;
         padding: 0 !important;
         margin-top: -1px;
  }
  span.select2-container.forminator-select.forminator-select-dropdown-container--open.select2-container--open span.forminator-select-dropdown::-webkit-scrollbar{
    display: none;
  }
  span.select2-container.forminator-select.forminator-select-dropdown-container--open.select2-container--open span.forminator-select-dropdown ul.select2-results__options li {
      background: transparent !important;
      border-bottom: 0.2px solid var(--black-light);
      color:var(--black-light) !important;
      display: block;
      padding: 15px 19px !important;
      text-decoration: none !important;
      letter-spacing: 0px !important;
      font-size: 16px !important;
      line-height: 23px !important;
      font-weight: var(--font-weight-normal) !important;
      margin: 0 !important;
  }
  span.select2-container.forminator-select.forminator-select-dropdown-container--open.select2-container--open span.forminator-select-dropdown ul.select2-results__options li:last-child{
    border:none;
  }
  .wrap-drop.border-danger:after {
      content: '';
      position: absolute;
      top: 4px;
      left: 0;
      width: 100%;
      height: 100%;
      border: 1px solid var(--error-color);
  }
  .wrap-drop.border-danger {
      border-width: 1px !important;
      border: none !important;
      position: relative;
  }
  .wrapper.terms-con-wrap .container {
      max-width: 926px;
      margin: 0 auto;
  }
  .event-offers-section .location-arrow .wrap-drop span {
      position: absolute;
      top: 0px;
      left: 0;
  }
  form#form-findATable .mb-3{
    position: relative;
  }
  form#form-findATable .mb-3 span.error.text-danger {
      position: absolute;
      font-size: 14px;
  }
  
.book-table-popup .modal-dialog.modal-fullscreen a.arrow-img-sec.find-mobile {
    position: inherit !important;
    width: 100% !important;
    right: inherit !important;
    left: inherit;
    background: #FC602A;
    color: var(--white);
    text-decoration: none;
    font-size: 13px;
    padding: 9px 0;
    letter-spacing: 0.39px;
    line-height: 19px;
    margin-bottom: 49px;
    display: none !important;
}
.book-table-popup .modal-dialog.modal-fullscreen a.arrow-img-sec.find-mobile img {
    filter: invert(100);
    height: 15px;
    padding-right: 10px;
}

  #your-details .modal-dialog.modal-fullscreen .modal-content input:-internal-autofill-selected {
      -webkit-background-clip: text;
      -moz-background-clip: text;
      -ox-background-clip: text;
      -webkit-text-fill-color: var(--dark-charcoal-color);
      -moz-text-fill-color: var(--dark-charcoal-color);
      font-family: var(--font-family-gilroy);
      font-style: var(--font-style-normal);
      line-height: 19px;
  }
  .find_your_details_popup .details-section .mb-3{
    position: relative;
  }
  .find_your_details_popup .details-section .mb-3 span.error.text-danger {
      position: initial;
      font-size: 14px;
      display: block;
  }
  .section-top .title.mobile-view {
      display: none;
  }
  .discover-our-menus .dis-box .inner .info a.view-menus {
      display: none;
  }
  .what-at-bill .card .img-box img {
      height: 596px;
      object-fit: cover;
      object-position: 50% 50%;
  }
  .promo-popup .modal-body .card img {
      height: 384px;
      width: 100%;
      object-fit: cover;
      object-position: 50% 50%;
  }
  

   .group-booking-page textarea#forminator-field-textarea-1 {
    resize: none;
}
.location-arrow a.arrow-img-sec {
    position: absolute;
    right: 39px;
    top: 9px;
    width: 17px;
    z-index:4;
}
.location-arrow.loc-arrow:before{
  display: none;
}
section.event-offers-section .location-arrow a.arrow-img-sec {
    top: 10px;
    width: 15px;
    right: 45px;
}
section.booking-mid-sec .right-part .forminator-row:nth-child(2), 
section.booking-mid-sec .right-part .forminator-row:nth-child(5) {
    margin-bottom: 0px !important;
}
section.booking-mid-sec .right-part .forminator-row {
    margin-bottom: 40px !important;
}
section.booking-mid-sec .right-part .forminator-row input.forminator-input {
    border-bottom: 1px solid var(--black-light) !important;
    font-size: 15px !important;
        letter-spacing: 0.15px !important;
        color: var(--input-color) !important;
        font-weight: var(--font-weight-normal)  !important;
}
section.booking-mid-sec .right-part .forminator-row span.select2-selection.select2-selection--single{
  border-bottom: 1px solid var(--black-light) !important;
  font-size: 15px !important;
      letter-spacing: 0.45px !important;
      color: var(--black-light) !important;
      font-weight: var(--font-weight-normal)  !important;
}
section.booking-mid-sec .right-part .forminator-row input.forminator-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--input-color) !important;
  opacity: 1; /* Firefox */
}

section.booking-mid-sec .right-part .forminator-row input.forminator-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--input-color) !important;
}

section.booking-mid-sec .right-part .forminator-row input.forminator-input::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--input-color) !important;
}

section.booking-mid-sec .right-part .forminator-row input.forminator-input:-internal-autofill-selected {
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ox-background-clip: text;
    -webkit-text-fill-color: var(--black-light);
    -moz-text-fill-color: var(--black-light);
    font-family: var(--font-family-gilroy);
    font-style: var(--font-style-normal);
    line-height: 19px;
}
section.booking-mid-sec .right-part .forminator-row span.forminator-error-message {
    margin: 0;
}
section.booking-mid-sec .right-part .forminator-row span.forminator-icon-chevron-down:before {
    background: url(../images/arrow_down_gray_icon-light.svg);
    background-repeat: no-repeat;
    content: '' !important;
  width: 28px;
      height: 32px;
    background-size: cover;
}
section.booking-mid-sec .right-part .forminator-row .forminator-input-with-icon {
    position: relative;
}
section.booking-mid-sec .right-part .forminator-row .forminator-input-with-icon label {
    position: absolute;
    right:-6px;
}
section.booking-mid-sec .right-part .forminator-row .forminator-input-with-icon label span.forminator-icon-calendar:before{
  content: '';
  background: var(--white) url(../images/icon-feather-calendar-gray.svg);
      background-repeat: no-repeat;
      width: 17px;
          height: 19px;
          background-size: cover;
          display: block;
}
section.booking-mid-sec .right-part .forminator-row div#time-1 label#forminator-field-time-1 {
    display: none;
}
section.booking-mid-sec .right-part .forminator-row div#time-1 .forminator-timepicker .forminator-row {
    margin-bottom: 0px !important;
}
section.booking-mid-sec .right-part .forminator-row div#time-1 .forminator-timepicker .forminator-row {
    position: relative;
}
section.booking-mid-sec .right-part .forminator-row div#time-1 .forminator-timepicker .forminator-row label.forminator-label {
    position: absolute;
    top: -7px;
    color: var(--black-light);
    font-weight: normal;
    font-size: 13px;
}
section.booking-mid-sec .right-part .forminator-row span.forminator-description {
    display: none;
}
section.booking-mid-sec .right-part .forminator-row:nth-child(10), section.booking-mid-sec .right-part .forminator-row:nth-child(11) {
    margin-bottom: 13px !important;
}
section.booking-mid-sec .right-part .forminator-row span.forminator-checkbox-box, 
section.loc-pr-din-enq-section .right-part .forminator-row span.forminator-checkbox-box {
    border-radius: 0px !important;
    outline: none;
    box-shadow: none;
    width: 21px;
    height: 21px;
   border: 1px solid var(--black-light) !important;
}
section.booking-mid-sec .right-part .forminator-row span.forminator-checkbox-label, 
section.loc-pr-din-enq-section .right-part .forminator-row span.forminator-checkbox-label {
    letter-spacing: 0.39px;
    font-size: 14px !important;
    line-height: 28px !important;
    color: var(--black-light) !important;
    padding-left: 15px;
    vertical-align: middle;
    margin: 0 !important;
}
section.booking-mid-sec .right-part .forminator-row span.forminator-checkbox-box:before, 
section.loc-pr-din-enq-section .right-part .forminator-row span.forminator-checkbox-box:before{
  content: '' !important;
      position: absolute;
      width: 16px !important;
      height: 16px !important;
          background: var(--dark-charcoal-color) !important;
      transform: translate(-49%,-50%) !important;
}
section.booking-mid-sec .right-part .forminator-row span.forminator-checkbox-box:after, 
section.loc-pr-din-enq-section .right-part .forminator-row span.forminator-checkbox-box:after{
 background-color: var(--black-light) !important;
}
section.booking-mid-sec .right-part .forminator-row button.forminator-button.forminator-button-submit.btn {
    width: 161px;
    height: 48px;
    margin-top: 7px;
    letter-spacing: 0px;
    font-size: 15px;
    line-height: 19px;
    background: transparent !important;
    border: 1px solid var(--black-light);
    opacity: 1;
    
    border-radius: 0px;
    color: var(--black-leather-jacket-color) !important;
    font-weight: var(--font-weight-normal) !important;
    
}
section.booking-mid-sec .right-part .forminator-row button.forminator-button.forminator-button-submit.btn:hover, 
section.booking-mid-sec .right-part .forminator-row button.forminator-button.forminator-button-submit.btn:focus {
    box-shadow: none;
    color: var(--black-light) !important;
    opacity: 0.8;
}
section.booking-mid-sec .right-part .forminator-row textarea#forminator-field-textarea-1 {
    border: 1px solid var(--black-light);
    min-height: 151px !important;
    padding: 15px !important;
    resize: vertical;
    border-radius: 0px;
    resize: none;
}
section.booking-mid-sec .right-part .forminator-row div#textarea-1 .forminator-field:after{
  border: 1px solid var(--black-light);
}
section.booking-mid-sec .right-part .forminator-row div#textarea-1 .forminator-field.forminator-is_hover .forminator-textarea--wrap:after, 
section.booking-mid-sec .right-part .forminator-row div#textarea-1 .forminator-field.forminator-is_active .forminator-textarea--wrap:after{
  border: 1px solid var(--black-light);
}
section.booking-mid-sec .right-part .forminator-row div#textarea-1 .forminator-field.forminator-has_error .forminator-textarea--wrap:after{
  border-width: 1px;
}
section.booking-mid-sec .right-part .forminator-row .forminator-input--wrap:after, 
section.booking-mid-sec .right-part .forminator-row span.select2-selection.select2-selection--single:before{
  display: none !important;
}
section.booking-mid-sec .right-part .forminator-row .forminator-field.forminator-has_error .forminator-input--wrap input{
  border-color: var(--error-color) !important;
}
div#ui-datepicker-div {
    background: var(--white) !important;
    color: var(--black-light) !important;
    border: 1px solid var(--black-light) !important;
}
div#ui-datepicker-div .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    background: var(--white) !important;
    color: var(--black-light) !important;
}
div#ui-datepicker-div table.ui-datepicker-calendar {
    background: var(--white) !important;
    color: var(--black-light) !important;
    margin: 0;
}
div#ui-datepicker-div table.ui-datepicker-calendar td.enabledDate a.ui-state-default {
    background: none;
    border: none;
        color: var(--black-light);
}
div#ui-datepicker-div table.ui-datepicker-calendar td.enabledDate a.ui-state-default:hover{
  background: #eeeeee;
     color: var(--black-light);
}
div#ui-datepicker-div table.ui-datepicker-calendar span {
    color: var(--black-light);
    font-weight: normal !important;
    font-size: 14px;
    letter-spacing: 0.42px;
    padding: 9px 10px !important;
}
div#ui-datepicker-div table.ui-datepicker-calendar td.enabledDate a.ui-state-default.ui-state-highlight {
    background: var(--black-light);
    color: var(--white);
}
.forminator-custom-form.forminator-design--material label.forminator-label.forminator-floating--textarea {
    position: initial;
    padding: 0px 0px 9px !important;
    color: var(--black-light) !important;
    letter-spacing: 0.45px;
    font-size: 15px !important;
    line-height: 18px;
    font-weight: var(--font-weight-300) !important;
}
section.booking-mid-sec .right-part .forminator-row span.select2-selection__placeholder, 
section.booking-mid-sec .right-part .forminator-row span.select2-selection__rendered {
  color:var(--input-color) !important;
  letter-spacing: 0.45px !important;
  font-size: 15px !important;
  line-height: 18px !important;
  font-weight: var(--font-weight-300) !important;
}
.mobile-banner{
  display: none;
}
.locations-wrapper .inner .inner-box .location_errorMsg {
    color: var(--error-color);
    text-align: left;
    font-size: 14px;
    line-height: 21px;
}
.locations-wrapper .nearest-bill-restorent .box{
      overflow-y: scroll;
      scrollbar-width: thin;
      scrollbar-color: #666666c2;
      scrollbar-width: thin;
      scrollbar-color: var(--black-light) gray;
}

/*.locations-wrapper .nearest-bill-restorent .box::-webkit-scrollbar {
    display: none; 
    
}*/
form label.forminator-label--validation {
    font-size: 12px;
    font-family: inherit;
    font-weight: 500;
    color: var(--error-color) !important;
    line-height: normal;
    margin: 0;
    padding: 0;
}

.wrapper.contact-wrap .contact-section .inner-section .forminator-row .forminator-input--wrap input.forminator-input:-internal-autofill-selected {
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ox-background-clip: text;
}

.video-section video {
    width: 100%;
    margin: 0;
    padding: 0;
    /*height: 100%;*/
    height: 749px;
    object-fit: cover;
   
}




/*alternative slider css start*/
.alternative-time-chart .alternative-time-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(auto, auto);
    margin-bottom:0px;
    -webkit-column-gap: 21px;
    column-gap: 21px;
    row-gap: 16px;
    /*border-bottom: 2px solid var(--black-light);*/
    padding-bottom: 15px;
}
.alternative-time-chart .alternative-time-grid {
    row-gap: 16px;
}
.alternative-time-chart .alternative-time-grid .time-box {
  display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      cursor: pointer;
      width: 104px;
      height: 56px;
      color: var(--black-light);
      border: 2px solid var(--black-light);
      letter-spacing: 1.52px;
      font-size: 22px;
      line-height: 22px;
      font-family: var(--BalboaPlus);
      background: var(--white);
}
/*.alternative-time .slick-track {
    width: 1446px !important;
}
.alternative-time .alternative-time-grid.slick-slide {
    width: 466px !important;
}*/
.alternative-time-chart .more-times .slick-arrow.slick-prev {
    width: 23px;
    height: 23px;
    position: static;
    background: url(../images/more-left-arrow-icon.svg);
    background-size: cover;
}
.alternative-time-chart .more-times .slick-arrow.slick-next {
    width: 23px;
    height: 23px;
    position: static;
    background: url(../images/more-right-arrow-icon.svg);
    background-size: cover;
    right: -25px;
}
.alternative-time-chart .more-times .slick-arrow.slick-prev:before, 
.alternative-time-chart .more-times .slick-arrow.slick-next:before{
  display: none;
}
.alternative-time-chart .more-times {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 58px;
    margin-top: 27px;
}
.alternative-time-chart .more-times span.text {
    letter-spacing: 0px;
    font-size: 16px;
    color: var(--dark-charcoal-color);
    line-height: 23px;
    padding: 3px 0px 0px;
}
.alternative-time-chart .alternative-time-grid .time-box.selected, .alternative-time-chart .alternative-time-grid .time-box:hover {
 background-color: var(--black-light);
 color: var(--btn-color);
 border-color: var(--black-light);
}
.alternative-time-chart .alternative-time-grid .time-box.not-available {
    border-color: var(--black-leather-jacket-color);
    background: transparent;
    position: relative;
    overflow: hidden;
    color: var(--dark-charcoal-color);
}
.alternative-time-chart .alternative-time-grid .time-box.not-available:before {
    content: "";
    height: 1px;
    width: 150%;
    background-color: var(--black-leather-jacket-color);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(28deg);
    transform: translateX(-50%) rotate(28deg);
}
.alternative-time .slick-slider {
    margin-top: 0;
}
/*alternative slider css End*/
.alternative-time div#content {
    display: none;
}
.forminator-custom-form.forminator-design--material label.forminator-label.forminator-floating--textarea span.forminator-required {
    display: none;
}

.banner-bottom-section .col-12:nth-child(3) .bottom-sec .slick-slide img {
    height: 179px;
    object-fit: cover;
}
.map-sec.location_mapNew .map-content-box {
    bottom: 33px;
}
section.booking-mid-sec .right-part .forminator-row .groupDatepicker .forminator-input--wrap .forminator-name--field {
    background: var(--white) url(../images/icon-feather-calendar.svg);
    background-repeat: no-repeat;
        background-position: 100%;
    background-position-x: 98%;
}
.choose-bill-restaurent .modal-dialog .modal-content .modal-body .event-offer-popup-section{
  text-align: center;
}
.choose-bill-restaurent .modal-dialog .modal-content .modal-body .event-offer-popup-section a.common-btn {
    margin: 0 auto;
    width: 238px;
    padding: 0 0 0 18px;
}
.choose-bill-restaurent .modal-dialog .modal-content .modal-body .event-offer-popup-section a.common-btn:after {
    content: '';
    position: absolute;
    left: 21px;
    top: 14px;
    background: url(../images/location-arrow-icon-nearest-bills.png);
    width: 17px;
    height: 17px;
    background-size: cover;
    background-repeat: no-repeat;
}
.choose-bill-restaurent .modal-dialog .modal-content .modal-body .event-offer-popup-section a.btn:hover::before, .choose-bill-restaurent .modal-dialog .modal-content .modal-body .event-offer-popup-section a.btn:focus::before, .choose-bill-restaurent .modal-dialog .modal-content .modal-body .event-offer-popup-section a.btn:active:focus::before{
  background: var(--accordion-bg-color);
  color: var(--black-light);
}
.choose-bill-restaurent .modal-dialog .modal-content .modal-body .event-offer-popup-section a.btn:hover, .choose-bill-restaurent .modal-dialog .modal-content .modal-body .event-offer-popup-section a.btn:focus, .choose-bill-restaurent .modal-dialog .modal-content .modal-body .event-offer-popup-section a.btn:active:focus{
 color: var(--black-light); 
}
/*.choose-bill-restaurent .modal-dialog .modal-content .modal-body .event-offer-popup-section a.btn-hover:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: var(--black-light);
    bottom: -6px;
    left: 0;
    right: 0;
}*/
.choose-bill-restaurent .modal-dialog .modal-content .modal-body .event-offer-popup-section a.btn-hover {
    color: var(--dark-charcoal-color);
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.16px;
    text-decoration: none;
    margin: 22px 0px 38px;
    display: inline-block;
    position: relative;
    transition: all ease-in 0.5s;
}
.choose-bill-restaurent .modal-dialog .modal-content .modal-body .event-offer-popup-section a.btn-hover:hover{
  font-weight: 700;
  text-decoration: underline;
}

.locations-wrapper .inner .inner-box .searchbox div#search-result {
    position: absolute;
    top: 97%;
    width: 81%;
    z-index: 2;
}
.locations-wrapper .inner .inner-box .searchbox div#search-result ul#my-custom-select {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    background: var(--white);
    box-shadow: 3px 3px 3px rgb(0 0 0 / 20%);
    z-index: 2;
    border: 1px solid var(--black-light);
    max-height: 164px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
}
.locations-wrapper .inner .inner-box .searchbox div#search-result ul#my-custom-select li {
    display: block;
    border-bottom: 1px solid var(--black-light);
    color: var(--black-light);
    display: block;
    padding: 15px 19px;
    text-decoration: none;
    letter-spacing: 0px;
    font-size: 16px;
    line-height: 23px;
    
    cursor: pointer;
}
.locations-wrapper .inner .inner-box .searchbox div#search-result ul#my-custom-select li:hover{
  opacity: 0.8;
}
.locations-wrapper .inner .inner-box .searchbox div#search-result ul#my-custom-select::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}
div#choose-bill-restaurent:before {
    content: '';
    background: var(--black-light);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.75;
}
.wrapper.home-wrap {
    padding: 0px;
}

section.what-at-bill .view-all-section {
    background: var(--canvas-beige);
    padding: 58px 0px ;
}
section.what-at-bill .view-all-section a.btn.large {
    border: 1px solid var(--black-light);
    width: 123px;
    height: 37px;
    font-size: 14px;
    line-height: 17px;
    
    color: var(--black-leather-jacket-color);
    
}
section.what-at-bill .view-all-section a.btn.large:hover {
    background: var(--bg-color);
    border-color: var(--bg-color);
}
section.discover-our-menus .container-fluid {
    padding: 0;
}
section.discover-our-menus .container-fluid .row {
    margin: 0;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
}
section.discover-our-menus .container-fluid .col-12{
  padding: 0px;
}
section.discover-our-menus .inner {
    padding-left: 124px;
    padding-right: 137px;
}
section.discover-our-menus.private-dining-section .inner {
    padding-left: 138px;
}
section.discover-our-menus .inner h2 {
    font-size: 32px;
    line-height: 38px;
    letter-spacing: 0.96px;
    color: var(--black-light);
    
    margin:0px;
}
section.discover-our-menus .inner .dec {
    font-size: 14px;
    line-height: 28px;
    color: var(--dark-charcoal-color);
    letter-spacing: 0.14px;
    padding: 19px 0px 15px;
}
section.discover-our-menus .carousel-indicators button {
    border: 1px solid var(--white);
    width: 9px;
    height: 9px;
    border-radius: 100%;
    background: transparent !important;
    margin-right: 4px;
    margin-left: 4px;
}
section.discover-our-menus .carousel-indicators button.active {
    background: var(--white) !important;
}
section.discover-our-menus .carousel-indicators {
    right: 0;
    margin-right: 50px;
    left: initial;
    margin-left: 0px;
    bottom: 63px;
    margin-bottom: 0;
}
section.discover-our-menus .carousel-caption.d-none.d-md-block {
    bottom: 50px;
    left: 80px;
    right: inherit;
    padding: 0;
    color: var(--white);
}
section.discover-our-menus .carousel-caption.d-none.d-md-block h5 {
    
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 2.4px;
}
section.discover-our-menus button.carousel-control-prev {
    border: 2px solid var(--white);
    width: 35px;
    height: 35px;
    border-radius: 100%;
    transform: translate(-0%, -0%);
    top: 50%;
    left: 50px;
}
section.discover-our-menus button.carousel-control-prev span.carousel-control-prev-icon {
    filter: var(--white);
    width: 22px;
    height: 22px;
}

section.discover-our-menus button.carousel-control-next {
    border: 2px solid var(--white);
    width: 35px;
    height: 35px;
    border-radius: 100%;
    transform: translate(-0%, -0%);
    top: 50%;
   right: 50px;
    left: initial;
}
section.discover-our-menus button.carousel-control-next span.carousel-control-next-icon {
    filter: var(--white);
    width: 22px;
    height: 22px;
}
section.discover-our-menus .carousel .carousel-item img {
    height: 834px;
    object-fit: cover;
    object-position: 50% 50%;
    max-width: 1202px;
    width: 1202px !important;
}
section.private-dining-section.discover-our-menus .img-box img {
    height: 834px;
    object-fit: cover;
    object-position: 50% 50%;
    max-width: 1202px;
    width: 1202px !important;
}
section.discover-our-menus .container-fluid .col-12 {
    padding: 0px;
    flex: initial;
}
section.discover-our-menus .col-12.col-sm-5.col-md-5.col-lg-5 {
    width: 718px;
}
section.discover-our-menus .col-12.col-sm-7.col-md-7.col-lg-7 {
    width: 1202px;
}
section.discover-our-menus.private-dining-section .inner a.btn {
    padding: 10px 0px;
    width: 247px;
    height: 47px;
    line-height: 26px;
}
section.discover-our-menus .inner a.btn {
    width: 123px;
    line-height: 21px;
    height: 39px;
}
.event-offers-section .box-section .box.pink .inner .title {
    color: var(--bg-color);
}
.event-offers-section .box-section .box.pink .inner p {
    color: var(--white);
}
.event-offers-section .box-section .box.pink .inner a.btn {
    border-color: var(--white);
    color: var(--white);
}
.event-offers-section .box-section .box.pink .inner a.btn:hover, 
.event-offers-section .box-section .box.pink .inner a.btn:focus, 
.event-offers-section .box-section .box.pink .inner a.btn:active:focus {
    border-color: var(--black-light);
    color:var(--white);
}
.inner-page header nav.navbar.navbar-light.bg-light.fixed-top ul#menu-primary li a {
    color: var(--black-light);
        transition: 0.5s transform ease;
}
.inner-page header nav.navbar.navbar-light.bg-light.fixed-top ul#menu-primary li a:hover{
    color: var(--black-light);
}
.inner-page header nav.navbar.navbar-light.bg-light.fixed-top ul#menu-primary li:before {
    background: var(--black-light);
}
header nav.navbar.navbar-light.bg-light.fixed-top button.navbar-toggler img.inner-page {
    display: block;
}
body.inner-page header nav.navbar.navbar-light.bg-light.fixed-top button.navbar-toggler img.inner-page {
    display: block;
}
body.inner-page header nav.navbar.navbar-light.bg-light.fixed-top button.navbar-toggler img.home-page {
    display: none;
}
section.event-offers-section .inner a.btn:hover, 
section.event-offers-section .inner a.btn:focus, 
section.event-offers-section .inner a.btn:active:focus, 
section.event-offers-section .box .inner a.btn:hover, 
section.event-offers-section .box .inner a.btn:focus, 
section.event-offers-section .box .inner a.btn:active:focus {
    border-color: var(--dark-charcoal-color) !important;
    color: var(--dark-charcoal-color) !important;
    opacity: 0.8;
}
section.event-offers-section .inner a.btn:hover::before, 
section.event-offers-section .box .inner a.btn:hover::before{
  background: var(--bg-color) !important;
}
.wrapper.info-wrap-section {
    padding: 45px 0px 0px;
}

section.group-booking-section .img-box img.desktop {
    height: 513px;
    object-fit: cover;
    object-position: 50% 50%;
}
section.booking-mid-sec .right-part .forminator-row span.forminator-checkbox-label a.link {
    color: var(--black-light);
}
.promo-popup .modal-dialog {
    max-width: 1296px;
    height: 384px;
}
.event-offers-section .box-section .large-box .col-12.col-sm-6.col-md-6.col-lg-6 {
    width: 437px;
}
.event-offers-section .box-section .large-box .col-12.col-sm-6.col-md-6.col-lg-6:nth-child(2) {
    width: 462px;
}
section.event-offers-section .container {
    max-width: 1364px;
}
section.event-offers-section .container .row .col-12.col-sm-4.col-md-12.col-lg-4, 
section.event-offers-section .container .row .col-12.col-sm-4.col-md-6.col-lg-4 {
    padding-left: 13px;
}
.wrapper.join-team-wrap .join-team-box .box .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6 .box {
    width: 100%;
}
.wrapper.join-team-wrap .join-team-box .box .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6 {
    width: 100%;
}
.wrapper.subscribe-section {
    padding: 115px 0px 0px;
}
.wrapper.subscribe-section .container-fluid {
    padding: 0px;
}
.wrapper.subscribe-section .container-fluid ul {
    display: flex;
    list-style: none;
    padding: 0px;
    justify-content: center;
    max-width: 100%;
    margin: 0 auto;
    /*flex-wrap: wrap;*/
}
.wrapper.subscribe-section .container-fluid ul li {
    padding: 0px;
    flex: inherit;
    width: 50%;
}
.wrapper.subscribe-section .container-fluid ul li{
  display: flex;
}
.wrapper.subscribe-section .container-fluid ul li:last-child {
    padding: 100px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wrapper.subscribe-section .container-fluid ul.drop.title_sectioncontainer li:last-child {
    padding: 0;
    display: inherit;
}
.wrapper.subscribe-section .container-fluid ul.select-nearestbills.drop li:last-child {
  padding: 0;
  display: inherit;
}
.wrapper.subscribe-section .container-fluid ul{
  align-items: initial !important;
      /*height: calc(100vh - 116px);*/
}
.wrapper.subscribe-section .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}
.wrapper.subscribe-section .img-box{
  width: 100%;
}
.wrapper.subscribe-section .subscribe-form {
    padding: 0px 164px;
}
.wrapper.subscribe-section .subscribe-form .title {
    color: var(--black-light);
    font-size: 26px;
    line-height: 31px;
    letter-spacing: 0;
    padding-bottom: 26px;
    margin: 0;
}
.wrapper.subscribe-section .subscribe-form p {
    font-size: 16px;
    line-height: 26px;
    color: var(--dark-charcoal-color);
    letter-spacing: 0.14px;
        margin-bottom: 0;
}

.subscribe-form .form-row-grid{
align-items: start;
}
.msgbox-container {
    padding: 11px;
    border-radius: 3px;
    color: white;
    background: #0080008f;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}
.msgbox-container-error {
   background: #ff00008f;
   color: #fff !important;
   padding: 11px;
   border-radius: 3px;
   font-size: 14px;
   margin-top: 5px;
}
.subscribe-section form.newsletter-form{
 margin-top: 40px;
}
.wrapper.subscribe-section .subscribe-form .forminator-ui {
    margin: 0;
    padding: 50px 0px 0px !important;
}
.wrapper.subscribe-section .subscribe-form .forminator-row div#select-1 {
    width: 150px !important;
    flex: initial;
}
.wrapper.subscribe-section .subscribe-form .forminator-row .select2-selection__rendered {
    color: var(--black-light) !important;
    font-size: 14px !important;
    line-height: 22px !important;
    letter-spacing: 0.14px !important;
}
.wrapper.subscribe-section .subscribe-form .forminator-row span.select2-selection {
    border-color: var(--black-light) !important;
}
.wrapper.subscribe-section .subscribe-form .forminator-row span.forminator-icon-chevron-down{
  position: relative;
}
.wrapper.subscribe-section .subscribe-form .forminator-row span.forminator-icon-chevron-down:before{
  color: var(--white) !important;
}
.wrapper.subscribe-section .subscribe-form .forminator-row span.forminator-icon-chevron-down:after {
   background: url(../images/arrow_down_icon.svg) !important;
       background-repeat: no-repeat !important;
       background-size: 100% !important;
       content: '' !important;
       width: 14px !important;
       height: 7px !important;
       position: absolute;
       top: 2px;
       z-index: 999;
       background-position: center top;
       left: -1px;
}
.wrapper.subscribe-section .subscribe-form .forminator-row {
    margin-bottom: 31px !important;
}
.wrapper.subscribe-section .subscribe-form .forminator-row input {
    color: var(--black-light) !important;
    font-size: 14px !important;
    line-height: 22px !important;
    letter-spacing: 0.14px !important;
}
.wrapper.subscribe-section .subscribe-form .forminator-row input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--black-light) !important;
  opacity: 1; /* Firefox */
}

.wrapper.subscribe-section .subscribe-form .forminator-row input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--black-light) !important;
}

.wrapper.subscribe-section .subscribe-form .forminator-row input::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--black-light) !important;
}
.wrapper.subscribe-section .subscribe-form .forminator-row .forminator-field .forminator-input--wrap:after {
  display: none;
}
.wrapper.subscribe-section .subscribe-form .forminator-row .forminator-field.forminator-has_error .forminator-input--wrap:after{
display: block;
}
.wrapper.subscribe-section .subscribe-form .forminator-row span.select2-selection:before{
  display: none !important;
}



.wrapper.subscribe-section .subscribe-form .forminator-row .forminator-field span.forminator-error-message {
    margin: 0px !important;
}
.wrapper.subscribe-section .subscribe-form .forminator-row .forminator-field span.forminator-description {
    display: none;
}
.wrapper.subscribe-section .subscribe-form .forminator-row .groupDatepicker .forminator-input--wrap input {
    position: relative;
   background: url("../images/icon-feather-calendar.svg");
    background-repeat: no-repeat;
    background-position: right;
    width: 100%;
    height: 40px;
}
.wrapper.subscribe-section .subscribe-form .forminator-row .forminator-field.forminator-merge-tags .heading {
    color: var(--black-light);
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.14px;
}
.wrapper.subscribe-section .subscribe-form .forminator-row .forminator-field.forminator-merge-tags .heading a{
  color: var(--black-light);
}
.wrapper.subscribe-section .subscribe-form .forminator-row button.btn {
    width: 153px;
    height: 45px;
    background: var(--bg-color) !important;
    font-size: 14px !important;
    line-height: 49px !important;
    letter-spacing: 0px !important;
    color: var(--black-light) !important;
    
    padding: 0px !important;
}
/*section.private-dining-banner {
    height: 693px;
}*/
section.private-dining-banner .content h1 {
    position: initial;
    transform: initial;
    font-size: 61px;
    line-height: 61px;
    letter-spacing: 0;
    margin: 0;
    padding: 0 0 10px;
    color: var(--black-light);
}
section.private-dining-banner .content p {
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0.22px;
    margin: 0;
    padding: 0;
    color: var(--dark-charcoal-color);
}
section.private-dining-banner .content {
    position: absolute;
    color: var(--white);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
section.private-header-bottom-section {
    background: var(--bg-color);
    padding:44px 0px 38px;
}
section.private-header-bottom-section .inner {
    width: 822px;
    margin: 0 auto;
    color: var(--black-light);
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.16px;
}
section.private-header-bottom-section .inner p {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.16px;
    margin: 0;
    padding: 12px 0;
}

.top-form-section {
    width: 524px;
    margin: 0 auto;
    padding-bottom: 78px;
}
.top-form-section .heading {
    letter-spacing: 0px;
    color: var(--black-light);
    opacity: 1;
    font-size: 26px;
    line-height: 31px;
    
    padding-bottom: 15px;
}
.top-form-section button.btn {
    border: 1px solid var(--black-light);
    background: none;
    width: 162px;
    height: 48px;
    font-size: 16px;
    margin: 56px auto 0;
    display: block;
    outline: none;
}
.top-form-section button.btn:hover, .top-form-section button.btn:focus{
      background: var(--bg-color);
      color: var(--black-leather-jacket-color);
      border-color: var(--bg-color);
}
.top-form-section button.btn:after, .top-form-section button.btn:before{
  display: none;
}
section.private-dining-inner-section {
    padding: 0px 0px 40px;
    margin: 0px;
}
section.private-dining-inner-section .container-fluid {
      padding-left: 50px;
      padding-right: 50px;
  }
  section.private-dining-inner-section .container-fluid .row .col-12 {
      padding: 0;
      width: 911px;
  }
  section.private-dining-inner-section .container-fluid .row {
      margin: 0;
      width: 1822px;
  }
  section.private-dining-inner-section .img-box img{
     object-fit: cover;
     object-position: 50% 50%;
     width: 100%;
      height: 650px;
  }
  section.private-dining-inner-section .content p {
      margin: 0;
      padding: 0;
      color: var(--dark-charcoal-color);
      font-size: 16px;
      line-height: 28px;
      letter-spacing: 0px;
  }
  section.private-dining-inner-section .content {
      padding: 0px 145px;
  }
  section.private-dining-inner-section .container-fluid .row .col-12:nth-child(3) {
      order: 2;
  }
 #private_dining_select {
     background: var(--white) url(../images/arrow_down_gray_icon.svg);
     background-repeat: no-repeat;
     background-position: right;
     border-bottom: 1px solid var(--black-light);
     padding-left: 0 !important;
 }

.locations-wrapper .nearest-bill-restorent .bottom-sec .common-btn{
  margin: 0 auto;
}
 .locations-wrapper .inner .container-fluid, 
 .nearest-bill-restorent .container-fluid {
     margin: 0;
     padding: 0;
     overflow-x: hidden;
 }
 .nearest-bill-restorent.hide{
  display: none;
 }
 .locations-wrapper .inner .container-fluid .row, 
 .nearest-bill-restorent .row {
    margin: 0;
       align-items: center;
       flex-wrap: nowrap;
       justify-content: center;
 }
 .nearest-bill-restorent .row{
      height: calc(100vh - 116px);
 }
 .nearest-bill-restorent .img-box-section{
      display: flex;
    height: 100%;
    width: 100%;
}
 .locations-wrapper .inner .container-fluid.searchArea .row .col-12{
  padding: 0;
     width: 960px;
 }
  .nearest-bill-restorent .col-12{
     padding: 0;
     width: 50%;
  }
 .locations-wrapper .inner .container-fluid .row{
        align-items: inherit !important;
 }
 .map-section {
     height: 990px;
     width: 100%;
 }
 .nearest-bill-restorent .img-box-section img {
     width: 100%;
     object-fit: cover;
        height: 100%;
     object-position: 50% 50%;
     border: solid 2px var(--black-light);
         border-top: none;
 }
 .nearest-bill-restorent .nearest-bill-restorent-result {
     width: 628px;
     margin: 0 auto;
 }
 .nearest-bill-restorent .img-box-section img.mobilw-view {
     display: none;
 }
 div#region {

         z-index: inherit;
 }
 div#region span {
     font-size: 20px;
    line-height: 24px;
    font-family: var(--BalboaPlus);
 }
 div#exampleModalCenteredScrollable .container {
     max-width: 1450px;
 }
div#exampleModalCenteredScrollable .container .book-table-section .col-lg-3 {
    width: 186px;
    padding: 0px 8px;
}
 div#exampleModalCenteredScrollable .container .book-table-section .col-lg-3:first-child {
     padding-left: 0;
 }
 div#exampleModalCenteredScrollable .container .book-table-section .col-lg-3:nth-child(5) {
     padding-right: 0;
 }
 .book-table-popup .container .book-table-section .wrap-drop {
     padding-left: 0px;
     height: 54px;
     /*line-height: 55px;*/
 }
 .book-table-popup .container .book-table-section .wrap-drop span, 
 .book-table-popup .container .book-table-section .form-control {
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0;
    color: var(--black-light);
}
 .section-top div#party_size {
     background-position: 91% 50%;
 }
 div#rparty_size {
     background: var(--white) url(../images/arrow_down_gray_icon.svg);
     background-repeat: no-repeat;
     background-position: center right;
     background-size: 26% 20%;
     border: solid 2px var(--black-light);
     width: 170px;
 }
 div#your-details {
    background: var(--canvas-beige);
}
#your-details .modal-dialog.modal-fullscreen .modal-content .mb-3.hafe .select-title-ineer {
    position: relative;
    width: 90px;
}
#your-details .modal-dialog.modal-fullscreen .modal-content label sup {
    top: 0;
    font-size: 22px;
    padding-left: 0;
}
#your-details .mb-3 textarea.form-control {
    height: 106px !important;
    
    resize: initial;
    padding-left: 0;
}

#your-details.yourdetailsPage .mb-3 textarea.form-control {
    height: 106px !important;
    
    resize: initial;
    padding-left: 0;
}

       #your-details .mb-3 .chk{
         margin-bottom: 1px;
       }

        #your-details .mb-3 .chk label {
         color: var(--input-checkbox-title-color);
         font-size:13px;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        font-weight: var(--font-weight-300);
        line-height: 22px;
        font-style: normal;
            align-items: start;
       }
       #your-details .mb-3 .chk label em {
           font-style: normal;
           font-size: 16px;
           line-height: 26px;
           letter-spacing: 0.16px;
           color: var(--dark-charcoal-color);
        
       }
        #your-details .mb-3 .chk label input {
         display: none;
       }

        #your-details .mb-3 .chk label span {
            height: 21px;
            width: 21px;
            min-width: 21px;
            border: 2px solid var(--black-light);
            display: inline-block;
            position: relative;
            margin-right: 15px;
        }

        #your-details .mb-3 .chk [type=checkbox]:checked + span:before {
         content: '';
         position: absolute;
         top: 1px;
         left: 1px;
         width: 15px;
         height: 15px;
         background: var(--black-light);
       }
       #your-details .mb-3 .chk label em a{
         color:var(--black-light);
       }
       .find_your_details_popup .details-section .text-danger {
           padding-bottom: 10px;
           width: 100%;
    word-break: break-all;
       }


      
       section.location-private-dining-section .img-box-section {
           background: url(../images/location-restaurant-mid-banner-img.png);
           height: 366px;
           background-size: cover !important;
           background-position: center top !important;
           position: relative;
               border-top: solid 2px var(--black-light);
    border-bottom: solid 2px var(--black-light);
       }

       section.location-private-dining-section .img-box-section:before {
           background: transparent url(../images/pdrbanner.png);
           background-size: cover;
           background-repeat: no-repeat;
           opacity: 4;
           background-position: center;
           content: '';
               position: absolute;
               width: 100%;
               height: 100%;
               pointer-events: none;
       }
       section.location-private-dining-section .img-box-section .inner {
           color: var(--black-light);
           opacity: 1;
           text-align: center;
           position: absolute;
           left: 50%;
           top: 50%;
           transform: translate(-50%, -50%);
       }
       section.location-private-dining-section .img-box-section .inner p {
           font-size: 16px;
           line-height: 26px;
           letter-spacing: 0.16px;
           padding: 14px 0px 0px;
           margin: 0;
           color: var(--dark-charcoal-color);
       }
       section.location-private-dining-section .img-box-section .inner .heading {
           font-size: 61px;
           line-height: 61px;
           letter-spacing: 0px;
       }

       section.loc-pr-din-enq-section {
           /*background: var(--white);*/
           padding-bottom: 136px;
       }
       
       section.loc-pr-din-enq-section .left-part {
           padding: 0px 114px;
       }

       section.loc-pr-din-enq-section .left-part p {
           color: var(--dark-charcoal-color);
            font-size: 16px;
          line-height: 26px;
          letter-spacing: 0.16px;
          margin: 0;
          padding: 0px 0px 21px;
       }
       section.loc-pr-din-enq-section .left-part .title {
        font-size: 26px;
        line-height: 31px;
        letter-spacing: 0;
        color: var(--black-light);
        padding-bottom: 30px;
       }
       section.loc-pr-din-enq-section .container-fluid{
        padding: 0px;
        overflow: hidden;
       }
       section.loc-pr-din-enq-section .container-fluid .row{
        margin:0px;
        flex-wrap: inherit;
        align-items: center;
        justify-content: center;
       }
       section.loc-pr-din-enq-section .container-fluid .row .col-12{
        padding: 0px;
       }
       section.loc-pr-din-enq-section .container-fluid .row .col-12:nth-child(2) {
           width: 1180px;
           background: var(--bg-body) !important;
           border-left: solid 2px var(--black-light);
       }
       section.loc-pr-din-enq-section .container-fluid .row .col-12:nth-child(1) {
           width: 740px;
           padding: 0 15px;
       }

       section.loc-pr-din-enq-section .right-part:after {
           content: '';
           position: absolute;
           top: 0;
           width: 100vw;
           height: 100%;
           background: var(--white);
           left: 100%;
       }
       section.loc-pr-din-enq-section .left-part a.det-btn {
           font-size: 16px;
           line-height: 28px;
           letter-spacing: 0.16px;
           color: var(--black-light);
           margin-top: 12px;
           display: inline-block;
       }
       section.loc-pr-din-enq-section .right-part .title {
            font-size: 26px;
            line-height: 26px;
            letter-spacing: 0.16px;
            color: var(--black-light);
       }

       
       section.loc-pr-din-enq-section .right-part span.forminator-description {
           display: none !important;
       }
       section.loc-pr-din-enq-section .right-part label.forminator-label.forminator-floating--textarea {
           font-size: 15px !important;
           line-height: 28px !important;
           letter-spacing: 0.15px !important;
           color: var(--input-color) !important;
       }
       section.loc-pr-din-enq-section .right-part div#select-1 {
           padding: 4px 15px;
       }
       section.loc-pr-din-enq-section .right-part div#select-1 span {
           font-size: 15px !important;
           line-height: 28px !important;
           letter-spacing: 0.15px !important;
           color: var(--input-color) !important;
       }
       section.loc-pr-din-enq-section .right-part .forminator-input-with-icon {
           position: relative;
       }
       section.loc-pr-din-enq-section .right-part .forminator-input-with-icon label {
           position: absolute;
           right: 0;
       }
       section.loc-pr-din-enq-section .right-part .forminator-input-with-icon label span.forminator-icon-calendar:before {
           display: none;
       }
       section.loc-pr-din-enq-section .right-part .forminator-input-with-icon label span.forminator-icon-calendar {
           background: url(../images/icon-feather-calendar.svg);
           background-repeat: no-repeat;
           background-position: right;
          height: 22px;
          width: 19px;
          margin-right: 0 !important;
       }
       section.loc-pr-din-enq-section .right-part div#select-1 span.select2-selection__arrow span.forminator-icon-chevron-down{
         background: var(--white) url(../images/arrow_down_gray_icon.svg);
         background-repeat: no-repeat;
         background-position: right;
        height: 22px;
        width: 19px;
       }
       section.loc-pr-din-enq-section .right-part div#select-1 span.select2-selection__arrow span.forminator-icon-chevron-down:before{
        display: none;
       }
       div#ui-datepicker-div a.ui-datepicker-prev, div#ui-datepicker-div a.ui-datepicker-next {
           color: var(--black-light);
           border-radius: 3px;
       }
       div#ui-datepicker-div a.ui-datepicker-prev:hover, div#ui-datepicker-div a.ui-datepicker-next:hover {
           background: var(--black-light) !important;
           color: var(--white);
       }
       div#ui-datepicker-div select.ui-datepicker-month, div#ui-datepicker-div select.ui-datepicker-year {
           border: 1px solid var(--black-light) !important;
       }
       div#ui-datepicker-div table.ui-datepicker-calendar td.enabledDate a.ui-state-default.ui-state-active {
           background: var(--black-light) !important;
           color: var(--white);
       }
       section.loc-pr-din-enq-section .right-part textarea {
           height: 79px;
           min-height: inherit;
           resize: initial;
           border-color: var(--black-light);
           border-radius: 0px ;
       }
       section.loc-pr-din-enq-section .right-part button.forminator-button.forminator-button-submit {
          /* width: 161px;
           height: 48px;*/
           background: none !important;
           border: 1px solid var(--black-light);
           color: var(--black-leather-jacket-color) !important;
           border-radius: 0px !important;
           
           font-size: 14px !important;
           line-height: 17px !important;
           margin-top: 10px;
       }
       section.loc-pr-din-enq-section .right-part button.forminator-button.forminator-button-submit:hover, 
       section.loc-pr-din-enq-section .right-part button.forminator-button.forminator-button-submit:focus{
            border-color: var(--bg-color) !important;
            background:  var(--bg-color) !important;
       }
       section.loc-pr-din-enq-section .right-part .forminator-field .forminator-input--wrap:after{
        display: none;
       }
       section.loc-pr-din-enq-section .right-part .forminator-field span.select2-selection:before, 
       section.loc-pr-din-enq-section .right-part .forminator-field .forminator-textarea--wrap:after{
        display: none !important;
       }
       section.loc-pr-din-enq-section .right-part .forminator-field.forminator-has_error .forminator-input--wrap:after{
        display: block;
       }
       .loc-wrapper.location-manchester-wrap .map-sec {
           padding: 0px;
           border-top: solid 2px var(--black-light);
               height: 335px !important;
       }
       .loc-wrapper.location-manchester-wrap .map-sec iframe {
           height: 394px !important;
           margin-bottom: -7px;
           padding: 0;
       }

       section.location-private-dining-section .img-box-section.mobile {
           display: none;
       }

      .near_bills_section .forminator-field .forminator-input--wrap{
        position: relative;
      }
       .near_bills_section .forminator-field .forminator-input--wrap:before {
           background: url(../images/arrow_down_gray_icon-light.svg) !important;
           background-repeat: no-repeat !important;
           background-size: cover !important;
           background-position: 100% !important;
           content: '' !important;
           width: 31px;
           height: 31px;
           position: absolute;
           bottom: 6px;
           right: 0;
           -webkit-transition: .2s linear;
           transition: .2s linear;
       }
       .near_bills_section .forminator-field.forminator-is_active .forminator-input--wrap:before{
        -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
       }
        .near_bills_section{
          position: relative;
        }
       .near_bills_section  ul.select-nearestbills {
           display: block;
           background: var(--white);
               box-shadow: 3px 3px 3px rgb(0 0 0 / 20%);
               left: 0;
               list-style: none;
               margin-top: 0;
               padding-left: 0;
               position: absolute;
               right: 0;
               top: 98%;
               z-index: 100;
               border: 2px solid var(--black-light);
               max-height: 220px;
               -ms-overflow-style: none;
               scrollbar-width: none;
               overflow-y: scroll;
               width: 100%;
               margin: 0 auto;
       }
       .wrapper.subscribe-section .near_bills_section ul.select-nearestbills{
        display: block;
            margin: 0 auto;
       }
       .near_bills_section  ul.select-nearestbills{
         -ms-overflow-style: none; /* for Internet Explorer, Edge */
         scrollbar-width: none; /* for Firefox */
         overflow-y: scroll;
       }
       
       .near_bills_section ul.select-nearestbills li {
           border-bottom: 1px solid var(--black-light);
           color: var(--black-light);
           display: block;
           padding: 15px 19px !important;
           text-decoration: none;
           letter-spacing: 0px;
           font-size: 16px;
           line-height: 23px;
           
           cursor: pointer;
           width: 100% !important;
       }
       #your-details .modal-dialog.modal-fullscreen .modal-content textarea.form-control {
           background: transparent;
           border: 2px solid var(--black-light);
               padding: 16px 19px 16px;
       }
       #your-details .modal-dialog.modal-fullscreen .modal-content .chk label {
          font-family: var(--input-sans);
          font-size: 16px;
          letter-spacing: 0.16px;
          line-height: 26px;
      }
       #your-details .modal-dialog.modal-fullscreen .modal-content .mb-3.textarea-box span.bor-bottom {
           border: none;
       }
       #your-details .modal-dialog.modal-fullscreen .modal-content .mb-3.textarea-box label.form-label {
           margin-bottom: 13px;
               padding: 0;
       }
       #your-details .modal-dialog.modal-fullscreen .modal-content div.wrap-drop {
           height: 37px;
           background: url(../images/arrow_down_gray_icon-light.svg);
           background-repeat: no-repeat;
           background-position: 103%;
           padding: 9px 0px 0px 3px !important;
            border-bottom: solid 1px var(--black-light);
            height: 40px;
                display: flex;
    align-items: center;
       }
       #your-details .modal-dialog.modal-fullscreen .modal-content .option-na-box div.wrap-drop {
      max-width: 98px;
      margin-left: 0;
  }
       #your-details .modal-dialog.modal-fullscreen .modal-content div.wrap-drop li{
        border-bottom-width: 1px;
       }
       #your-details .modal-dialog.modal-fullscreen .modal-content div.wrap-drop span {
           font-size: 16px;
           line-height: 19px;
           letter-spacing: 0.48px;
           color: var(--dark-charcoal-color) !important;
           
       }

       .wrapper.subscribe-section .subscribe-form .forminator-row {
           display: -webkit-box;
           display: -ms-flexbox;
           display: flex;
           margin-right: -15px;
           margin-left: -15px;
       }
       .wrapper.subscribe-section .subscribe-form .forminator-row .forminator-col {
           min-width: 0;
           -webkit-box-flex: 1;
           -ms-flex: 1;
           flex: 1;
           padding: 0 15px;
       }

.error_msg {
    font-size: 12px;
    font-family: inherit;
    font-weight: 500;
    color: var(--error-color);
    line-height: 2em;
    margin: 5px 0px 0px;
}
.near_bills_section .forminator-field .forminator-input--wrap input{
    caret-color: transparent;
    cursor: pointer;
}
.near_bills_section .forminator-field span.forminator-error-message {
    display: none !important;
}
.section-top video.videoval {
    height: 100vh;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left:0;
}
.section-top video.videoval:before{
  content: '';
  position: absolute;
  top: inherit;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.4;
  background: url(../images/header-bg-mobile-after.svg);
  background-position: center bottom;
  background-size: cover !important;
  height: 100%;
  width: 100%;
}
section.errow-banner{
  padding: 90px 0px 0px;
      background: url(../images/error-img.png);
      background-repeat: no-repeat;
      background-size: cover;
      height: 565px;
      min-height: inherit;
      position: relative;
      margin-top: 85px;
      background-position: top center;
}
section.errow-banner:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: transparent linear-gradient(180deg, var(--unnamed-color-00000000) 0%, #0000009F 61%, #000000C9 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #00000000 0%, #0000009F 61%, #000000C9 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
}

section.errow-banner .inner{
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--white);
}
section.errow-banner .inner h1 {
    color: var(--white);
    opacity: 1;
    
    font-size: 85px;
    letter-spacing: -0.84px;
    line-height: 78px;
    text-transform: uppercase;
    
}
section.errow-banner .inner p {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.16px;
    margin: 0;
}
section.errow-banner .inner a.btn {
    border: 1px solid var(--bg-color);
    margin-top: 25px;
    color: var(--white);
}
section.errow-banner .inner a.btn:hover, 
section.errow-banner .inner a.btn:focus{
  color: var(--black-leather-jacket-color);
}
section.loc-pr-din-enq-section .right-part .groupDatepicker .forminator-input--wrap input.forminator-input{
  background: var(--white) url(../images/icon-feather-calendar.svg);
  background-repeat: no-repeat;
  background-position: 100%;
  background-position-x: 98%;
}

section.loc-pr-din-enq-section .right-part form #select-1 .forminator-has_error span.forminator-error-message {
    font-size: 12px !important;
    font-family: inherit !important;
    font-weight: 500 !important;
    color: var(--error-color) !important;
        line-height: 2em;
    margin:5px 0px 0 !important;
    padding: 0 !important;
}
.wrapper.subscribe-section .subscribe-form .newsletterDatepicker .forminator-input--wrap input.forminator-name--field {
  background: var(--white) url(../images/icon-feather-calendar.svg);
  background-repeat: no-repeat;
  background-position: 100%;
  background-position-x: 98%;
}
.book-table-popup .container .book-table-section input#popupDatepicker {
    background: var(--white) url(../images/arrow_down_gray_icon.svg);
    background-repeat: no-repeat;
    background-position: 95% 50% !important;
    border: solid 2px var(--black-light);
    padding: 13px 19px;
    font-family: var(--BalboaPlus);
    font-size: 20px;
    height: 50px;
    background-size: 15px 15px;
}
footer .container {
    /*max-width: 815px;*/
    max-width: 1136px;
    /*max-width: 1208px;*/
}
/*.mfp-content{
  width: 100%;
  overflow-x: hidden;
}*/
img.mfp-img {
    width: 1362px;
    height: 622px;
    object-fit: cover;
    border: solid 2px var(--black-light);
    padding: 0;
}
.inner-page .mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: rgba(255,255,255,0.3);
}
section.loc-pr-din-enq-section .right-part div#select-2 span.select2 {
    margin-top:5px;
}
section.loc-pr-din-enq-section .right-part div#select-2 span.select2 span.select2-selection__arrow span.forminator-icon-chevron-down {
    background: var(--white) url(../images/arrow_down_gray_icon-light.svg) !important;
    background-repeat: no-repeat;
    background-position: right;
    height: 31px;
    width: 31px;
}
section.loc-pr-din-enq-section .right-part div#select-2 span.select2 span.select2-selection__arrow span.forminator-icon-chevron-down:before{
 display: none;
}
section.loc-pr-din-enq-section .right-part div#select-2 span {
    font-size: 15px !important;
    line-height: 28px !important;
    letter-spacing: 0.15px !important;
    color: var(--input-color) !important;
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content p.powerby-section {
    font-size: 12px !important;
    line-height: 12px !important;
    letter-spacing: 0.12px !important;
    position: absolute;
    bottom: 0;
    padding: 0 !important;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: 600;
    color: var(--dark-charcoal-color) !important;
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content p.powerby-section img {
    display: block;
    text-align: center;
    margin: 12px auto 0;
    width: 106px;
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content .find_your_details_popup span.tems-user-section a {
    color: var(--black-light);
    text-decoration: none;
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content .find_your_details_popup span.tems-user-section {
    text-align: center;
    display: block;
    font-size: 14px;
    line-height: 26px;
    padding: 20px 0px 0px;
    
}
#your-details .modal-dialog.modal-fullscreen .modal-content p.powerby-section {
    bottom: unset;
    position: inherit;
    margin: 0;
}
#your-details.fill-your-details.third .modal-dialog.modal-fullscreen .modal-content p.powerby-section {
    margin: 0 141px 0 0px;
}
#choose-alternative-time.book-table-popup .modal-dialog.modal-fullscreen .modal-content p.powerby-section, 
#booking-confirmed.book-table-popup .modal-dialog.modal-fullscreen .modal-content p.powerby-section {
    bottom: 0px;
}

.book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-footer p {
    padding-bottom: 112px;
}
header nav.navbar.navbar-light.bg-light.fixed-top img.custom-logo, 
.inner-page header nav.navbar.navbar-light.bg-light.fixed-top a.custom-logo-inner-link img {
    width: 110px;
    height: auto;
}
footer .footer-logo img {
    height: 38px;
    width: auto;
}
section.event-offers-section .location-arrow.loc-arrow input#event {
    outline: none;
    box-shadow: none;
    border: none;
    margin: 0px;
    width: 80%;
    padding: 0px !important;
    position: relative;
    top: -20px;
    font-size: 20px;
    line-height: 20px;
    font-family: var(--BalboaPlus);
    height: 42px;
    color: var(--black-light);
}
section.event-offers-section .location-arrow.loc-arrow input#event::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--black-light) !important;
  opacity: 1; /* Firefox */
}

section.event-offers-section .location-arrow.loc-arrow input#event:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--black-light) !important;
}

section.event-offers-section .location-arrow.loc-arrow input#event::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--black-light) !important;
}
.event-offers-section .location-arrow .wrap-drop{
  background: var(--white);
  padding-left: 0 !important;
}
.event-offers-section .location-arrow .wrap-drop:before {
    background: var(--white) url(../images/icon-feather-search.svg);
    background-position: 100%;
    background-position-x: 100%;
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    right: 0px;
    top: 4px;
    z-index: 9999;
    width: 19px;
    height: 19px;
    background-size: cover;
}
section.event-offers-section .location-arrow.loc-arrow span {
    top: 4px;
    font-size: 16px;
    line-height: 23px;
    
    color: var(--black-light);
    letter-spacing: 0.42px;
}
body .ui-autocomplete {
    width:218px !important;
    /*margin-top:18px !important;*/
        padding: 0 !important;
    border: 1px solid var(--black-light) !important;
    max-height: 164px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    height: auto !important;
    overflow-y: scroll;
    background: var(--white);
    box-shadow: 3px 3px 3px rgb(0 0 0 / 20%);
}
body.nearestloc .ui-autocomplete {
    width: 393px !important;
}
body .ui-autocomplete::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}
body .ui-autocomplete{
  -ms-overflow-style: none; /* for Internet Explorer, Edge */
  scrollbar-width: none; /* for Firefox */
  overflow-y: scroll;
}
body .ui-autocomplete li .ui-menu-item-wrapper {
    padding: 0;
}
body .ui-autocomplete li {
    display: block !important;
    border-bottom: 1px solid var(--black-light);
    color: var(--black-light);
    padding: 15px 19px;
    text-decoration: none;
    letter-spacing: 0px;
    font-size: 15px;
    line-height: 23px;
    
}
.ui-autocomplete li .ui-menu-item-wrapper {
    padding: 0;
    background: none;
    color: var(--black-light);
    border: none;
    margin: 0;
}
.ui-autocomplete li .ui-menu-item-wrapper:hover, 
.ui-autocomplete li .ui-menu-item-wrapper:focus{
  opacity: 0.8;
  color: var(--black-light);
}

.book-table-popup .container .book-table-section div.location-input input#location {
    outline: none;
    box-shadow: none;
    background: #ffffff url(../images/icon-feather-search.svg);
    background-repeat: no-repeat;
    text-indent: 3px;
    background-size: 13% 39%;
    border: solid 2px var(--dark-charcoal-color);
    padding: 13px 60px 13px 19px;
    font-family: var(--BalboaPlus);
    font-size: 20px;
    background-position: 100% 50% !important;
}
.book-table-popup .container .book-table-section div.location-input {
    position: relative;
}
.book-table-popup .container .book-table-section div.location-input .autocomplete-items {
    box-shadow: none;
    border: 2px solid var(--black-light);
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
    background: var(--white);
    max-height: 115px;
    border-top: none;
    font-family: var(--BalboaPlus);
}
.book-table-popup .container .book-table-section div.location-input .autocomplete-items div {
    color: var(--black-light) !important;
    display: flex;
    justify-content: space-between;
    padding: 7px 19px !important;
    text-decoration: none !important;
    letter-spacing: 0px !important;
    font-size: 20px !important;
    line-height: 23px !important;
    font-weight: var(--font-weight-normal) !important;
    margin: 0 !important;
    text-align: left;
    border-bottom:2px solid var(--black-light) !important;
    height: 50px;
    align-items: center;
}

.book-table-popup .container .book-table-section div.location-input .autocomplete-items div:last-child {
    border-bottom:none !important
}

.book-table-popup .container .book-table-section div.location-input .autocomplete-items div .nearest_loc_name{
    color: var(--dark-charcoal-color) !important;
    text-decoration: none !important;
    letter-spacing: 0 ;
    font-size: 20px !important;
    line-height: 20px !important;
    margin: 0 !important;
    text-align: left;
}

.book-table-popup .container .book-table-section div.location-input .autocomplete-items div .nearest_loc_distance{
    color: var(--dark-charcoal-color) !important;
    text-decoration: none !important;
    letter-spacing: 0.42px !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: var(--font-weight-normal) !important;
    margin: 0 !important;
}

.book-table-popup .container .book-table-section div.location-input input#location::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--black-light) !important;
  opacity: 1; /* Firefox */
}

.book-table-popup .container .book-table-section div.location-input input#location:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--black-light) !important;
}

.book-table-popup .container .book-table-section div.location-input input#location::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--black-light) !important;
}
.landing-banner {
    position: relative;
    height: 100vh;
    background-size: cover;
}

section.landing-banner:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: #000000 0% 0% no-repeat padding-box;
    opacity: 0.5;
}
.landing-banner .logo {
    padding: 30px 0px 0px 45px;
}
.landing-banner .logo img {
    width: auto;
    height: 53px;
    position: relative;
    z-index: 1;
}

.landing-banner .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--white);
    text-align: center;
    width: 100%;
}
.landing-banner .content h1 {
    font-size: 60px;
    line-height: 86px;
    letter-spacing: 1.8px;
    font-weight: 900;
    text-transform: uppercase;
}
.landing-banner .content p {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.2px;
    width: 459px;
    margin: 0 auto;
    padding: 0px 0px 29px;
    font-weight: 500;
}
.landing-banner .content a.btn {
    width: 250px;
    height: 38px;
    background: var(--white);
    border: none;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0px;
    color: var(--black-light);
    text-align: center;
}
.landing-banner .content a.btn:hover, 
.landing-banner .content a.btn:focus{
  background: var(--Sprout-color);
  color:var(--black-light);
}
.landing-banner .content a.btn:before, .landing-banner .content a.btn:after {
    display: none;
}

.term-conditionSubscribe a {
    text-transform: capitalize !important;
}
section.booking-mid-sec .right-part .forminator-row span.forminator-checkbox-label a, 
section.loc-pr-din-enq-section .right-part .forminator-row span.forminator-checkbox-label a {
    color: var(--black-light) !important;
}
footer .col-sm-6.col-md-4.col-lg-4.menu-ftr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
}
footer .col-sm-6.col-md-4.col-lg-4.menu-ftr .menu-footer1-container{
  width: 105px;
}
footer .col-sm-6.col-md-4.col-lg-4.menu-ftr .menu-footer2-container{
    width: 145px;
}
.got-question .loadmoreDiv {
    margin-bottom: 35px !important;
}
.got-question .loadmoreDiv .common-btn {
    margin: 0 auto;
}
.got-question .loadmoreDiv button.btn.load_moreFaq:before {
    display: none;
}
.got-question .loadmoreDiv button.btn.load_moreFaq {
    width: 158px;
    height: 49px;
    background: none;
    border-color: var(--black-light);
    color: var(--black-light);
}
.got-question .loadmoreDiv button.btn.load_moreFaq:hover, .got-question .loadmoreDiv button.btn.load_moreFaq:focus {
    background: var(--Sprout-color);
    color: var(--white);
    border-color: var(--Sprout-color);
}
.section-top .form-section form#form-frontpage .location-arrow.loc-arrow input#rlocation {
    border: none;
    outline: none;
    width: 83%;
    color: var(--black-light);
    letter-spacing: 0.42px;
    font-size: 20px;
    line-height: 24px;
}
.section-top .form-section form#form-frontpage .location-arrow.loc-arrow input#rlocation::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--black-light) !important;
  opacity: 1; /* Firefox */
}

.section-top .form-section form#form-frontpage .location-arrow.loc-arrow input#rlocation:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--black-light) !important;
}

.section-top .form-section form#form-frontpage .location-arrow.loc-arrow input#rlocation::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--black-light) !important;
}
.locations-wrapper .inner .inner-box .searchbox .wrap-drop.input.form-select input {
    width: 100%;
    border: 2px solid var(--black-light);
    height: 50px;
    padding: 10px 10px 10px 41px;
    background: var(--white) url(../images/icon-feather-search.svg);
    background-position: 100%;
    background-position-x: 3%;
    background-repeat: no-repeat;
    font-family: var(--BalboaPlus);
}

.locations-wrapper .inner .inner-box .searchbox .wrap-drop.input.form-select {
    padding: 0 !important;
    border: none;
    background: none;
    height: auto;
    min-width: 382px;
}
.locations-wrapper .inner .inner-box .searchbox .common-btn{
        min-width: 114px;
}

.locations-wrapper .inner .searchArea  .inner-box .bottom-sec .common-btn {
    padding-left: 22px;
    width: 238px;
    margin: 0 auto;
    height: 50px;
    cursor: pointer;
}
section.loc-pr-din-enq-section .right-part div#select-2 .forminator-error-message{
  font-size: 12px !important;
  font-family: inherit !important;
  font-weight: 500 !important;
  color: var(--error-color) !important;
  line-height: 2em;
  margin: 5px 0px 0 !important;
  padding: 0 !important;
}
section.loc-pr-din-enq-section .right-part .forminator-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  flex-wrap: wrap;
}
section.loc-pr-din-enq-section .right-part .forminator-row .forminator-col {
  min-width: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 0px !important;
  padding-right: 0px !important;
  margin-left:15px !important;
  margin-right:15px !important;
}

.autocomplete {
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: absolute;
  border: 0.2 solid var(--black-light);
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: var(--white);
  border-bottom: 2px solid var(--black-light);
}



.autocomplete-items {
    box-shadow: 3px 3px 3px rgb(0 0 0 / 20%);
    border: 2px solid var(--black-light);
    max-height: 162px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
    background: var(--white);
    
}
.menu-banner .autocomplete-items{
  border: solid 2px var(--black-light) !important;
  border-top: none !important;
}
.menu-banner .autocomplete-items div{
  font-family: var(--BalboaPlus);
  font-size: 20px;
  color: var(--black-light);
}
.hero-slider-add .form-section .autocomplete-items {
    width: calc(100% + 4px) !important;
    border: 2px solid var(--black-light) !important;    
   left: -2px;
}
.hero-slider-add .form-section .wrap-drop .drop{
    width: calc(100% + 4px);
    left: -2px;
    border: 2px solid var(--black-light);
}

.autocomplete-items div {
    color: var(--black-light) !important;
    display: flex;
    justify-content: space-between;
    padding: 7px 19px !important;
    text-decoration: none !important;
    letter-spacing: 0px !important;
    font-size: 20px !important;
    line-height: 24px !important;
    font-weight: var(--font-weight-normal) !important;
    margin: 0 !important;
    text-align: left;
        font-family: var(--BalboaPlus);
    /*border-bottom: 0.2px solid var(--black-light) !important;*/
}
.autocomplete-items .nearest_loc_distance {
    font-size: 14px !important;
    font-weight: normal !important;
}
.autocomplete-items div:hover, 
.autocomplete-items .autocomplete-active {
    background: none !important;
}
.autocomplete-items::-webkit-scrollbar{
    scrollbar-width: thin;
      scrollbar-color: red;
      scrollbar-width: thin;
      scrollbar-color: var(--black-light) gray;
}

.autocomplete-items::-webkit-scrollbar-corner,
.autocomplete-items::-webkit-scrollbar-track {
  background-color: gray;
}

.autocomplete-items::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.autocomplete-items::-webkit-scrollbar-track {
  background-clip: content-box;
  border: 8px solid rgba(128, 128, 128, 0.3);
  background-color: gray;
}

.autocomplete-items::-webkit-scrollbar-thumb {
  background-color: var(--black-light);
  border-radius: 12px;
}

.autocomplete-items::-webkit-scrollbar-thumb:hover {
  background-color: var(--black-light);
}

.autocomplete-items::-webkit-scrollbar-corner,
.autocomplete-items::-webkit-scrollbar-track {
  background-color: var(--black-light);
  border-radius: 12px;
}





.autocomplete-items{
  -ms-overflow-style: none; /* for Internet Explorer, Edge */
  scrollbar-width: none; /* for Firefox */
  overflow-y: scroll;
}
.autocomplete-items div strong {
    font-weight: normal;
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content .location-input input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--black-light) !important;
  opacity: 1; /* Firefox */
}

.book-table-popup .modal-dialog.modal-fullscreen .modal-content .location-input input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--black-light) !important;
}

.book-table-popup .modal-dialog.modal-fullscreen .modal-content .location-input input::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--black-light) !important;
}

.book-table-popup .modal-dialog.modal-fullscreen .modal-content .mb-3.location-input input#resloc{
  background: var(--white) url(../images/icon-feather-search.svg);
  background-position: 100%;
  background-position-x:100%;
  background-repeat: no-repeat;
  background-size: 10% 31%;
}
.section-top .form-section form#form-frontpage .location-arrow.loc-arrow .wrap-drop.input {
   padding-top: 13px !important;
   padding-left: 13px;
   background: var(--white) url(../images/arrow_down_gray_icon.svg);
   background-repeat: no-repeat;
   background-position: center right;
   background-size: 13% 20%;
   border: solid 2px var(--black-light);
   font-family: var(--BalboaPlus);
}
.section-top .form-section form#form-frontpage .location-arrow.loc-arrow input.form-control {
    width: 85%;
    border: none;
    outline: none;
    box-shadow: none;
    color: var(--dark-charcoal-color);
    letter-spacing: 0.42px;
    font-size: 14px;
    line-height: 23px;
    font-weight: var(--font-weight-500);
}
.section-top .form-section form#form-frontpage .location-arrow.loc-arrow input.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--dark-charcoal-color) !important;
  opacity: 1; /* Firefox */
}

.section-top .form-section form#form-frontpage .location-arrow.loc-arrow input.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--dark-charcoal-color) !important;
}

.section-top .form-section form#form-frontpage .location-arrow.loc-arrow input.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--dark-charcoal-color) !important;
}
#your-details .mb-3 {
    margin-bottom: 65px !important;
}
#your-details .modal-dialog.modal-fullscreen .modal-content .mb-3.textarea-box {
    margin-bottom: 27px !important;
}
#your-details .credit-card .mb-3 {
    margin-bottom: 63px !important;
}
#your-details .credit-card .col-12:last-child .mb-3 {
    margin: 0 0 48px !important;
}

.find_your_details_popup .details-section .col-xl-6:nth-child(4) .mb-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
div#your-details .find_your_details_popup .details-section .col-xl-6.common-pdding:nth-child(4) .mb-3 {
    display: inherit;
}
.find_your_details_popup .details-section .col-xl-6:nth-child(4) .mb-3 label.form-label {
    width: 100%;
}
.find_your_details_popup .details-section .col-xl-6:nth-child(4) .mb-3 span.bor-bottom {
    display: none !important;
}
.find_your_details_popup .details-section .col-xl-6:nth-child(4) .mb-3 input {
    /* width: 50% !important; */
    display: inline-block;
    border-bottom: 1px solid var(--gray-bard-color);
    padding-top: 10px;
}
.find_your_details_popup .details-section .col-xl-6:nth-child(4) .mb-3 input:nth-child(2) {
    /*background: url(../images/arrow_down_gray_icon-light.svg) !important;*/
    background-repeat: no-repeat !important;
    padding: 2px 0px 0px 0px !important;
    background-size: 27% 119% !important;
    background-position-x: 110% !important;
    /*font-size: 12px !important;*/
    border-top: none;
        border-right: none;
        border-left: none;
        color: var(--dark-charcoal-color);
        outline: none;
        box-shadow: none;
}
.find_your_details_popup .details-section .col-xl-6.bphonenumber .mb-3 input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--dark-charcoal-color) !important;
  opacity: 1; /* Firefox */
}

.find_your_details_popup .details-section .col-xl-6.bphonenumber .mb-3 input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--dark-charcoal-color) !important;
}

.find_your_details_popup .details-section .col-xl-6.bphonenumber .mb-3 input::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--dark-charcoal-color) !important;
}
.find_your_details_popup .details-section .col-xl-6:nth-child(5) .mb-3 .autocomplete-items {
    width: 47%;
}
.find_your_details_popup .details-section .col-xl-6:nth-child(5) .mb-3 .autocomplete-items div {
    font-size: 11px !important;
    padding: 15px 6px !important;
}
#your-details .bphonenumber .mb-3 span.error.text-danger {
    position: inherit;
}
body.modal-open {
    padding-right: 0 !important;
    overflow: hidden !important;
}
.find_your_details_popup .details-section .col-xl-6.bphonenumber .mb-3 input#countrydata {
    width: 40% !important;
    margin-right: 10%;
}
.find_your_details_popup .details-section .col-xl-6.bphonenumber ul#all_country_data {
    left: 0;
    width: 40%;
    right: initial;
}
.event-offers-section form.comm-form .mb-3.row div#region {
    width: 270px !important;
    position: relative;
    left: inherit;
    background: #fff url("../images/event-feather-arrow-left-icon.svg") !important;
    border: solid 2px var(--black-light);
    padding: 15px 17px 12px 17px;
    height: 50px;
    display: flex;
    justify-content: start;
    align-items: center;
    text-align: left !important;
    margin-left: 0;
    background-repeat: no-repeat !important;
    background-size: 17px !important;
    background-position: 97% 55% !important;
        margin-bottom: 0 !important;
}
.find_your_details_popup .details-section .col-xl-6.bphonenumber ul#all_country_data li {
    font-size: 12px;
    padding: 6px 5px !important;
    line-height: 16px;
}
.section-top .form-section form#form-frontpage .location-arrow.loc-arrow .wrap-drop.input.book_location.border-red {
       border: 1px solid var(--red) !important;
}
section.loc-pr-din-enq-section .right-part .forminator-row:nth-child(8), section.loc-pr-din-enq-section .right-part .forminator-row:nth-child(9) {
    margin-bottom: 13px !important;
}
section.loc-pr-din-enq-section .right-part ul.select-nearestbills{
    width:100%;
}
section.loc-pr-din-enq-section .right-part .private_dining_party_size input.forminator-input {
    padding: 10px 0px;
}
section.loc-pr-din-enq-section .right-part .private_dining_time span.select2-selection.select2-selection--single {
    border-color: var(--black-light) !important;
}
.forminator-custom-form.forminator-design--material .forminator-is_active label.forminator-label {
    padding: 0px 0px 9px !important;
}
.forminator-ui.forminator-custom-form[data-design=material] .forminator-is_active .forminator-floating--textarea{
  padding: 0px 0px 9px !important;
}
#your-details .details-section .col-xl-6.bphonenumber .mb-3 span.error.text-danger {
    position: absolute;
    bottom: -29px;
    
}
#bill-experiences .modal-body {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
}
#bill-experiences .bill-exp-section {
    width: 960px;
    margin: 0 auto;
}
#bill-experiences .bill-exp-section .top-section .title {
    color: var(--black-light);
    font-size: 37px;
    line-height: 37px;
    letter-spacing: 0;
    text-align: center;
    padding: 0 0 54px;
}

#bill-experiences .bill-exp-section .top-section p {
    font-size: 14px;
    line-height: 28px;
    color: var(--black-light);
    letter-spacing: 0.14px;
    margin: 0px;
    padding: 47px 0px 35px;
}
#bill-experiences .bill-exp-section p.powerby-section {
    position: initial;
}
#bill-experiences .bill-exp-section .mid-section {
    padding: 0px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
}

#bill-experiences .bill-exp-section .mid-section .box {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 49px;
    border-bottom: solid 2px var(--black-light);
    margin-bottom: 49px;
}
#bill-experiences .bill-exp-section .mid-section .box .img-box, #bill-experiences .bill-exp-section .mid-section .box .img-box img {
    width: 238px;
    height: 238px;
    object-fit: cover;
    object-position: 50% 50%;

}
#bill-experiences .bill-exp-section .mid-section .box .img-box img{
  border: solid 2px var(--black-light);
}
#bill-experiences .bill-exp-section .mid-section .box .content-box {
    width: 623px;
    margin-left: 39px;
}
#bill-experiences .bill-exp-section .mid-section .box .content-box p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.16px;
    margin: 0;
    padding: 0;
    /* word-break: break-all; */
    color: var(--dark-charcoal-color);
}
#bill-experiences .bill-exp-section .mid-section .box .content-box .title {
    color: var(--black-light);
    font-size: 26px;
    line-height: 26px;
    letter-spacing: 0;
    padding-bottom: 17px;
}
#bill-experiences .bill-exp-section .mid-section .box .content-box a.btn:before {
    display: none;
}

#bill-experiences .modal-dialog.modal-fullscreen .modal-content .modal-footer p{
      padding-bottom: 47px;
} 
#bill-experiences .bill-exp-section .bottom-section a.btn:before {
    display: none;
}
#bill-experiences .bill-exp-section .bottom-section a.back-btn {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0;
    padding-bottom: 0;
}
#private-dining-form-section .private_dining_restaurant .forminator-field .forminator-input--wrap:before{
  display:none !important;
}

.book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-footer p span {
    background: var(--night-blue);
    border: 1px solid var(--booktable-people-box-border-color);
    color: var(--white);
    font-size: 20px;
    line-height: 61px;
    letter-spacing: 0;
    text-align: center;
    display: block;
    width: 456px;
    height: 65px;
    margin: 0 auto;
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-footer p span a {
    color: var(--white);
}
iframe#launcher {
    z-index: 999 !important;
}
.custom_PostCodeF input#country1data {
    width: 77% !important;
    border: 1px solid var(--black-light);
    box-shadow: none;
    outline: none;
    height: 35px !important;
    padding-top: 2px;
    border-top: none;
    border-bottom: none;
}
.custom_PostCodeF {
    position: absolute;
    width: 52%;
    top: 100%;
    z-index: 1;
}
.custom_PostCodeF ul#all_country_data {
    width: 77% !important;
}

.nut_info {
    margin-bottom: 30px;
       color: var(--black-light);
}

.nicescroll-rails{
  opacity: 1 !important;
  background: rgb(205, 205, 205);
}
#your-details .heading p {
    margin: 0;
    padding: 9px 0px 0px;
    font-size: 16px;
    font-family: var(--input-sans);
    color: var(--dark-charcoal-color);
    line-height: 26px;
}
/*div#exampleModalCenteredScrollable .container .bookingMessage.text-danger.text-center {
    padding: 0px 0px 10px;
}*/
.banner-bottom-section .bottom-sec .homesliderbox .owl-carousel button.slick-prev.slick-arrow:before, 
.banner-bottom-section .bottom-sec .homesliderbox .owl-carousel button.slick-next.slick-arrow:before{
  display:none;
}
.banner-bottom-section .bottom-sec .homesliderbox .owl-carousel button.slick-prev.slick-arrow:after{
  background: url(../images/location-slider-left-arrow.svg);
 background-repeat: no-repeat;
 width: 30px;
 height: 30px;
 background-size: cover;
 content: '' !important;
 position: absolute;
 left: -8px;
 top: 0px;
}
.banner-bottom-section .bottom-sec .homesliderbox .owl-carousel button.slick-next.slick-arrow:after{
  background: url(../images/location-slider-right-arrow.svg);
 background-repeat: no-repeat;
 width: 30px;
 height: 30px;
 background-size: cover;
 content: '' !important;
 position: absolute;
 right: -8px;
 top: 0px;
}
.banner-bottom-section .bottom-sec .homesliderbox .owl-carousel button.slick-prev.slick-arrow{
  z-index:9;
}
.banner-bottom-section .bottom-sec .homesliderbox .owl-carousel ul.slick-dots li button:before {
    font-size: 46px;
    line-height: 20px;
}

.banner-bottom-section .bottom-sec .homesliderbox .owl-carousel {
    opacity: 0;
    display: none;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.banner-bottom-section .bottom-sec .homesliderbox .owl-carousel.owl-theme.nonloop.slick-initialized.slick-slider{
   display: block;
    opacity: 1; 
}

/*.banner-bottom-section .bottom-sec .homesliderbox {
    overflow: hidden;
}

.banner-bottom-section .bottom-sec .homesliderbox .owl-carousel {
    margin-top: 27px;
    display: flex;
    align-items: center;
    overflow: initial;
}
.banner-bottom-section .bottom-sec .homesliderbox .owl-carousel .item {
    margin-right: 16px;
    min-width: 179px;
}
.banner-bottom-section .bottom-sec .homesliderbox .owl-carousel .image-link img {
    min-height: 179px;
    object-fit: cover;
}*/

/* .k10-html-container {
    margin-top: 80px;
} */
.loc-wrapper.menu-wrapper .k10-banner {
    display: none !important;
}
#choose-alternative-time .sub-heading {
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.16px;
    color: var(--dark-charcoal-color);
}
.alternative-time ul.three-part-section {
   list-style: none;
       display: flex;
       width: 100%;
       justify-content: left;
       padding: 0;
      margin: 0px 0px 16px;
}
.alternative-time ul.three-part-section li:nth-child(2) {
    margin: 0px 10px;
}
.alternative-time ul.three-part-section li {
    width: calc(100% - 65px);
}
.alternative-time ul.three-part-section li a {
 justify-content: center;
 cursor: pointer;
     width: 100%;
     height: 51px;
     color: var(--dark-charcoal-color);
     border: 2px solid var(--black-light);
     letter-spacing: 0;
     text-decoration: none;
     outline: none;
     text-align: center;
     padding: 3px 0px 0;
     margin: 0px;
     font-size: 20px;
     line-height: 20px;
     overflow: hidden;
     font-family: var(--BalboaPlus);
     display: flex;
    justify-content: center;
    align-items: center;
        transition: all ease-in 0.3s;
}
.alternative-time ul.three-part-section li a:hover, 
.alternative-time ul.three-part-section li a:focus, 
.alternative-time ul.three-part-section li.active a{
      transform: translateY(-5px);
    box-shadow: 2px 15px 0px -10px var(--black-light);
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content a.arrow-img-sec {
    position: absolute;
    bottom: 14px;
    z-index: 2;
    right: 45px;
    width: 17px;
}
a.book-table-btn.mobile-view-section{
  display: none;
}
.nicescroll-rails.nicescroll-rails-vr.hide {
    display: none !important;
}
/*div#ascrail2003 {
    display: none !important;
}*/
.booking-confirm-thanks-msg{
  text-align: center;
      width: 450px;
      margin: 0 auto;
      padding: 20px 0px 0px;
}
.location-manchester-wrap .banner-bottom-section .title.mobile-view {
    background: var(--orange-color);
    color: var(--white);
    line-height: 42px;
    font-size: 13px;
    letter-spacing: 0;
    width: 154px;
    height: 41px;
    text-transform: uppercase;
    
    margin: 0px auto 20px;
        text-align: center;
        display: none;
        cursor: pointer;
}

.alternative-time ul.three-part-section li a.selected {
    background-color: var(--btn-color);
    color: var(--black-light);
}


/*locations dropwon*/
.dropq-wn-location h2 {
    padding-top: 105px;
    font-size: 35px;
    letter-spacing: 0;
    line-height: 36px;
    color: var(--black-light);
    margin-bottom: 35px;
}
.dropq-wn-location {
    max-width: 655px;
    margin: 0 auto;
    padding: 0 15px;
    width: 100%;
}
.dropq-wn-location .tab-collapse {
    height: 425px;
    overflow-y: auto;
    scrollbar-width: none;
}
.dropq-wn-location .box-innerstreet .group-btn a.bg {
    background: var(--btn-color);
}
.dropq-wn-location.active .tab-collapse {
    height: 435px;
}
.dropq-wn-location .tab-collapse::-webkit-scrollbar {
    display: none;
}
.dropq-wn-location button.btn-primary {
 background: transparent;
    font-size: 36px;
    letter-spacing: 0;
    line-height: 36px;
    margin: 0;
    position: relative;
    width: 100%;
    text-align: left;
    font-family: var(--BalboaPlus);
    color: var(--black-light);
    margin-bottom: 0;
/*    border: solid 2px var(--black-light);
    border-left: none;
    border-right: none;*/
    padding: 25px 0 21px;
}
.dropq-wn-location button.btn-primary {
    border: none;
}
.dropq-wn-location button.btn-primary.collapsed {
    border: solid 2px var(--black-light);
    border-left: none;
    border-right: none;
    border-top: none;
}
.dropq-wn-location button.btn-primary.collapsed:after {
    content: '';
    border: solid var(--black-light);
    border-width: 0px 3px 3px 0px;
    height: 15px;
    width: 15px;
    position: absolute;
    right: 0;
    top: 40%;
    transform: translate(-40%) rotate(45deg);
    transition: all ease-in 0.2s;
}
.dropq-wn-location button.btn-primary:after{
    content: '';
    border: solid var(--black-light);
     border-width: 0px 3px 3px 0px;
     height: 15px;
    width: 15px;
    position: absolute;
    right: 0;
    top: 40%;
    transition: all ease-in 0.2s;
    transform: translate(-40%) rotate(-135deg);

}

.dropq-wn-location button.btn-primary:focus{
    box-shadow: inherit;
}
.dropq-wn-location .box-innerstreet h3 {
    font-size: 16px;
    color:var(--dark-charcoal-color);
    line-height: 26px;
    letter-spacing: 0.16px;
    font-family: var(--input-sans) !important;
    font-weight: 600;
        margin: 0 0 12px;
}
.dropq-wn-location .box-innerstreet {
    margin-top: 0 !important;
    display: grid;
    grid-row-gap: 31px;
    grid-template: repeat(1, 1fr)/repeat(2, 1fr);
    grid-column-gap: 103px;
    width: 100%;
    margin: 31px auto 0;
}
.dropq-wn-location .box-innerstreet p {
    font-size: 16px;
    color: var(--dark-charcoal-color);
    letter-spacing: 0.16px;
    line-height: 26px;
    margin: 0 0 14px;
    display: block;
}
.dropq-wn-location .box-innerstreet .group-btn a.bookATableCustom {
    margin: 0 auto;
    font-size: 16px;
    padding: 0;
    width: 124px;
    letter-spacing: 0.27px;
    border: solid 1px transparent;
    background: var(--btn-color);
    color: var(--black-light);
    display: inline-block;
    margin-left: 13px;
    height: 42px;
    line-height: 42px;
    text-align: center;
}
.dropq-wn-location .box-innerstreet .group-btn a {
    font-size: 16px;
    width: 124px;
    letter-spacing: 0.27px;
    border: solid 2px var(--black-light);
    background: transparent;
    color: var(--black-light);
    text-decoration: none;
    padding: 0;
    display: inline-block;
    margin: 0 auto;
    font-family: var(--BalboaPlus);
    height: 42px;
    line-height: 40px;
    text-align: center;
}
.searchArea .dropq-wn-location .box-innerstreet .box-inner .group-btn a.common-btn:last-child {
    margin-left: 10px;
}

.searchArea .dropq-wn-location .box-innerstreet .box-inner .group-btn a.common-btn {
    margin: 0;
}
.dropq-wn-location .box-innerstreet>.col-lg-6 {
    padding: 0;
}
.dropq-wn-location .box-innerstreet .box-inner.sec {
    margin-right: 0;
}
.dropq-wn-location .box-innerstreet .box-inner.sec:before {
    content: none !important;
}
.dropq-wn-location .box-innerstreet .box-inner {
    margin-right: 0;
    margin-bottom: 52px;
    position: relative;
    padding-right: 0;
}
.dropq-wn-location .box-innerstreet .box-inner .group-btn{
    display: flex;
}
.dropq-wn-location .box-innerstreet .box-inner:before {
    content: '';
    background: var(--black-light);
    position: absolute;
    right: -51px;
    width: 2px;
    height: 100%;
    top: 0;
}

.dropq-wn-location .box-inner .group-btn {
    margin-top: 9px;
}
/*end locations dropwon*/


/*mCSB scrollbar*/
.mCSB_dragger{
   right: 0;
    z-index: 1000;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000 !important;
    width: 6px !important;
    margin: 0 0px 0 10px !important;
    height: 30px !important;
    z-index: 100000;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background: #000;
}
.mCSB_inside > .mCSB_container {
    margin-right: 0 !important;
}
.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px !important;
    height: 100% !important;
    margin: 0 auto !important;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgb(205, 205, 205);
    margin: 0 0px 0 10px;
    width: 6px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    position: absolute;
    top: 0;
    right: 0;
}
.datepicker table.table-condensed td.day.disabled.day {
    color: #cdcdcd;
}
/*mCSB scrollbar*/
.alternative-time span.alternative-location {
  text-align: center;
      margin: 0 auto;
      display: block;
      padding-bottom: 25px;
      padding-top: 40px;
      font-size: 16px;
      line-height: 19px;
      letter-spacing: 0.16px;
      color: var(--dark-charcoal-color);
      font-weight: var(--font-weight-600);
}


/*location page css center */

.locations-wrapper .inner .container-fluid.searchArea .row .col-12:last-child {
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
}
.nearest-bill-restorent.hide .row.justify-content-center.align-items-center .col-12:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/*location page css center */

/*credit card add popup nad page*/
.credit-card {
    padding-top: 0;
    padding-bottom: 0;
}

#your-details .credit-card .heading {
    padding-bottom: 12px;
    font-size: 26px;
    letter-spacing: 0px;
    line-height: 26px;
    color: var(--black-light);
    display: inline-block;
    font-family: var(--BalboaPlus);
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
.credit-card .credit-card-content {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.16px;
    padding: 0 0 61px;
    display: block;
    color: var(--dark-charcoal-color);
    clear: both;
    overflow: hidden;
    margin: 0;
    text-align: center;
}
#your-details .modal-dialog.modal-fullscreen .modal-content .form-control::placeholder {
    color: var(--black-light);
}
.credit-card input.form-control.input {
    border-bottom: solid 1px var(--dark-charcoal-color) !important;
}
.credit-card .col-xl-6:nth-child(4) .mb-3 {
    width: 100% !important;
}
.credit-card .col-xl-6:nth-child(4) .mb-3 .form-group {
    width: 100%;
}
.add-booking-notes span.btn-primary {
    background: transparent !important;
    color: var(--dark-charcoal-color);
    font-size: 16px;
    
    padding-bottom: 26px !important;
    display: block;
    text-align: center;
    letter-spacing: 0.48px;
    line-height: 23px;
    text-decoration: underline;
    position: relative;
    transition: ease-in all 0.5s;
}
.add-booking-notes span.btn-primary.collapsed{
    position: relative;
}

.add-booking-notes span.btn-primary.collapsed:after {
    content: '';
    position: absolute;
    border: solid var(--dark-charcoal-color);
    border-width: 0px 2px 2px 0px;
    height: 9px;
    width: 9px;
    margin: 0 auto;
    transform: rotate(45deg);
    top: 4px;
    margin-left: 12px;
    transition: ease-in all 0.3s;
}


.add-booking-notes span.btn-primary:after {
    content: '';
    position: absolute;
    border: solid var(--dark-charcoal-color);
    border-width: 0px 2px 2px 0px;
    height: 9px;
    width: 9px;
    margin: 0 auto;
    transform: rotate(-135deg);
    top: 10px;
    margin-left: 12px;
    transition: ease-in all 0.3s;
}
.Card_error {
    background: #e59f9fb3;
    padding: 8px;
    border-radius: 2px;
    text-align: left;
    color: #c12828;
}



/*bottom btn fixed*/
.event-offers-section .row.align-items-center.btn-bottom-box {
    display: flex;
    align-items: inherit !important;
}
.event-offers-section .row.align-items-center.btn-bottom-box .col-12.col-sm-6.col-md-6.col-lg-6:last-child {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: self-start;
}
.event-offers-section .row.align-items-center.btn-bottom-box .inner {
    margin-top: 0;
    padding: 53px 11px 0px 55px;
}
.event-offers-section .btn-find-more {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    margin-top: auto;
    margin-bottom: 0;
    padding: 0 0 43px 55px;
}

/*bottom btn fixed*/

/*new design single resturant*/
.whats-on .drop-down-resturant-view {
    display: none;
}

.whats-on .drop-down-resturant-view.active {
    display: block;
}
section.whats-on{
    overflow-x: hidden;
}
.whats-on .btn-main-whats {
    background: var(--canvas-beige);
    width: 100%;
    height: 143px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: solid 2px var(--black-light);
    border-bottom: solid 2px var(--black-light);
}
.common-pr-sec .btn-main-whats .what-btn {
    background: transparent;
    font-size: 38px;
    line-height: 38px;
    color: var(--black-light);
    border: transparent;
    margin: 0 auto;
    text-align: center;
    position: relative;
    font-family: var(--BalboaPlus);
}
.whats-on .btn-main-whats .what-btn:after {
    content: '';
    border: solid var(--black-light);
    height: 13px;
    width: 13px;
    border-width: 0px 2px 2px 0px;
    position: absolute;
    transform: rotate(45deg);
    top: 7px;
    margin-left: 39px;
    transition: ease-in all 0.4s;
}
.whats-on .nonloop-new {
    max-width: 1360px;
    margin: 121px auto 140px;
}
.whats-on .filter-clear {
    margin: 108px auto 51px;
    max-width: 1360px;
}
.whats-on .nonloop-new .itembox {
    /*width: 437px;*/
    margin: 0 auto;
    background: var(--canvas-beige);
    border: solid 2px var(--black-light);
}
.whats-on .filter-clear input:checked {
    background: var(--black-light) !important;
    border-color: var(--black-light) !important;
    box-shadow: none;
}
.whats-on .filter-clear input {
    width: 17px;
    height: 17px;
    border-color: var(--black-light);
    background: transparent !important;
    margin-right: 15px;
    margin-top: 0;
}
.whats-on .filter-clear label {
    font-size: 16px;
    color: #000000;
    line-height: 23px;
}
.whats-on .filter-clear .form-check.form-check-inline {
    margin-right: 30px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
.filter-clear .row>.col-xl-6:first-child {
    display: flex;
    align-items: center;
}
.whats-on .filter-clear button.btn {
    width: 121px;
    height: 42px;
    float: right;
    line-height: 23px;
    font-size: 16px;
    margin-top: -2px;
}
.whats-on .nonloop-new .box img {
    height: 254px;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
    border-bottom: solid 2px var(--black-light);
}
.whats-on .nonloop-new .inner {
    padding: 36px 0 0 31px;
    display: block;
    flex-wrap: wrap;
    position: relative;
}
.whats-on .nonloop-new .title {
    font-size: 26px;
    color: var(--black-light);
    line-height: 31px;
    padding-bottom: 17px;
    text-overflow: ellipsis;
    white-space: pre;
    overflow: hidden;
}

.whats-on .nonloop-new .ItemImgBox {
    padding: 0 0 40px 0;
}
.nonloop-new.dining .ItemImgBox{
    padding: 0 0 40px 0;
}
.whats-on .nonloop-new .find-btm {
    padding: 0 31px 0 31px;
}
.whats-on .nonloop-new .inner {
    padding: 36px 36px 0 31px;
    display: block;
    flex-wrap: wrap;
    position: relative;
}
.whats-on .nonloop-new .inner p {
    margin: 0;
    font-size: 16px;
    line-height: 26px;
    color: var(--dark-charcoal-color);
    height: 87px;
    letter-spacing: 0.16px;
}
.whats-on .nonloop-new .slick-prev:before, .whats-on .nonloop-new .slick-next:before {
    color: var(--black-light);
    content: '' !important;
    border: solid var(--black-light);
    border-width: 0px 3px 3px 0px;
    height: 10px;
    width: 10px;
    position: absolute;
}
.whats-on .nonloop-new .slick-prev:before {
    transform: rotate(134deg);
        top: 18px;
    right: 16px;
}
.whats-on .nonloop-new .slick-next:before {
    transform: rotate(-45deg);
       right: 18px;
    top: 18px;
}
.whats-on .nonloop-new button.slick-arrow {
    border: solid 1px var(--black-light);
    border-radius: 50%;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}
.whats-on .nonloop-new button.slick-prev.slick-arrow
{
    left: -130px;
}
.whats-on .nonloop-new button.slick-next.slick-arrow{
    right: -130px;
}
.whats-on .nonloop-new .find-btm .common-btn {
    justify-content: start;
    padding: 10px 18px 10px 18px;
}
.whats-on .btn-main-whats .what-btn.active:after {
    transform: rotate(-135deg);
    top: 15px;
}
/*new design single resturant*/

/*#bill-experiences .modal-body.hidden {
    overflow: hidden;
}*/

/*menu search*/

.autocomplete-items div:last-child {
    border: none;
}
.menu-search-multipal input {
    width: 100%;
    padding: 17px 17px 17px 20px;
    background: var(--white) url(../images/arrowiconmenu.png);
    background-repeat: no-repeat;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    font-size: 20px;
    color: var(--black-light);
    height: 50px;
    border: 2px solid var(--black-light);
    font-family: var(--BalboaPlus);
    background-position: 95% 50%;
    background-size: 17px 17px;
}
.menu-search-multipal .wrap-drop.input.form-select {
    padding: 0 !important;
    border: none;
    background: none;
    height: auto;
    max-width: 356px;
    width: 100%;
}
/*menu search*/
div#boxscrollpopup, 
#bill-experiences .bill-exp-section .mid-section {
    position: inherit !important;
    max-height: auto;
    height: inherit !important;
    outline: inherit;
    width: auto !important;
    top: inherit !important;
    left: inherit !important;
    overflow-y: scroll !important;
}




/*private dining*/

.private-dining-container {
    max-width: 1702px;
    margin: 0 auto;
    padding: 88px 15px 60px;
    /*display: none;*/
}
.discover .private-dining-container{
  display: none;
}
.discover .private-dining-container.active{
  display: block;
}
.private-dining-box {
    display: grid;
    grid-row-gap: 46px;
    grid-template: repeat(1, 1fr) / repeat(3, 1fr);
    grid-column-gap: 38px;
}
.private-dining-box .item-img {
    height: 386px;
}
.private-dining-box .item-img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: 100%;
    /*border: solid 2px var(--black-light);*/
}
/*.private-dining-box .item-img img:after {
    content: '';
    background: url('../images/pdrgraphic.png');
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}*/
.private-dining-box .item {
    position: relative;
        transition: all ease-in 0.3s;
}
.private-dining-box .item:hover{
    /*color: var(--black-light);*/
    transform: translateY(-5px);
    box-shadow: 2px 23px 0px -10px var(--black-light);
}
.private-dining-box .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
}
.private-dining-box .content span {
    font-size: 55px;
    line-height: 55px;
    color: var(--black-light);
    font-family: var(--BalboaPlus);
    letter-spacing: 0;
}
.private-dining-box .item-img {
    position: relative;

}

.private-dining-box .item-img:before {
    content: '';
    background: url('../images/contact-banner-effect-bg.svg');
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    pointer-events: none;
    background-position: bottom center;
        /*border: solid 2px var(--black-light);*/
              background-blend-mode: multiply;
    background-color: #ffffff75;
            /*opacity: 0.2;*/
}
.private-dining-box .item-img:after {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    pointer-events: none;
    background-position: bottom center;
    border: solid 2px var(--black-light);
}
.whats-on.private-dining .drop-down-resturant-view{
    display: block;
}
.whats-on.private-dining .btn-main-whats .what-btn:after{
    display: none;
}
.whats-on.private-dining .nonloop-new {
    max-width: 1362px;
    margin: 112px auto 98px;
}
.whats-on.private-dining .nonloop-new button.slick-prev.slick-arrow{
        left: -170px;
            background: var(--btn-color);
    height: 48px;
    width: 48px;
    position: absolute;
    transform: translateY(-50%);
    z-index: 1000;
    color: var(--black-light);
    border-radius: 100%;
    border: solid 2px var(--black-light);
    transition: all ease-in 0.3s;
}
.whats-on.private-dining .nonloop-new button.slick-arrow:hover {
    box-shadow: 0px 5px 0px 0px var(--black-light);
    top: 49%;
}
.whats-on.private-dining .nonloop-new button.slick-next.slick-arrow{
     right: -170px;
    background: var(--btn-color);
    height: 48px;
    width: 48px;
    position: absolute;
    transform: translateY(-50%);
    z-index: 1000;
    color: var(--black-light);
    border-radius: 100%;
    border: solid 2px var(--black-light);
    transition: all ease-in 0.3s;
}
.common-pr-sec .slick-initialized .slick-slide {
    display: block;
    margin: 0 8px;
}
.whats-on.private-dining .btn-main-whats{
    cursor: inherit;
}
.discover button.what-btn {
    background: transparent;
    font-size: 24px;
    line-height: 34px;
    color: var(--black-light);
    
    border: transparent;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.discover .btn-main-whats {
    background: var(--canvas-beige);
    width: 100%;
    height: 143px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
        border-top: solid 2px var(--black-light);
}
.discover .btn-main-whats.active{
  border-bottom: solid 2px var(--black-light);
}
.discover .private-dining-container {
    padding: 113px 15px 45px;
}
.dining-footer {
    background: var(--yellow);
    padding: 73px 0;
    text-align: center;
    margin: 0 auto;
    border-top: solid 2px var(--black-light);
}
.dining-footer span {
    font-size: 16px;
    font-weight: 400;
    color: var(--dark-charcoal-color);
    line-height: 26px;
    letter-spacing: 0.16px;
    display: block;
    max-width: 605px;
    text-align: center;
    margin: 0 auto 12px;
}
.dining-footer a {
    margin: 0 auto;
}
.private-dining-banner.mobile-banner {
    display: block;
}
.wrapper.private-dining-wrapper {
    padding: 0;
}
/*private dining*/


/*private dining one slider*/
.whats-on .dining-one-slider .box img {
    height: 513px;
}
.whats-on .dining-one-slider .box{
    position: relative;
}
.whats-on .dining-one-slider .inner-content {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    left: 50%;
    text-align: center;
        z-index: 2;
}
.whats-on .dining-one-slider .itembox{
    background: transparent;
}

.whats-on .dining-one-slider .title {
    font-size: 40px;
    color: var(--white);
    margin-bottom: 8px;
    font-weight: 900;
    line-height: 57px;
    text-transform: uppercase;
    padding: 0;
}
.whats-on .dining-one-slider .ItemImgBox{
    padding: 0;
}
.whats-on .dining-one-slider .inner-content p {
    font-size: 20px;
    line-height: 29px !important;
    color: var(--white);
    font-weight: 400;
    height: auto;
    padding-bottom: 20px;
}
.whats-on .dining-one-slider .inner{
    padding: 0;
}

.whats-on .dining-one-slider .find-btm a {
    border-color: var(--white) !important;
    color: var(--white);
    font-size: 11px;
    text-transform: capitalize;
    line-height: 16px;
    width: 153px;
    height: 34px;
    padding: 8px;
}

.whats-on .dining-one-slider .find-btm a:hover{
    background: var(--white);
    color: var(--black-light);
}
.whats-on .dining-one-slider .box:before {
    content: '';
    background: url(../images/oneslideshadow.svg);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    pointer-events: none;
    background-position: bottom center;
}
.whats-on.private-dining .dining-one-slider button.slick-prev.slick-arrow {
    left: -180px;
}
.whats-on.private-dining .dining-one-slider  button.slick-next.slick-arrow {
    right: -180px;
}


section.loc-six-banner {
    background: none;
    min-height: initial;
    padding: 0px;
    min-height: 623px;
}
.location-manchester-wrap .enquiere-dining {
    max-width: 840px;
    margin: 85px auto 105px;
    padding: 0 15px;
    text-align: center;
}
.location-manchester-wrap .enquiere-dining p {
    padding-bottom: 29px;
    font-size: 16px;
    color: var(--dark-charcoal-color);
    line-height: 26px;
    margin: 0;
}
.location-manchester-wrap .enquiere-dining .common-btn {
    margin: 0 auto;
}
.location-manchester-wrap .enquiere-dining a.btn-enquire {
    height: 34px;
    padding: 7px;
    letter-spacing: 0px;
    opacity: 1;
    
    
    border-radius: 0px;
    font-size: 11px;
    line-height: 16px;
    position: relative;
    width: 153px;
    color: #000000;
    border: solid 1px #000000;
    text-decoration: none;
    display: inline-block;
}
.location-manchester-wrap .enquiere-dining a.btn-enquire:hover {
    color: var(--black-light) !important;
}
.banner-bottom-section .bottom-sec>span {
    min-height: 98px;
    display: inline-block;
}
.banner-bottom-section .bottom-nner-pd ul li {
    list-style: none;
    font-size: 16px;
    color: #2F2F2F;
    line-height: 22px;
    padding-bottom: 13px;
}
.banner-bottom-section .bottom-nner-pd ul {
    padding: 0;
}
.banner-bottom-section .bottom-nner-pd.facilities ul li {
    /*width: 40%;*/
    width: 45%;
    margin: 0px 9px 0px 0px;
}

.banner-bottom-section .bottom-nner-pd.facilities ul {
    display: flex;
    flex-wrap: wrap;
}

.heading-btn-big {
    background: var(--canvas-beige);
    width: 100%;
    height: 143px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    line-height: 26px;
    color: var(--black-light);
    border: transparent;
    margin: 0 auto;
    text-align: center;
    font-family: var(--BalboaPlus);
    position: relative;
    border-top: solid 2px var(--black-light);
    border-bottom: solid 2px var(--black-light);

}
.location-manchester-wrap .enquiere-now>span {
    font-size: 16px;
    line-height: 26px;
    max-width: 858px;
    padding: 95px 15px 76px;
    display: flex;
    text-align: center;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.16px;
}

.view-gallery .gallery-sec {
    max-width: 1392px;
    margin: 0 auto;
    padding: 121px 15px 135px;
}
.view-gallery.whats-on .nonloop-new .box img {
    height: 513px;
        border-bottom: transparent;
}
.view-gallery .nonloop-new .ItemImgBox{
    padding: 0;
}
.view-gallery .nonloop-new .itembox{
    background: transparent;
}

.dining.nonloop-new .find-btm a.btn,
.dining-one-slider.nonloop-new .find-btm a.btn {
    height: 34px;
    padding: 8px 0;
        width: 113px;
}
section.loc-pr-din-enq-section .right-part .forminator-has_error span.select2-selection.select2-selection--single {
    border-color: #e04562 !important;
    border-bottom-width: 2px !important;
}
section.loc-pr-din-enq-section .right-part ul.select-nearestbills {
    width: 100%;
    top: 48px;
}
.location-manchester-wrap .near_bills_section .forminator-field .forminator-input--wrap:before{
        pointer-events: none;
}
.location-manchester-wrap button.forminator-button.forminator-button-submit.private_dining_submit {
    width: 153px ;
    height: 34px ;
    padding: 8px 0 ;
}
.nonloop-new.gallery-sec button.slick-prev.slick-arrow {
    left: -170px;
    background: var(--btn-color);
    height: 48px;
    width: 48px;
    position: absolute;
    transform: translateY(-50%);
    z-index: 1000;
    color: var(--black-light);
    border-radius: 100%;
    border: solid 2px var(--black-light);
    transition: all ease-in 0.3s;
}
.nonloop-new.gallery-sec button.slick-next.slick-arrow{
       right: -170px;
    background: var(--btn-color);
    height: 48px;
    width: 48px;
    position: absolute;
    transform: translateY(-50%);
    z-index: 1000;
    color: var(--black-light);
    border-radius: 100%;
    border: solid 2px var(--black-light);
    transition: all ease-in 0.3s;
}
.nonloop-new.gallery-sec button.slick-arrow:hover {
    box-shadow: 0px 5px 0px 0px var(--black-light);
    top: 49%;
}

.loc-six-banner.previous-banner .carousel-inner .carousel-item img {
    height: 687px;
}
.previous-whatson.whats-on.private-dining .nonloop-new{
    margin: 80px auto 85px;
}

section.loc-pr-din-enq-section.previous-private-from .container-fluid .row{
    background: var(--canvas-beige);
    border-left: solid 2px var(--black-light);
}
section.loc-pr-din-enq-section.previous-private-from{
    padding-bottom: 0;
}
section.loc-pr-din-enq-section.previous-private-from .container-fluid .right-part {
    max-width: 800px;
    margin: 0 auto;
    padding: 83px 20px 89px;
}
section.loc-pr-din-enq-section.previous-private-from .container-fluid .right-part .form-row-grid{
      align-items: start;
}
section.loc-pr-din-enq-section.previous-private-from .right-part button.forminator-button.forminator-button-submit{
    width: 161px;
    height: 48px;
}
.map-sec.previous-map{
    height: 394px !important;
}

/*hero banner*/

.section-top.hero-slider-add {
    padding: 0;
}
.hero-slider-add .img-box img,
.hero-slider-add .img-box video{
    height: 100vh;
    object-fit: cover;
    width: 100%;
}
.hero-slider-add .hero-slider{
    overflow: hidden;
    margin: 0;
    display: block;
    clear: both;
    position: relative;
    height: 100%;
}

.hero-slider-add .slick-dots li button:before {
    content: '';
    border: solid 1px white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
        height: 7px;
    width: 7px;
}
.hero-slider-add  .slick-dots li{
    margin: 0;
}
.hero-slider-add .slick-dots li button {
    height: 20px !important;
    width: 20px !important;
    padding: 0px !important;
}
.hero-slider-add .slick-dots li.slick-active button:before {
    color: var(--white);
    content: "•";
    font-size: 23px;
}
.hero-slider-add .slick-dots {
    position: absolute;
    /*bottom: -30px;*/
    bottom: -18px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    z-index: 1;
}

.hero-slider-add .slick-dots li.slick-active button:before {
    opacity: .75;
    color: var(--white);
}

.hero-slider-add .img-box{
    position: relative;
}
.hero-slider-add .img-box:before {
    content: '';
    position: absolute;
    top: inherit;
    bottom: 0;
    left: 0;
    right: 0;
    opacity:4;
    background: url(../images/header-bg-mobile-after.png);
    background-position: center bottom;
    background-size: cover !important;
    height: 100%;
    width: 100%;
        z-index: 2;
        pointer-events: none;
}
.hero-slider-add .slick-initialized .slick-slide{
    margin: 0 !important;
    overflow: hidden;
    height: 100vh;
}
.section-top.hero-slider-add video.videoval{
        position: inherit;
    top: inherit;
    left: inherit;
}
.hero-slider-add .hero-slider .box-slider-banner{
    position: relative;
    overflow: hidden;
    height: 100vh;
}
/*.hero-slider-add .slide-add-tittle{
        letter-spacing: 1.74px;
    color: var(--white);
    font-size: 50px;
    line-height: 52px;
    
    padding-top: 0%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    top: 50%;
    text-transform: uppercase;
}*/
.section-top .mobile-bookatable .heading.slide-add-tittle, .section-top .mobile-bookatable h1.heading.slide-add-tittle {
    position: initial !important;
    top: initial;
    transform: initial;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center !important;
    display: block;
}
.section-top .mobile-bookatable {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    top: 50%;
    z-index: 10;
}
/*hero banner*/

/*popup btn */
.billscustom_homeback_main .modal-header {
    justify-content: inherit;
    padding: 29px 0 65px;
}
.billscustom_homeback_main .modal-header .closebtn {
   margin:0 0 0 auto !important;
    text-align: right;
    margin-top: 0 !important;
}
.billscustom_homeback_main .billscustom_homeback {
  width: 147px;
  font-size: 20px;
  margin-left: 31px;
  height: 51px;
}
.billscustom_homeback_main .billscustom_homeback img {
    width: 13px;
    margin-right: 6px;
}
.billscustom_homeback_main .book-table-bhback {
    margin-bottom: 71px;
}

.billscustom_homeback_main_page .find_your_details_popup_sec,
.experiencesN.billscustom_homeback_main_page,
.alternative-timeternate-cus.billscustom_homeback_main_page,
.fourth_custom.billscustom_homeback_main_page{
    padding-top: 0 !important;
}

.billscustom_homeback_main_page .billscustom_homeback {
    margin: 140px 15px 40px;
}
.experiencesN.billscustom_homeback_main_page{
    display: block;
}
.billscustom_homeback_main_page .bill-exp-section {
   max-width: 960px;
    margin: 0 auto;
    width: 100%;
    padding: 0 15px;

}
.billscustom_homeback_main_page .top-section .title{
    padding-top: 0 !important;
}
/*popup btn */

/*toggle private dining*/
.private-dining .nonloop-new.dining{
    display: none;
  }
.private-dining .nonloop-new.dining.active{
    display: block;
}
.common-pr-sec.private-dining .btn-main-whats .what-btn.active:before {
    content: '' !important;
    background: url(../images/arrowpdr.svg);
    position: absolute;
    top: 50%;
    right: -30px;
    transform: translateY(-50%) rotate(0deg);
    margin-top: 0;
    transition: all ease-in 0.3s;
    background-size: cover;
    height: 12px;
    width: 24px;
}
.common-pr-sec.private-dining .btn-main-whats .what-btn:before {
    content: '' !important;
    background: url(../images/arrowpdr.svg);
    position: absolute;
    top: 50%;
    right: -30px;
    /*transform: translateY(-50%) rotate(180deg);*/
    margin-top: 0;
    transition: all ease-in 0.3s;
    background-size: cover;
    height: 12px;
    width: 24px;
}

/*toggle private dining*/
.book-atable-content .down {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 28px auto 0px;
    width:35px;
}

.book-atable-content .down img {
    display: inline-block;
    width:35px;
}
/*newsletter*/
.wrap-drop.custom-drop-two ul {
    display: none;
    border-color: var(--dark-charcoal-color);
 }
.wrap-drop.custom-drop-two  {
    background: transparent;
    border-bottom: solid 1px var(--dark-charcoal-color);
    padding: 0px 0 12px !important;
    display: flex;
    align-items: center;
    height: auto;
}
.wrap-drop.custom-drop-two.active ul {
    display: block;
    overflow: hidden;
}

.wrap-drop.custom-drop-two span {
    font-size: 16px;
    color: var(--dark-charcoal-color);
    letter-spacing: 0.16px;
    line-height: 26px;
    font-weight: normal;
}

.wrap-drop.custom-drop-two ul li{
    font-size: 16px;
    color: #2F2F2F;
    letter-spacing: 0.16px;
    line-height: 26px;
    max-width: 100%;
    width: 100%;
    border-color: var(--dark-charcoal-color);
    font-weight: normal;
}
.newsletter-form .wrap-drop{
    max-width: 104px;
    width: 100%;
    margin-left: 0;
}
.wrap-drop.custom-drop-two:before {
    content: '';
    border: solid 2px;
    border-width: 0px 2px 2px 0px;
    padding: 2px;
    height: 11px;
    width: 11px;
    position: absolute;
    right: 0;
    transform: translateY(-50%) rotate(45deg);
    top: 50%;
    transition: all ease-in 0.3s;
}
/*.wrap-drop.custom-drop-two.active:before {
    transform: translateY(-50%) rotate(-135deg);
        margin-top: 5px;
}*/
.form-row-grid .form-control {
    background: transparent;
    border: none;
    border-bottom: solid 1px var(--black-light);
    color: var(--dark-charcoal-color);
    border-radius: 0px;
    padding-left: 0;
    font-size: 16px;
    letter-spacing: 0.16px;
    line-height: 26px;
    padding: 0 0 12px;
    width: 100%;
}
.wrapper.subscribe-section .subscribe-form form.newsletter-form p {
    margin-bottom: 0;
}
.wrapper.subscribe-section .subscribe-form .near_bills_section {
    padding-top: 0 !important;
}
.wrapper.subscribe-section div#news_restaraunt {
    padding-bottom: 0;
}
.wrapper.subscribe-section .subscribe-form .near_bills_section input#preferred_restaurantsval{
    width: 100%;
    height: 39px;
    margin: 0;
    padding-bottom: 0;
    background: transparent;
    border: none;
    color: var(--dark-charcoal-color);
        font-size: 16px;
    letter-spacing: 0.16px;
    line-height: 26px;
}
.wrapper.subscribe-section .subscribe-form .near_bills_section input#preferred_restaurantsval:focus,
.booking-mid-sec .group-booking-page input.nearest-billg:focus{
  outline: none;
}
.wrapper.subscribe-section .subscribe-form .near_bills_section input#preferred_restaurantsval::placeholder,
.booking-mid-sec .group-booking-page input.nearest-billg::placeholder {
        color: var(--dark-charcoal-color);

}
.booking-mid-sec .group-booking-page ul#nearest_bills_datag {
    height: auto;
}
.booking-mid-sec .group-booking-page input.nearest-billg {
    width: 100%;
    height: 39px;
    margin: 0;
    padding-bottom: 0;
    background: transparent;
    border: none;
    color: var(--dark-charcoal-color);
    font-size: 16px;
    letter-spacing: 0.16px;
    line-height: 26px;
}

.wrapper.subscribe-section .wrap-drop.custom-drop-two:before,
.wrapper.subscribe-section .wrap-drop.custom-drop-multipal:before{
    transform: translateY(-35%) rotate(45deg);
    top: 30%;
}
.form-row-grid .form-control:focus{
    box-shadow: initial;
}
.form-row-grid .form-control::placeholder{
    color: var(--black-light);
}
.form-row-grid {
    display: grid;
    grid-row-gap: 31px;
    grid-template: repeat(1, 1fr)/repeat(2, 1fr);
    grid-column-gap: 49px;
    width: 100%;
    margin: 31px auto 0;
    align-items: end;

}
/* Chrome, Safari, Edge, Opera */
.form-row-grid .form-control::-webkit-outer-spin-button,
.form-row-grid  .form-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.form-row-grid .form-control[type=number] {
  -moz-appearance: textfield;
}
.form-row-grid .form-control[type=calendar] {
    background: url(../images/icon-feather-calendar.svg) !important;
    background-repeat: no-repeat !important;
    appearance: none;
    padding-right: 30px;
    background-size: 16px !important;
    background-position: right center !important;
}
.newsletter-form .form-row-grid .wrap-drop{
 max-width: 100%;
}
.newsletter-form .text-msg-form{
    margin-top: 31px;
    margin-bottom: 20px;
    
}
.newsletter-form .common-btn{
    text-align: left;
    justify-content: start;
    padding:10px 18px 10px 18px;
}
.wrapper.subscribe-section .subscribe-form .text-msg-form p{
    margin-bottom: 0;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.14px;
    color: var(--dark-charcoal-color);
}
/*newsletter*/


/*contact-us*/

.contact-section .heading-comm {
    background: var(--canvas-beige);
    padding: 0;
    margin: 0;
    border: solid 2px var(--black-light);
        border-top: none;
}
.contact-section .inner-section{
    max-width: 790px;
    margin: 0 auto;
    padding: 50px 15px 68px;
}
.custom-drop-multipal {
    background: transparent;
    border-bottom: solid 1px var(--dark-charcoal-color);
    display: flex;
    padding: 0 0 12px;
    align-items: center;
    height: auto;
}
.custom-drop-multipal ul {
    display: block;
    overflow-x: hidden;
    border-color: var(--dark-charcoal-color);

}
.custom-drop-multipal ul li {
    font-size: 16px;
    color: #2F2F2F;
    letter-spacing: 0.16px;
    line-height: 26px;
    max-width: 100%;
    width: 100%;
    border-color: var(--dark-charcoal-color);
    font-weight: normal;
}
.custom-drop-multipal span {
    font-size: 16px;
    color: var(--dark-charcoal-color);
    letter-spacing: 0.16px;
    line-height: 26px;
    font-weight: normal;
}
.wrap-drop.custom-drop-multipal:before {
    content: '';
    border: solid 2px;
    border-width: 0px 2px 2px 0px;
    padding: 2px;
    height: 11px;
    width: 11px;
    position: absolute;
    right: 0;
    transform: translateY(-50%) rotate(45deg);
    top: 50%;
    transition: all ease-in 0.3s;
}
.subscribe-form .newsletter-form .wrap-drop.custom-drop-multipal:before{
    top: 40%;
}
.subscribe-form .newsletter-form .wrap-drop.custom-drop-multipal.news_restaraunt:before {
    top: 20%;
}
.row-text-area textarea {
    height: 151px;
    background: transparent;
    border: none;
    border: solid 1px var(--black-light);
    color: var(--dark-charcoal-color);
    border-radius: 0px;
    font-size: 16px;
    letter-spacing: 0.16px;
    line-height: 26px;
    width: 100%;
    padding: 10px;
    margin: 29px 0 0;
    resize: none;
}
.row-text-area textarea:focus{
    box-shadow: initial;
    background: transparent;
    border-color: var(--black-light);
}
.check-feild {
    display: flex;
    flex-wrap: wrap;
}
.check-box-row .check-feild{
     margin: 17px 0 0;
}
.contact-section .check-box-row {
    margin: 31px 0 41px;
}
.check-feild label {
    margin-left: 14px;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.16px;
    color: var(--dark-charcoal-color);
    width: calc(100% - 35px);
}
.check-feild label a{
  color: var(--dark-charcoal-color);
  text-decoration: none;
}
.check-feild .check-input input {
    height: 21px;
    width: 21px;
    opacity: 0;
    position: relative;
    z-index: 2;

}
.check-feild .check-input input:checked ~ span:before{
    background: var(--black-light);
}
.check-feild  .check-input {
    position: relative;
    width: 21px;
}
.check-feild .check-input span:before {
    content: '';
    background: transparent;
    border: solid 1px var(--black-light);
    height: 21px;
    width: 21px;
    position: absolute;
    left: 0;
    transition: all ease-in 0.2s;
}
.check-feild .check-input span:after {
    content: '';
    background: transparent;
    border: solid 1px var(--white);
    height: 19px;
    width: 19px;
    position: absolute;
    left: 1px;
    opacity: 0;
    top: 1px;
    transition: all ease-in 0.2s;

}
.check-feild .check-input input:checked ~ span:after{
    border-color: var(--white);
    opacity: 2;
}
.contact-section .common-btn {
    text-align: left;
    justify-content: start;
    padding: 10px 18px 10px 18px;
}
.wrapper.subscribe-section .near_bills_section.active ul.select-nearestbills {
    display: block !important;
}.wrapper.subscribe-section .container-fluid .wrap-drop.custom-drop-two ul {
    display: none;
}
.wrapper.subscribe-section .container-fluid .wrap-drop.custom-drop-two.active ul {
    display: block;
}
.top-header.contact-banner{
    margin-top: 115px;
    padding: 0 0 0;
}
.row-text-area,
.form-group {
    position: relative;
}
.row-text-area .error,
.form-group .error,
.error, .footer-error-msg{
    color: red !important;
    font-size: 12px !important;
    line-height: 12px !important; 
    display: block;
    margin: 3px 0px 0px;
        width: 100%;
}
.footer-thanku-msg{
  font-size: 12px !important;
      line-height: 12px !important;
      margin: 3px 0px 0px;
      width: 100%;
      color: var(--black);
      background: var(--bg-color);
      padding: 6px 10px;
}
.wrapper.contact-wrap .contact-section .inner-section .heading.sec{
    margin: 49px 0 0;
}
.custom-drop-multipal .error, .custom-drop-two .error {
    position: absolute;
    bottom: -17px;
    display: block;
    margin: 0;
    left: 0;
}
.check-box-row p {
    margin-left: 0;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0.1px;
    color: var(--white);
}
/*contact-us*/

/*pdr form*/
.row-input-area .form-control{
    background: transparent;
    border: none;
    border-bottom: solid 1px var(--black-light);
    color: var(--dark-charcoal-color);
    border-radius: 0px;
    padding-left: 0;
    font-size: 16px;
    letter-spacing: 0.16px;
    line-height: 26px;
    padding: 0 0 12px;
    width: 100%;
     -webkit-background-clip: text;
    -moz-background-clip: text;
    -ox-background-clip: text;
    -webkit-text-fill-color: var(--dark-charcoal-color);
    -moz-text-fill-color:var(--dark-charcoal-color) ;
    -ox-text-fill-color: var(--dark-charcoal-color) ;
}
.menu-search-multipal input::placeholder{
  color: var(--black-light);
}
.row-input-area .form-control:focus{
    box-shadow: initial;
}
.single-resturant .right-part {
    width: 760px;
    margin: 0 auto 100px;
}
.row-input-area .form-control::placeholder{
    color: var(--dark-charcoal-color) !important;
}
.custom-drop-multipal.wrap-drop.bookdate .drop{
    display: none;
}
.custom-drop-multipal.wrap-drop.active .drop{
    display: block !important;
}
.single-resturant .right-part .title {
    font-size: 26px;
    color: var(--black-light);
    margin: 0 0 24px;
    line-height: 26px;
}
.single-resturant .right-part .row-text-area textarea {
    margin: 0;
}
.single-resturant .right-part .row-text-area label {
    margin: 0 0 9px;
    color: var(--dark-charcoal-color);
}
.single-resturant .right-part .row-text-area {
    margin: 41px 0 0;
}

.single-resturant  .form-row-grid {
    display: grid;
    margin: 40px auto 0;
    align-items: flex-start;
}
.single-resturant .right-part .common-btn {
    margin: 29px auto 0;
}
/*pdr form*/


/*single from*/
.previous-private-from .container-fluid .right-part .title {
    padding: 0 0 29px;
}
.previous-private-from .container-fluid .right-part .common-btn {
    margin: 26px 0 0;
    text-align: left;
    justify-content: start;
    padding: 10px 18px 10px 18px;
}
.previous-private-from .form-row-grid .form-control[type=calendar]{
    background-size: 12px !important;
}
.loc-pr-din-enq-section.previous-private-from .right-part textarea{
    margin-top: 0;
}
.loc-pr-din-enq-section .row-text-area {
    margin-top: 41px;
}
.section-top.hero-slider-add .form-section form#form-frontpage .location-arrow.loc-arrow .wrap-drop.input, 
.section-top.hero-slider-add .form-section .form-select, .section-top.hero-slider-add  button,
.section-top.hero-slider-add div#rparty_size{
    height: 50px !important;
    padding: 12px !important;
}
.section-top.hero-slider-add button{
    height: 51px !important;
    width: 90px !important;
}
.section-top.hero-slider-add .slick-arrow{
    display: none !important;
}
.section-top.hero-slider-add  .location-arrow a.arrow-img-sec{
    top: 12px;
}
.single-resturant .right-part .row-input-area .form-control, 
.single-resturant .right-part .form-row-grid .form-control, 
.single-resturant .right-part .custom-drop-multipal {
    height: 52px;
    padding-top: 10px;
    padding-bottom: 10px;
}
/*single from*/

/*slider arrow common css*/
.wrapper.join-team-wrap .join-team-box button.slick-arrow {
    background: var(--btn-color) !important;
        height: 50px !important;
    width: 50px !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    color: var(--black-light);
    border-radius: 100%;
    border: solid 2px var(--black-light);
    transition: all ease-in 0.3s;
}

.wrapper.join-team-wrap .join-team-box .box .slick-slider button.slick-next.slick-arrow:before {
    content: '' !important;
    border: solid 2px;
    border-width: 0px 2px 2px 0px;
    border-color: var(--black-light);
    position: absolute;
    padding: 2px;
    height: 10px;
    width: 10px;
    left: 16px;
    top: 52%;
    transform: translateY(-52%) rotate(-45deg);
    display: block !important;

}
.wrapper.join-team-wrap .join-team-box .box .slick-slider button.slick-prev.slick-arrow:before {
    content: '' !important;
    border: solid 2px;
    border-width: 0px 2px 2px 0px;
    border-color: var(--black-light);
    position: absolute;
    padding: 2px;
    height: 10px;
    width: 10px;
    left: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
    display: block !important;
}
.wrapper.join-team-wrap .join-team-box .box .slick-slider button.slick-arrow:hover {
    box-shadow: 0px 5px 0px 0px var(--black-light);
    top: 49%;
}
/*slider arrow common css*/


/*home popup-view*/
.home .pum-container.pum-responsive.pum-responsive-small {
    width: calc(100% - 30px) !important;
    max-width: 474px !important;
    padding: 0 !important;
    margin: 0px auto 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
.home-popupbox .modal-dialog {
    max-width: 1326px;
    margin: 0 auto;
    padding: 0 15px;
}
.home-popupbox .modal-dialog .modal-body {
    display: flex;
    padding: 0;
    flex-wrap: wrap;
    border: solid 2px var(--black-light);
    background: var(--canvas-beige);
}
.home-popupbox .modal-dialog .modal-header {
    border: none;
}
.home-popupbox .modal-dialog .modal-body .img-box {
    width: 50%;
}
.home-popupbox .modal-dialog .modal-body .content {
    width: 50%;
}
.home-popupbox .modal-dialog .modal-header button.btn-close {
    position: absolute;
    right: 9px;
    top: 12px;
    color: var(--white);
    z-index: 2;
}
.home-popupbox .modal-dialog .modal-header {
    padding: 0;
}
.home-popupbox .modal-dialog .modal-body .content {
    width: 50%;
    padding:78px 56px 81px 70px;
    background: #9DD4CA;
}
.home-popupbox .modal-dialog .modal-body .img-box img{
    max-width: 100%;
    border-right: solid 2px var(--black-light);
    height: 100%;
    object-fit: cover;
    max-height: 384px;
    width: 100%;
    min-height: 100%;
}
.home-popupbox .modal-dialog .modal-body .content .title {
    font-size: 23px;
    line-height: 32px;
    margin: 0;
    padding: 0px 0 18px;
    color: var(--black-light);
}
.home-popupbox .modal-dialog .modal-body .content p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.16px;
    margin: 0;
    padding: 0px 0 10px;
    color: var(--dark-charcoal-color);
}
.home-popupbox .modal-dialog .modal-body .content p a {
    color: var(--black-light);
}
.home-popupbox .modal-dialog .modal-body .content .common-btn {
    text-align: left;
    justify-content: start;
    padding: 10px 18px 10px 18px;
}
.home-popupbox .modal-dialog .modal-content {
    border-radius: 0px;
}
.home-popupbox .modal-dialog .modal-body button.btn-close.mobile-close{
    display: none;
}
.modal-backdrop.show {
   background: url(../images/popupbackground.png);
   height: 100%;
   width: 100%;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
       opacity: 4;
}
/*home popup-view*/


/*event offer*/
.event-offers-section .comm-form .wrap-drop .drop {
    border-width: 2px;
    width: calc(100% + 4px);
    left: -2px;
}

.event-offers-section .box-section .common-btn {
    justify-content: start;
    padding: 10px 18px 10px 18px;
}
/*event offer*/

/*group booking*/

.booking-mid-sec .container {
    max-width: 1500px;
    margin: 0 auto;
}
.booking-mid-sec .group-book-people .heading {
    color: var(--black-light);
    font-size: 26px;
    line-height: 31px;
    letter-spacing: 0;
    padding-bottom: 12px;
}
.booking-mid-sec .groupdining-form {
    margin: 37px 0 0;
}
.booking-mid-sec .groupdining-form .title {
    color: var(--black-light);
    font-size: 26px;
    line-height: 31px;
    letter-spacing: 0;
}
.booking-mid-sec .groupdining-form .title.sec {
    margin: 79px 0 0;
}
.booking-mid-sec .form-row-grid {
    grid-row-gap: 41px;
}
.booking-mid-sec .groupdining-form .common-btn {
    justify-content: start;
    padding: 10px 18px 10px 18px;
    margin: 24px 0 0;
}
.booking-mid-sec>.container>.row .group-booking-page .right-part{
    width: 760px;
}
.booking-mid-sec>.container>.row {
    flex-wrap: nowrap;
}

section.booking-mid-sec .right-part .form-control#Preferreddateg{
    line-height: 36px;
    padding-bottom: 0;
}
/*group booking*/

/*loaction view sec*/
.loc-wrapper.location-manchester-wrap.previous-location-master .gallery-slider img {
    height: 186px;
    object-fit: cover;
}
.previous-location-master .banner-bottom-section .col-12:last-child .bottom-sec {
    padding: 66px 0 99px;
    border-right: none;
}
.banner-bottom-section .gallery-slider .bottom-sec .homesliderbox .owl-carousel.owl-theme.nonloop.slick-initialized.slick-slider {
    margin: 0;
}
.loc-wrapper.location-manchester-wrap.previous-location-master .banner-bottom-section .gallery-slider  .bottom-sec .heading{
  padding: 0 0 30px;
}

.location-manchester-wrap.previous-location-master .banner-bottom-section .col-12:first-child {
    width: 275px;
}
.location-manchester-wrap.previous-location-master .banner-bottom-section .col-12:nth-child(2) {
    width: 320px;
}
.location-manchester-wrap.previous-location-master .banner-bottom-section .col-12:nth-child(3) {
    width: 694px;
}
.location-manchester-wrap.previous-location-master  .location-view-restaurant .slick-slider{
  margin: 0;
}
.common-slider.location-view-restaurant .more-btn.common-btn {
    margin: 37px auto 79px;
}
.loc-wrapper.location-manchester-wrap.previous-location-master .banner-bottom-section {
    background: transparent;
    padding: 64px 15px 0;
}
.loc-wrapper.location-manchester-wrap.previous-location-master .banner-bottom-section .bottom-sec .heading{
  padding: 0 0 22px;
}
/*loaction view sec*/



/*opup seating*/
.header-design-popup .modal-header {
    justify-content: inherit;
    padding: 70px 0 65px !important;
}

.header-design-popup .billscustom_homeback img {
   width: 10px;
    margin-right: 5px;
}
.header-design-popup .common-btn{
      width: 147px;
    font-size: 20px;
        height: 51px;
        margin-left: 31px;
}
.header-design-popup .modal-dialog.modal-fullscreen .modal-content .modal-header button.btn-close{
  margin: 0 0 0 auto;
}

.header-design-popup .modal-header {
    justify-content: inherit;
    padding: 70px 0 65px !important;
}
.header-design-popup.seating-options .modal-header {
    padding: 29px 0 65px !important;
}
.header-design-popup .modal-dialog.modal-fullscreen .modal-content .modal-header button.btn-close {
    background: none;
    position: relative;
    margin: 0;
    padding: 0;
    width: 40px;
    margin: 0 0 0 auto;
    height: 40px;
}
.book-table-popup.seating-options .modal-dialog.modal-fullscreen .modal-content .modal-footer p {
    padding-bottom: 89px;
}
.header-design-popup .modal-header h5 {
    display: none;
}
.seating-options .modal-body {
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
      max-width: 482px;
    width: 100%;
}
.seating-options .modal-body .heading {
    font-size: 37px;
    color: var(--black-light);
    line-height: 37px;
    text-decoration: underline;
    padding: 0 0 14px;
    margin: 0;
}
.book-table-popup.seating-options .modal-dialog.modal-fullscreen .modal-content .heading {
        position: relative;
    padding-bottom: 14px;
    text-decoration: none;
}
.header-design-popup.seating-options .back-btn {
    border: none;
    font-weight: 300;
}
.header-design-popup.seating-options .back-btn:hover {
    font-weight: 700;
    text-decoration: underline;
}
.book-table-popup.seating-options .modal-dialog.modal-fullscreen .modal-content .heading:before {
    content: '';
    position: absolute;
    border-bottom: solid 1px var(--dark-charcoal-color);
    bottom: 15px;
    height: 100%;
    width: 100%;
}
.seating-options .modal-body p{
  font-size: 16px;
  line-height: 26px;
  padding: 0 0 30px;
  margin: 0;
  color: var(--dark-charcoal-color);
}
.seating-options .modal-body ul.list-seating {
    margin: 0 0 44px;
    list-style: none;
    width: 100%;
    border-bottom: solid 2px #3c3834;
    padding: 0;
}
.seating-options .modal-body ul.list-seating li {
    display: flex;
    justify-content: space-between;
    padding: 0 0 16px;
    align-items: center;
    font-family: var(--BalboaPlus);
       

}
.seating-options .modal-body ul.list-seating li .seating-btn:hover {
    color: var(--black-light);
    transform: translateY(-5px);
    box-shadow: 2px 15px 0px -10px var(--black-light);
}
.seating-options .modal-body ul.list-seating li span {
    font-size: 26px;
    line-height: 26px;
    color: var(--black-light);
    font-family: var(--BalboaPlus);
}

.seating-options .modal-body ul.list-seating li .seating-btn {
    background: var(--btn-color);
  color: var(--black-light);
    width: 147px;
    font-size: 20px;
    height: 51px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--BalboaPlus);
    transition: all ease-in 0.3s;
     border: solid 2px var(--black-light);

}
.seating-options .modal-body ul.list-seating li .seating-btn.tabletypeselected{
background: var(--black-light);
color: var(--btn-color);
}
.header-design-popup.seating-options .common-btn.tableTypeContinue{
  width: 244px;
  margin: 0 auto;
}

.seating-options .modal-body ul.list-seating li:last-child {
    padding: 0 0 30px;
}
/*popup seating*/

/*popup your booking*/
.process-your-booking .modal-dialog {
    max-width: 564px;
    margin: 0 auto;
    border-radius: 0px;
}
.process-your-booking .modal-content {
    border-radius: 0px;
    border: solid 2px var(--black-light);
}
.process-your-booking .modal-dialog .modal-header {
    border-bottom: none;
    padding: 22px 21px 0 21px;
}
.process-your-booking .common-btn.full-width {
    width: 100%;
}
.process-your-booking .common-btn.full-width:last-child{
    margin: 13px 0 0;
}
.process-your-booking .modal-dialog .modal-header .btn-close {
    height: 33px;
    width: 33px;
    padding: 0;
    font-size: 18px;
}
.process-your-booking .modal-dialog .modal-body {
    padding: 0px 66px 35px 66px;
}
.process-your-booking .modal-body .heading {
    font-size: 26px;
    color: var(--black-light);
    line-height: 31px;
    padding: 0 0 11px;
}
.process-your-booking .modal-body span{
    font-size: 16px;
    letter-spacing: 0.16px;
    color: var(--dark-charcoal-color);
    line-height: 26px;
    padding: 0 0 25px;
    display: block;
}
/*popup your booking*/

/*add to calendar*/
.calender_pop_up .modal-dialog {
    max-width: 564px;
    margin: 0 auto;
    border-radius: 0px;
}
.calender_pop_up .modal-content {
    border-radius: 0px;
    border: solid 2px var(--black-light);
}
.calender_pop_up .modal-dialog .modal-header {
    border-bottom: none;
    padding: 22px 21px 0 21px;
}
.calender_pop_up .common-btn.full-width {
    width: 100%;
}
.calender_pop_up .common-btn.full-width + .common-btn.full-width{
    margin: 13px 0 0;
}
.calender_pop_up .modal-dialog .modal-header .btn-close {
    height: 33px;
    width: 33px;
    padding: 0;
    font-size: 18px;
}
.calender_pop_up .modal-dialog .modal-body {
    padding: 0px 66px 35px 66px;
}
.calender_pop_up .modal-body .heading {
    font-size: 26px;
    color: var(--black-light);
    line-height: 31px;
    padding: 0 0 11px;
}
.calender_pop_up .modal-body span{
    font-size: 16px;
    letter-spacing: 0.16px;
    color: var(--dark-charcoal-color);
    line-height: 26px;
    padding: 0 0 25px;
    display: block;
}
/*popup your booking*/

/*img popup*/
.mfp-content button.mfp-arrow.mfp-arrow-right.mfp-prevent-close {
    background: var(--btn-color) url(../images/arrow_down_gray_icon.svg);
    height: 48px;
    width: 48px;
    position: absolute;
    top: 311px;
    z-index: 10;
    color: var(--black-light);
    border-radius: 100%;
    border: solid 2px var(--black-light);
    transition: all ease-in 0.3s;
    background-size: 20px 12px;
    transform: rotate(-90deg);
    background-repeat: no-repeat;
    background-position: 47% 55%;
}
.mfp-content button.mfp-arrow.mfp-arrow-left.mfp-prevent-close {
    background: var(--btn-color) url(../images/arrow_down_gray_icon.svg);
    height: 48px;
    width: 48px;
    position: absolute;
    top: 311px;
    z-index: 10;
    color: var(--black-light);
    border-radius: 100%;
    border: solid 2px var(--black-light);
    transition: all ease-in 0.3s;
    transform: rotate(90deg);
    background-repeat: no-repeat;
    background-position: 47% 55%;
}
.mfp-content button.mfp-arrow.mfp-arrow-right.mfp-prevent-close:hover{
  /*transform: translateY(-49%);*/
      box-shadow: -5px 0px 0px 0px var(--black-light);
}
.mfp-content button.mfp-arrow.mfp-arrow-left.mfp-prevent-close:hover{
  box-shadow: 5px 0px 0px 0px var(--black-light);
   /*transform: translateY(-49%);*/

}




@media (min-width: 1920px) { 

  .what-at-bill .card .inner {
      padding:0px 203px 0px 161px;
  }
}
@media (max-width: 1700px) {
  section.join-team-banner.video h1 {
    font-size: 47px;
    line-height: 47px;
  }
  section.join-team-banner.video,
  section.join-team-banner.video video{
        height: 530px;
  }

  .mfp-content button.mfp-arrow.mfp-arrow-right.mfp-prevent-close {
      top: 232px;
  }
  .mfp-content button.mfp-arrow.mfp-arrow-left.mfp-prevent-close {
      top: 232px;
  }
  div#bill-experiences .modal-dialog.modal-fullscreen .modal-content .modal-footer {
      padding: 85px 0.75rem 0px;
  }
  #your-details .modal-dialog.modal-fullscreen .modal-content .common-pdding {
    padding: 0 20px;
}
    #your-details .modal-dialog.modal-fullscreen .modal-content .modal-body {
      padding: 0 120px 40px 0px;
   }
  .dropq-wn-location h2{
      font-size: 33px;
        line-height: 33px;
  }
  .dropq-wn-location button.btn-primary{
    font-size: 33px;
        line-height: 33px;
  }
    .wrapper.subscribe-section .subscribe-form{
        padding: 0px 114px;
    }
   section.booking-mid-sec>.container>.row .group-booking-page .right-part{
        width: auto;
    }
    .booking-mid-sec>.container>.row {
        flex-wrap: wrap;
    }
    header ul.custom-nav li a{
        font-size: 23px;
        line-height: 25px;
    }
    .previous-location-master .banner-bottom-section .col-12:nth-child(2) .bottom-sec, .previous-location-master .banner-bottom-section .col-12:nth-child(3) .bottom-sec {
        padding-left: 64px;
    }
    .wrapper.private-dining-wrapper{
        padding-top: 0;
    }
    .private-dining-box .content span{
        font-size: 50px;
        line-height: 50px;
    }
    .private-dining-container{
            padding: 68px 15px 77px;
    }
    .private-dining-box .item-img {
        height: 336px;
    }
    .private-dining-box {
        grid-row-gap: 36px;
        grid-column-gap: 28px;
    }
    
    .whats-on.private-dining .nonloop-new {
        margin: 83px auto 88px;
    }

    .discover .private-dining-container {
       padding: 95px 15px 118px;
    }
    .dining-footer {
        padding: 84px 0;
    }
    .event-offers-section .btn-find-more {
        padding: 0 0px 36px 36px;
    }
    .whats-on .nonloop-new button.slick-prev.slick-arrow {
        left: -70px;
    }
    .whats-on .nonloop-new button.slick-next.slick-arrow {
        right: -70px;
    }

 .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-footer p span {
     font-size: 18px;
     line-height: 51px;
     width: 446px;
     height: 55px;
 }

  .event-offers-section form.comm-form .mb-3.row div#region {
    padding-left: 19px !important;
}

  .section-top .form-section form#form-frontpage .location-arrow.loc-arrow .wrap-drop.input {

      background-size: 12% 20%;
      padding-top:1px !important;
  }

  body.nearestloc .ui-autocomplete {
      width: 374px !important;
  }
  .landing-banner .content h1 {
      font-size: 55px;
      line-height: 81px;
  }
  .landing-banner .content p {
      font-size: 18px;
      line-height: 24px;
      padding: 0px 0px 28px;
  }
  section.event-offers-section form.comm-form div.wrap-drop {
      padding-left: 0 !important;
  }
  .event-offers-section .box-section .large-box .inner p {
    
      font-size: 13px;
      line-height: 19px;
    
  }
  .event-offers-section .location-arrow .wrap-drop:before {
     
      top: 5px;
      width: 18px;
      height: 18px;
      background-size: cover;
  }
  section.event-offers-section .location-arrow.loc-arrow input#event {
      top: -20px;
  }
  img.mfp-img {
      width: 1060px;
      height: 465px;
      object-fit: cover;
  }
  section.errow-banner {
      height: 525px;
      margin-top: 78px;
  }
  section.errow-banner .inner h1 {
      font-size: 80px;
      line-height: 73px;
  }
  #your-details .modal-dialog.modal-fullscreen .modal-content div.wrap-drop{
    padding: 0px 0px 0px 3px !important;
  }
  .loc-wrapper.location-manchester-wrap .map-sec iframe {
      height: 354px !important;
  }
  section.loc-pr-din-enq-section .left-part .title {
      font-size: 23px;
      line-height: 31px;
      padding-bottom: 30px;
  }
  section.location-private-dining-section .img-box-section {
      height: 336px;
  }
  section.location-private-dining-section .img-box-section .inner .heading {
      font-size: 43px;
      line-height: 58px;
      letter-spacing: 1.44px;
  }
  section.loc-pr-din-enq-section .container-fluid .row .col-12:nth-child(1) {
      width: 40%;
  }
  section.loc-pr-din-enq-section .container-fluid .row .col-12:nth-child(2) {
      width: 60%;
  }
  section.loc-pr-din-enq-section .left-part {
      padding: 0px 84px;
  }
  
  .alternative-time-chart .alternative-time-grid .time-box {
         font-size: 20px;
    line-height: 20px;
  }
  .alternative-time-chart .more-times span.text{
    font-size: 14px;
  }
  #choose-alternative-time .heading {
          font-size: 28px;
    line-height: 28px;
  }

  .book-table-popup .modal-dialog.modal-fullscreen .modal-content label {
      font-size: 15px;
      line-height: 18px;
  padding: 0px 0px 39px 0px;
  }
  .nearest-bill-restorent .img-box-section img {
      height: 100%;
  }
  .wrapper.join-team-wrap .join-team-box .img-box img {
      height: 560px;
  }
  .join-team-box .container-fluid .row.justify-content-center.align-items-center {
      margin: 0;
      width: auto;
  }
  .wrapper.join-team-wrap .join-team-box .row .col-12 {
      padding: 0;
      width: 50%;
  }
  .map-section {
      /*height: 909px;*/
      width: 100%;
  }
  .locations-wrapper .inner .container-fluid .row .col-12 {
      padding: 0;
      width: 50%;
  }
.locations-wrapper .inner .container-fluid.searchArea .row .col-12{
  width: 50%;
}
  section.private-dining-inner-section .content {
      padding: 0px 85px;
  }
  section.private-dining-inner-section .img-box img {
      height: 530px;
  }
  section.private-dining-banner .content h1 {
      font-size: 50px;
      line-height: 50px;
      margin: 0;
  }
  section.private-dining-banner .content p {
      font-size: 16px;
      line-height: 23px;
  }
  section.private-dining-inner-section .container-fluid .row {
      margin: 0;
      width: 100%;
  }
  section.private-dining-inner-section .container-fluid .row .col-12 {
      padding: 0;
      width: 50%;
  }
  section.private-dining-banner {
      /*height: 510px;*/
          margin-top: 97px;
  }
  .wrapper.subscribe-section .subscribe-form p {
      line-height: 24px;
  }
  .wrapper.subscribe-section .subscribe-form .title {
      font-size: 32px;
      line-height: 37px;
      padding-bottom: 14px;
  }
  .wrapper.subscribe-section .subscribe-form .forminator-row {
      margin-bottom: 27px !important;
  }
  .wrapper.subscribe-section {
      padding: 96px 0px 0px;
  }
  .wrapper.subscribe-section .subscribe-form .forminator-ui {
      padding: 20px 0px 0px !important;
  }
  
  .wrapper.subscribe-section .container-fluid ul li {
      padding: 0px;
      width: 100%;
  }
  .wrapper.subscribe-section .img-box img {
      width: 100%;
          height: 100%;
  }
  .event-offers-section .box-section .large-box .col-12.col-sm-6.col-md-6.col-lg-6 {
    width: 50%;
}
.event-offers-section .box-section .large-box .col-12.col-sm-6.col-md-6.col-lg-6:nth-child(2) {
    width: 50%;
}
  section.group-booking-section .img-box img.desktop {
      height: 100%;
      object-fit: cover;
      object-position: 50% 50%;
  }
section.discover-our-menus .inner h2{
  font-size:28px;
  line-height: 32px;
}
section.what-at-bill .view-all-section {
    padding: 48px 0px;
}
  section.discover-our-menus .carousel .carousel-item img {
      height: 622px;
      max-width: 853px;
          width: 853px !important;
  }
  section.private-dining-section.discover-our-menus .img-box img {
      height: 622px;
      max-width: 853px;
      width: 853px !important;
  }
  section.discover-our-menus .col-12.col-sm-7.col-md-7.col-lg-7 {
      width: 853px;
  }
  section.discover-our-menus .col-12.col-sm-5.col-md-5.col-lg-5 {
      width: 683px;
  }
  .video-section video {
      height:560px;
  }
  
  .locations-wrapper .inner .inner-box .searchbox div#search-result {
      width: 82.5%;
  }
  .alternative-time-chart .alternative-time-grid {
      -webkit-column-gap:18px;
      column-gap: 18px;
  }
  
  .event-open-section ul.box li .img-box img {
      height:calc(100vh - 97px);
  }
  section.booking-mid-sec .right-part .forminator-row {
      margin-bottom: 36px !important;
  }
  .location-arrow a.arrow-img-sec {
      top:6px;
      width: 15px;
  }
  .what-at-bill .card .img-box img {
        height: 477px;
  }
  .wrapper.terms-con-wrap .container {
      max-width: 870px;
  }
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row div#textarea-1 {
      margin-bottom: 21px;
  }
  .got-question .container .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6 {
      width: 40%;
  }
  section.menu-link-top .container, 
  section.menu-link-bottom .container, 
  .loc-wrapper.menu-wrapper .container {
      max-width: 1213px;
  }
  section.group-booking-section .img-box {
      position: relative;
      height: 513px;
  }
  section.group-booking-section .img-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 70% 0%;
  }
  section.booking-mid-sec .container {
    max-width: 1200px;
}
section.booking-mid-sec .group-bookings-details .inner .heading {
    font-size: 23px;
    line-height: 30px;
    padding-bottom: 12px;
}
section.booking-mid-sec .group-bookings-details .inner {
    padding: 35px 54px 18px;
}
section.booking-mid-sec .group-bookings-details .inner p {
font-size: 15px;
    line-height: 17px;
    letter-spacing: 0.16px;
    margin: 0;
    padding: 0px 0px 11px;
    color: var(--black-light);
}
section.booking-mid-sec .group-bookings-details .group-book-people {
    padding: 27px 54px 30px;
}
section.booking-mid-sec .group-bookings-details .group-book-people p {
    font-size: 15px;
    line-height: 17px;
    letter-spacing: 0.16px;
    margin: 0;
    padding: 0px 0px 11px;
    color: var(--black-light);
}
section.booking-mid-sec .right-part .heading {
    font-size: 21px;
    line-height: 24px;
    padding: 26px 0px 22px;
}
section.booking-mid-sec .right-part .btn {
    width: 157px;
    height: 44px;
    margin-top: 7px;
    font-size: 15px;
    line-height: 16px;
}
section.booking-mid-sec .right-part .mb-3 {
    margin-bottom: 36px !important;
}
  section.event-offers-section .container {
      max-width: 1170px;
  }
  .location-manchester-wrap .banner-bottom-section .container {
      max-width: 1170px;
  }
  /*.banner-bottom-section .col-12:nth-child(2) .bottom-sec, .banner-bottom-section .col-12:nth-child(3) .bottom-sec {
      padding-left: 35px;
  }*/
  .event-offers-section form.comm-form .mb-3.row .col-12:last-child {
      width: 230px;
      padding-right: 0;
  }
  .section-top .form-section .location-arrow select.form-select {
      height: 43px;
      padding: 11px 12px;
      background-size: 15px 21px !important;
  }
  .section-top .form-section .form-select {
      height: 43px;
  }
  .location-arrow:before {
      right: 38px;
      top: 14px;
      width: 16px;
      height: 17px;
  }
  .section-top .form-section {
      max-width: 1190px;
  }
  .section-top .title {
      padding: 0px 0px 19px;
      font-size: 20px;
  }
  .section-top .form-section button {
      width: 68px;
      height: 43px;
  }
  .locations-wrapper .nearest-bill-restorent .box {
      height: 400px;
  }

  .promo-popup .modal-body .card img {
  height: 310px;
  object-fit: cover;
  width: 100%;
  object-position: 50% 50%;
  }
  .promo-popup .modal-body .card .title {
      line-height: 36px;
      font-size: 30px;
  }
  .promo-popup .modal-body .card .dec {
      letter-spacing: 0.48px;
      font-size: 14px;
      line-height: 22px;
      padding: 14px 0px;
  }
  .promo-popup .modal-body .card a.btn {
     width: 120px;
     font-size: 13px;
     height: 34px;
     line-height: 16px;
  }
  .promo-popup .modal-xl {
      max-width: 1000px;
  }
  .what-at-bill .container .col-12.col-sm-4.col-md-6.col-lg-5 {
      width: 470px;
      padding: 0;
  }

  .what-at-bill .container .col-12.col-sm-4.col-md-6.col-lg-7 {
      width: 670px;
      padding: 0;
  }
  .discover-our-menus .dis-box {
      position: relative;
      height: 470px;
  }
  .discover-our-menus .dis-box img {
      width: 100%;
      height: 470px;
      object-fit: cover;
      object-position: 50% 50%;
  }
  .group-booking .img-box img {
      height: 470px;
      width: 100%;
      object-fit: cover;
      object-position: 50% 50%;
  }
  .locations-wrapper .inner .inner-box .searchbox {
      height: 47px;
  }
  .locations-wrapper .inner .inner-box .searchbox img {
      top: 15px;
      left: 19px;
      width: 17px;
      height: 18px;
  }
  .locations-wrapper .inner .inner-box .searchbox input{
    font-size: 15px;
    height: 47px;
  }
  .locations-wrapper .inner .inner-box .searchbox button.btn {
      width: 86px;
      font-size: 14px;
  }
  .locations-wrapper .inner .inner-box .bottom-sec {
      margin: 16px 0px 0px;
      position: relative;
  }
  .locations-wrapper .inner .inner-box .bottom-sec .sub-title {
      font-size: 15px;
      padding: 48px 0px 10px;
      line-height: 20px;
  }
  .locations-wrapper .inner .inner-box .bottom-sec:before{
    height: 35px;
  }
  .locations-wrapper .inner .inner-box .bottom-sec a.btn {
      width: 219px;
      height: 45px;
      font-size: 13px;
      letter-spacing: 1.28px;
      padding-left: 41px;
      line-height: 26px;
  }
  .locations-wrapper .inner .inner-box .bottom-sec a.btn:after {
      left: 19px;
      top: 14px;
      width: 15px;
      height: 15px;
  }
  .locations-wrapper {
      padding: 0px;
      margin: 96px 0px 0;
  }
  .nearest-bill-restorent .row {
      height: calc(100vh - 94px);
  }
  .event-offers-section .location-arrow .wrap-drop span {
    font-size: 16px;
    line-height: 23px;
  }
  section.event-offers-section form.comm-form select {
      line-height: 25px;
  }
  .event-offers-section .box-section .box img {
      height: 224px;
  }

  .group-booking .inner .info p {
      font-size: 14px;
      line-height: 24px;
      padding: 0px 0px 10px;
  }
  .group-booking .inner .info a.btn {
      width: 123px;
      margin-top: 10px;
      height: 40px;
      line-height: 24px;
      font-size: 14px;
  }
  .group-booking .inner .title {
      font-size: 30px;
      line-height: 42px;
      padding-bottom:10px;
  }
  .discover-our-menus .dis-box .inner .title {
      font-size: 33px;
      line-height: 45px;
  }
  .discover-our-menus .dis-box .inner .sub-title {
      font-size: 14px;
      line-height: 16px;
  }
  .discover-our-menus .dis-box .inner .info a {
      font-size: 22px;
      line-height: 30px;
  }
  .discover-our-menus .dis-box .inner .info a:after{
    width: 26px;
  }
  .discover-our-menus .dis-box:hover .inner .info a:after {
      width: 68px;
  }
  .discover-our-menus .dis-box .inner .info {
      bottom: 64px;
  }
  .group-booking {
      padding: 60px 0px;
  }
  .wrapper {
      padding: 57px 0px 0px;
  }
  .what-at-bill .heading h1 {
     font-size: 35px;
         line-height: 46px;
  }
  .what-at-bill .heading p {
      font-size: 16px;
      margin: 0px;
      padding: 6px 0px 0px;
  }
  .what-at-bill .heading {
         padding: 60px 0px;
  }
  .what-at-bill .card .inner {
      padding: 0px 173px 0px 131px;
  }
  .what-at-bill .card .inner h2 {
      font-size: 25px;
      line-height: 32px;
  }
  .what-at-bill .card .inner .dec {
      font-size: 14px;
      line-height: 22px;
      padding: 19px 0px;
  }
  .what-at-bill .card {
      border: none;
      border-radius: 0px;
      margin-bottom:0px;
  }
  section.discover-our-menus .inner {
      padding-left: 114px;
      padding-right: 127px;
  }
  section.discover-our-menus.private-dining-section .inner {
      padding-left: 127px;
  }
  .what-at-bill .card a.btn {
      font-size: 14px;
  }
  .mfp-wrap.mfp-gallery .mfp-container {
      width: 60%;
      margin: 0 auto !important;
      right: 0;
  }
  button.mfp-arrow.mfp-arrow-left {
      width: 40px;
      height: 40px;
      left: -80px;
  }
  button.mfp-arrow.mfp-arrow-right {
      width: 40px;
      height: 40px;
      right: -80px;
  }
  .mfp-bottom-bar .mfp-title {
      font-size: 14px;
      line-height: 30px;
  }
  .mfp-bottom-bar button.mfp-close {
      font-size: 16px;
      line-height: 17px;
  }
 /* img.mfp-img {
      padding:0px 0px 14px !important;
  }*/
  /*.banner-bottom-section .bottom-sec {
      padding: 14px 0px 8px;
  }*/
  .banner-bottom-section .bottom-sec .heading {
      font-size: 23px;
      line-height: 28px;
  }

  .banner-bottom-section .bottom-sec .weeks {
      font-size: 14px;
      line-height: 22px;
      padding:10px 0px 20px;
  }

  .banner-bottom-section .bottom-sec .phone {
      font-size: 14px;
      line-height: 22px;
      padding: 11px 0px 35px;
  }
  .location-bottom-section {
      padding: 52px 0px;
  }
  .location-bottom-section .location-content p {
      font-size: 15px;
      line-height: 30px;
      padding: 0px 0px 30px;
  }
  .map-sec img.icon {
      width: 48px;
      height: 63px;
  }
  .wrapper.offer-open-video-wrap .inner-wrap {
      margin: 0 auto;
      width: 1070px;
  }
  .wrapper.offer-open-video-wrap {
      padding: 94px 0px 17px;
  }
  .video-section .video-icon {
     width: 115px;
         height: 115px;
  }
  .cocktails-section {
      padding:46px 0px;
      margin-top: 19px;
  }
  .cocktails-section .title {
     font-size: 34px;
         line-height: 33px;
  }
  .cocktails-section p {
     padding: 16px 0px;
     font-size: 13px;
     line-height: 25px;
  }
  .cocktails-section a.btn {
    width: 136px;
    height: 40px;
    font-size: 14px;
    line-height: 20px;
  }
  .view-all-section a.btn.large {
      height: 42px;
      width: 140px;
      line-height: 28px;
      font-size: 16px;
  }
  .wrapper.contact-wrap {
      padding: 0;
  }
  .wrapper.contact-wrap .heading-comm h2 {
    font-size: 30px;
    line-height: 40px;
}
.wrapper.contact-wrap .heading-comm p {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.48px;
    padding: 19px 0px 0px;
    margin: 0;
}

.wrapper.contact-wrap .contact-section .inner-section .heading {
    font-size: 24px;
    line-height: 32px;
    padding-bottom: 22px;
}
.wrapper.contact-wrap .contact-section .inner-section .mb-3 {
    margin-bottom: 30px !important;
}


  .wrapper.contact-wrap .contact-section .inner-section button.btn {
      margin-top: 20px;
      width: 153px;
      height: 43px;
      line-height: 17px;
  }
  header .offcanvas-header img.btn-close {
      width: 20px;
  }
  .got-question .box .accordion:last-child {
      margin-bottom: 55px;
  }
  .got-question .box .accordion .accordion-item .accordion-collapse .accordion-body {
      font-size: 13px;
      line-height: 24px;
  }

  .scroll {
      width: 67px;
      height: 67px;
  } 
 
  header nav.navbar.navbar-light.bg-light.fixed-top a.navbar-brand img {
      max-width: 94%;
  }
  
  .alternative-time .internal.due::after {
    transform: rotate(27deg);
  }
  .alternative-time .bottom-section button#left-button img, .alternative-time .bottom-section button#right-button img {
      width: 21px;
      height: 21px;
      max-width: initial;
  }
  .alternative-time .internal {
      width: 102px;
      height: 54px;
      margin:0px 16px 15px 0px;
      font-size: 18px;
  }
  .alternative-time {
      width: 471px;
      padding: 30px 0px 0px;
  }

  .select_seating_type{
    top:47%;
  }
  .book-table-popup ul.seated-box {
      width: 258px;
  }
  .book-table-popup .select_seating_type .heading{
    font-size: 23px;
    padding-bottom: 24px;
  }
  .book-table-popup ul.seated-box li span{
    font-size: 23px;
    line-height: 31px;
  }
  .book-table-popup ul.seated-box li{
    padding: 18px 0px 18px;
  }
  .locations-wrapper .inner .inner-box {
      top: 50%;
  }
  .locations-wrapper .inner .inner-box img.img-map {
      display: block;
      text-align: center;
      margin: 0 auto 5px;
      width: 40px;
  }
  .locations-wrapper .nearest-bill-restorent .heading {
      font-size: 28px;
      line-height: 27px;
      padding:50px 0px 0px;
  }
  
 
  .locations-wrapper .nearest-bill-restorent .box ul {
      padding: 35px 0px 17px;
  }
    .locations-wrapper .nearest-bill-restorent .box ul .title {
           font-size: 28px;
    line-height: 28px;
    }
    .locations-wrapper .nearest-bill-restorent .box ul li:first-child {
        width: 66%;
    }
    .locations-wrapper .nearest-bill-restorent .box ul .title span {
        font-size: 17px;
        padding-left: 9px;
    }
    .locations-wrapper .nearest-bill-restorent .box ul p {
        font-size: 12px;
        line-height: 14px;
        padding: 0px 0px 11px;
    }
    .locations-wrapper .nearest-bill-restorent .box ul a.btn.large {
        width: 150px;
        height: 42px;
    }
   
    .locations-wrapper .inner .inner-box h1 {
        font-size: 28px;
        line-height: 32px;
    }
    .locations-wrapper .inner .inner-box {
        width: 450px;
    }

  section.group-booking-section .content h1 {
      font-size: 49px;
      line-height: 67px;
  }
  section.group-booking-section .content p {
      font-size: 18px;
      line-height: 24px;
  }

  section.top-header.info-banner {
         margin-top: 97px;
      padding: 0;
  }
  .heading-comm {
      padding: 0px 0px 46px;
  }
  .wrapper.info-wrap {
      padding: 66px 0px 0px;
  }
  .heading-comm h2 {
      font-size: 36px;
      line-height: 48px;
  }
  .heading-comm p {
      font-size: 14px;
  }
  .heading-comm {
      padding: 0px 0px 39px;
  }
  .got-question .box .titie {
    font-size: 28px;
        line-height: 34px;
        padding-left: 0;
  }
  .got-question .box .accordion .accordion-item h2.accordion-header button {
      padding: 22px 14px 22px 1.25rem;
      /* display: block; */
      font-size: 15px;
  }
  .got-question .box .accordion {
      margin-bottom: 70px;
  }
  section.top-header h1{
    font-size: 35px;
  }
  header .offcanvas ul.navbar-nav li a {
      font-size: 20px;
      line-height: 35px;
      padding: 15px 0px 0px;
  }
  header .offcanvas ul.social-section {
      padding: 36px 0px 0px;
  }
  header .offcanvas ul.social-section:after {
      top: 65px;
  }
 
  .section-top{
    /*min-height: 990px;*/
    /*min-height:684px;*/
    /*min-height: 755px;*/

  }
  .section-top h1, .section-top .heading{
    font-size: 90px;
    line-height: 90px;
  }
  header nav.navbar.navbar-light.bg-light.fixed-top button.navbar-toggler img{
    width: 30px;
  }
  .book-table-btn {
      font-size: 13px;
      top: 172px;
      font-weight: bold;
      font-style: normal;
      line-height: 31px;
  }
  #your-details .mb-3 {
      margin-bottom: 44px !important;
  }
  #your-details .credit-card .mb-3 {
      margin-bottom: 44px !important;
  }
  #your-details .heading {
      font-size: 22px;
  }
  #your-details .modal-dialog.modal-fullscreen .modal-content label {
      font-size: 18px;
      line-height: 18px;
  }
  #your-details .modal-dialog.modal-fullscreen .modal-content label sup {
    top: 0;
    font-size: 16px;
    padding-left: 0;
}
#your-details .credit-card .heading{
  font-size: 22px;
  line-height: 22px;
}
  #your-details .modal-dialog.modal-fullscreen .modal-content .mb-3 .form-select, #your-details .modal-dialog.modal-fullscreen .modal-content .form-control {
      font-size: 15px;
      line-height:15px;
          height: 40px;
  }
  #your-details .modal-dialog.modal-fullscreen .modal-content div.wrap-drop span{
    font-size: 15px;
  }
   #your-details .modal-dialog.modal-fullscreen .wrap-drop .drop li a{
    font-size: 15px;
  }
  #your-details .modal-dialog.modal-fullscreen .modal-content div.wrap-drop {
      height: 40px;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .find_your_details_popup a.back-btn.white {
      font-size: 14px;
      line-height: 18px;
      margin: 9px auto 0px;
  }
  .find_your_details_popup {
      /*top: 45%;*/
  }
 
  /*.find_your_details_popup .details-section {
      width: 630px;
      margin: 0 auto;
  }*/
  #your-details .modal-dialog.modal-fullscreen .modal-content .mb-3.hafe {
      width:auto;
  }
 #booking-confirmed .heading {
     position: relative;
     font-size: 32px;
     line-height: 39px;
 }

  #booking-confirmed .inner-booking p {
      font-size: 15px;
      line-height: 16px;
      padding: 10px 0px;
  }
  #booking-confirmed a.btn {
      font-size: 15px;
      line-height: 24px;
      width: 155px;
      height: 44px;
      margin-top: 15px;
  }
  
  #booking-confirmed .like-seated-box .title {
      font-size: 20px;
      line-height: 33px;
  }
  #booking-confirmed .like-seated-box {
      margin: 56px 0px 0px;
      padding-top: 46px;
  }
  .event-open-section ul.box li {
      min-width: 50%;
  }
  .event-open-section .content-box .inner .title {
      font-size: 26px;
      line-height: 30px;
  }
  .event-open-section .content-box .inner p {
      font-size: 14px;
          line-height: 25px;
          padding: 14px 0px 0;
  }
  .event-open-section .content-box .inner a.btn {
      line-height: 27px;
      font-size: 14px;
      margin-top:25px;
  }
  .event-open-section .content-box .inner {
      padding: 0px 100px;
  }
  .event-open-section {
      padding: 0;
  }

  section.menu-link-top {
      padding: 23px 0px;
  }
  section.menu-link-top ul.link li {
      font-size: 15px;
      padding: 0px 13px;
      height: 29px;
  }
  section.menu-link-bottom {
          padding: 23px 0px;
  }
  section.menu-link-bottom .heading {
      font-size: 17px;
      line-height: 21px;
  }
  section.menu-link-bottom .right-part .select-box ul li {
      padding: 0px 27px 17px 10px;
  }
  .loc-wrapper.menu-wrapper .stp-box .title {
      font-size: 23px;
      line-height: 28px;
      padding-bottom: 30px;
  }
  .loc-wrapper.menu-wrapper .stp-box ul li .subtitle {
      font-size: 17px;
      line-height: 20px;
      padding-bottom: 7px;
  }
  .inner-page header nav.navbar.navbar-light.bg-light.fixed-top,
  .inner-page header nav.navbar.navbar-light.bg-light.fixed-top.sticky,
  header nav.navbar.navbar-light.bg-light.fixed-top,
  header nav.navbar.navbar-light.bg-light.fixed-top.sticky{
      padding: 19px 0px 19px;
  }

  section.top-header.menu-banner {
      margin-top: 79px;
  }
  section.top-header.menu-banner .content h1 {
      font-size: 48px;
      line-height: 63px;
  }
  .loc-wrapper.menu-wrapper .stp-box {
      padding-bottom: 87px;
  }
  .choose-bill-restaurent .modal-dialog {
      max-width: 426px;
      height: 209px;
  }
  .choose-bill-restaurent .modal-dialog .modal-content .modal-body .heading {
      font-size: 22px;
      line-height: 29px;
      padding: 0px 0px 23px;
  }
  .choose-bill-restaurent .modal-dialog .modal-content .modal-body .searchbox {
      height: 50px;
      margin: 0px 45px 47px;
  }
  .choose-bill-restaurent .modal-dialog .modal-content .modal-body .searchbox input{
    font-size:16px;
  }
  .choose-bill-restaurent .modal-dialog .modal-content .modal-body .searchbox button.search img {
      width: 16px;
      height: 16px;
  }
  .choose-bill-restaurent .modal-dialog .modal-content .modal-body .searchbox button.search{
    top:14px;
  }

  section.top-header.info-banner.join-team-banner h2 {
      font-size: 28px;
  }
  
  .wrapper.join-team-wrap .join-team-box .img-box .inner-box .title {
      font-size: 43px;
      line-height: 59px;
  }
/*  .wrapper.join-team-wrap .join-team-box .img-box .inner-box .btn {
    width: 148px;
    height: 46px;
    line-height: 29px;
    font-size: 13px;
    margin-top: 16px;
  }*/
  .wrapper.join-team-wrap .join-team-box .box {
      width: 556px;
      margin: 0 auto;
  }
  .wrapper.join-team-wrap .join-team-box .box p {
      font-size: 16px;
      line-height: 28px;
      padding-bottom: 24px;
  }
  .wrapper.join-team-wrap .join-team-box .box .column {
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 24px;
  }
  .wrapper.join-team-wrap .join-team-box .box .slider-section .single-testimonial p {
      font-size: 29px;
      line-height: 41px;
  }
  .wrapper.join-team-wrap .join-team-box .box .slider-section p {
      padding: 18px 0px 0;
      font-size: 15px;
      line-height: 26px;
  }
  .wrapper.join-team-wrap .join-team-box .box ul.slick-dots {
      bottom: -110px;
  }
  .wrapper.join-team-wrap .join-team-box .box ul li {
      font-size: 16px;
      line-height: 35px;
  }
  section.top-header.info-banner.terms-conditions-banner {
    min-height: 464px;
         padding: 0px;
         height: auto;
  }
  .wrapper.terms-con-wrap {
      padding: 87px 0px 80px;
  }
  .wrapper.terms-con-wrap .heading {
      font-size: 23px;
      line-height: 28px;
      padding: 0px 0px 28px;
  }
  .wrapper.terms-con-wrap p {
      padding: 0px 0px 28px;
  }
  .wrapper.terms-con-wrap .large-gap {
      padding-top: 90px;
  }
  section.loc-six-banner {
      margin-top: 69px;
      min-height: initial;
  }
  section.loc-six-banner.loaction-view{
    margin-top: 94px;
  }
  section.loc-six-banner .carousel-inner .carousel-item img {
      min-height: inherit;
      object-fit: cover;
      object-position: 50% 0%;
      height: 430px;
      width: 100%;
  }
  section.loc-six-banner h1 {
         font-size: 65px;
    line-height: 50px;
    margin: 0;
  }
  section.loc-six-banner p {
      font-size: 20px;
      line-height: 26px;
      padding: 17px 0px 0px;
  }
  section.loc-six-banner .carousel-indicators {
      bottom: 20px;
  }
  .location-manchester-wrap .banner-bottom-section {
      padding: 19px 0px;
  }
  section.top-header {
    min-height: 424px;
    margin-top: 79px;
}
  .wrapper.event-wrap {
      padding: 51px 0px 0px;
  }
  .event-offers-section .box-section .large-box .inner h2 {
  font-size: 21px;
      padding: 0px 0px 17px;
  }
  .event-offers-section .row.align-items-center.btn-bottom-box .inner {
      padding: 43px 11px 0px 35px;
  }
  .event-offers-section .box-section .box .inner {
      padding:32px 27px 36px 32px;
  }

  .event-offers-section .box-section .box .inner .title {
         font-size: 20px;
    padding: 0px 0px 6px;
  }
  .event-offers-section .box-section .large-box img {
         height: 450px;
         object-fit: cover;
         object-position: 50% 50%;
         width: 100%;
  }
  .event-offers-section .box-section .box {
      min-height: 92%;
      margin-bottom:25px;
  }
  .event-offers-section .box-section .box .inner a.btn {
      margin-top: 14px;
      width: 109px;
      font-size: 11px;
      height: 32px;
      line-height: 12px;
  }
  .event-offers-section .box-section .large-box {
      margin-bottom: 25px;
  }
  .event-offers-section .box-section .box .inner p {
      font-size: 13px;
      line-height: 19px;
      min-height: inherit;
      height: 130px;
  }
  .event-offers-section .box-section .large .box .inner p {
      min-height: inherit;
      height: 66px;
  }
  .view-all-section.event-view {
      padding: 0px 0px 25px;
  }
  .event-offers-section form.comm-form .location-arrow .form-select-lg {
      background-size: 16px 23px !important;
      line-height: 22px;
      font-size: 17px;
  }
  .comm-form .form-select, .comm-form .form-control {
      line-height: 22px;
      font-size: 17px;
  }

  .comm-form .form-check label.form-check-label {
      font-size: 16px;
  }
  .comm-form .form-check input[type="radio"] {
      width: 17px;
      height: 17px;
  }
  .comm-form button.btn {
      width: 118px;
      height: 40px;
      line-height: 18px;
      font-size: 15px;
      margin-top: -2px;
  }
 
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row {
      margin-bottom: 30px !important;
  }
}
@media (max-width: 1600px) {
  .video-section video {
      height: 510px;
  }
  .video-section:before {
      height: 98.7%;
  }


}
@media (max-width: 1500px) {
  section.join-team-banner.video h1 {
    font-size: 47px;
    line-height: 47px;
  }
  section.join-team-banner.video,
  section.join-team-banner.video video{
        height: 470px;
  }

  #your-details.fill-your-details.third .modal-dialog.modal-fullscreen .modal-content p.powerby-section {
    margin: 0 100px 0 0px;
}
  #your-details .modal-dialog.modal-fullscreen .modal-content .common-pdding {
    padding: 0 15px;
}
  #your-details .credit-card .heading{
    font-size: 22px;
  }
  .book-table-popup ul.ui-timepicker-viewport li.ui-menu-item a{
      font-size: 18px ;
      line-height: 18px ;
    }
    ul.ui-timepicker-viewport li.ui-menu-item a.ui-state-hover{
      font-size: 18px;
    }
        .book-table-popup .container .book-table-section div.location-input .autocomplete-items div{
          font-size: 18px !important;
      line-height: 18px !important;
        }
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .form-select, 
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .form-control,
    .book-table-popup .container .book-table-section input#popupDatepicker,
    .book-table-popup .container .book-table-section .wrap-drop span,
    .book-table-popup .container .book-table-section div.location-input input#location,
    .book-table-popup.first .wrap-drop .drop li a{
      font-size: 18px;
      line-height: 18px;
    }
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .btn{
      font-size: 18px;
      line-height: 18px;
    }
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .heading {
        padding: 0 0 25px;
        font-size: 32px;
        line-height: 32px;
    }
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-header button.btn-close img {
        width: 24px;
        margin: 0;
    }
    .billscustom_homeback_main .billscustom_homeback {
        font-size: 18px;
        margin-left: 15px;
    }
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-header a.modal-title img {
        width: 90px;
    }
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-body {
        padding: 0 0 190px;
    }
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-footer p {
        padding-bottom: 72px;
    }
  .locations-wrapper {
      padding: 0px;
      margin: 84px 0px 0;
  }
  .nearest-bill-restorent .row {
      height: calc(100vh - 84px);
  }
   section.loc-six-banner.loaction-view {
    margin-top: 73px;
}

    .event-offers-section form.comm-form .mb-3.row .common-btn {
    width: 147px;
    margin-left: auto;
}
    .event-offers-section form.comm-form .mb-3.row .col-12:nth-child(2) {
        margin: 0 16px 0 15px;
        padding: 0;
    }
    .event-offers-section form.comm-form .mb-3.row div#region {
        width: 200px !important;
     }
    .event-offers-section .row.align-items-center.btn-bottom-box .inner {
        padding: 33px 11px 0px 15px;
    }
    .home-popupbox .modal-dialog .modal-body .content{
        padding: 68px 56px 71px 70px;
    }
    .home-popupbox .modal-dialog .modal-body .content .title {
        font-size: 22px;
        line-height: 31px;
        padding: 0px 0 15px;
    }
    .home-popupbox .modal-dialog .modal-body .content p {
        font-size: 15px;
        line-height: 25px;
    }
    .common-slider .inner-content {
        padding: 34px 34px 22px 30px;
     }
     section.top-header {
        margin-top: 87px;
    }
    .section-top h1, .section-top .heading {
        font-size: 75px;
        line-height: 75px;
    }
    header nav.navbar.navbar-light.bg-light.fixed-top img.custom-logo, .inner-page header nav.navbar.navbar-light.bg-light.fixed-top a.custom-logo-inner-link img{
        width: 90px;
    }
     header ul.custom-nav li a{
        font-size: 18px;
        line-height: 18px;
    }
    .location-arrow {
        width: auto;
        left: 0;
    }
    .loc-six-banner.previous-banner .carousel-inner .carousel-item img {
        height: 600px;
    }
    .location-manchester-wrap .enquiere-dining {
        margin: 67px auto 70px;
     }
     .location-manchester-wrap .enquiere-dining p {
        padding-bottom: 39px;
     }
     .banner-bottom-section .bottom-sec {
        padding: 62px 0px 42px;
    }
    .banner-bottom-section .bottom-sec>span {
        min-height: 118px;
     }
     .location-manchester-wrap .enquiere-now>span {
        padding: 71px 15px 56px;
     }
     section.loc-pr-din-enq-section {
        padding-bottom: 86px;
    }
    
    .whats-on .nonloop-new .box img {
        height: 185px !important;
    }
    .whats-on .dining-one-slider .box img{
        height: 464px;
    }
    .whats-on .dining-one-slider .title {
        font-size: 35px;
        line-height: 50px;
    }
    .whats-on .dining-one-slider .inner-content p {
        font-size: 18px;
        line-height: 26px !important;
        height: auto;
        padding-bottom: 18px;
    }

    .event-offers-section .btn-find-more {
        padding: 0 0 34px 15px;
    }
    .whats-on .nonloop-new button.slick-prev.slick-arrow {
        left: -40px;
    }
    .whats-on .nonloop-new button.slick-next.slick-arrow {
        right: -40px;
    }
    .alternative-time ul.three-part-section li a{
            display: flex;
        justify-content: center;
        align-items: center;
    }
   .view-gallery .nonloop-new .box img {
        height: 463px !important;
    }
  #bill-experiences .bill-exp-section .top-section p {
      padding: 37px 0px 30px;
  }
  #bill-experiences .bill-exp-section .mid-section .box .content-box .title {
    font-size: 26px;
    line-height: 26px;
    padding-bottom: 16px;
}
  #bill-experiences .bill-exp-section .mid-section .box .content-box p {
          line-height: 26px;
    font-size: 14px;
  }
  .bill-experiencesmodel .modal-dialog.modal-fullscreen .modal-content .btn.add-experiences {
      width: 194px;
      margin: 14px 0 0;
      font-size: 18px;
      height: 50px;
    }
  #bill-experiences .bill-exp-section .mid-section .box .img-box, #bill-experiences .bill-exp-section .mid-section .box .img-box img {
      width: 230px;
      height: 230px;
      object-fit: cover;
      object-position: 50% 50%;
  }
  #bill-experiences .bill-exp-section .mid-section .box .content-box {
      width: 60%;
      margin-left: 56px;
  }
  #bill-experiences .bill-exp-section .mid-section .box {
      margin-bottom: 43px;
  }
  #your-details .heading {
      font-size: 22px;
      padding-bottom: 14px;
  }
  #your-details .mb-3 {
      margin-bottom: 15px !important;
  }


  body.nearestloc .ui-autocomplete {
      width: 387px !important;
  }
  .landing-banner .content a.btn {
      font-size: 16px;
  }
  .event-offers-section .box-section .box .inner {
      padding: 30px 24px 34px 29px;
  }

  img.mfp-img {
      width: 860px;
      height: 435px;
      object-fit: cover;
  }


  div#exampleModalCenteredScrollable .container {
      max-width: 100%;
  }
  .nearest-bill-restorent .nearest-bill-restorent-result {
      width: 588px;
      margin: 0 auto;
  }
  .nearest-bill-restorent .img-box-section img {
      height: 100%;
  }
  .wrapper.join-team-wrap .join-team-box .img-box img {
      height: 460px;
  }
  .map-section {
      /*height: 800px;*/
      width: 100%;
  }
  section.private-dining-inner-section .img-box img {
      height: 450px;
  }
  .top-form-section {
      width: 494px;
      padding-bottom: 68px;
  }
  section.private-dining-banner .content p {
      font-size: 15px;
      line-height: 20px;
      padding-top: 5px;
  }
  section.private-header-bottom-section {
      padding: 34px 0px 28px;
  }
  section.private-header-bottom-section .inner {
      width: 792px;
  }
  section.private-dining-banner {
      /*height: 508px;*/
     margin-top: 87px;
  }
  section.private-dining-banner .content h1 {
      font-size: 47px;
      line-height: 47px;
  }

  .wrapper.subscribe-section {
      padding: 79px 0px 0px;
  }
  section.discover-our-menus .carousel .carousel-item img {
      height: 583px;
      max-width: 794px;
          width: 794px !important;
  }
  section.private-dining-section.discover-our-menus .img-box img {
      height: 583px;
      max-width: 794px;
      width: 794px !important;
  }
  section.discover-our-menus .col-12.col-sm-7.col-md-7.col-lg-7 {
      width:794px;
  }
  section.discover-our-menus .col-12.col-sm-5.col-md-5.col-lg-5 {
      width: 646px;
  }
 section.discover-our-menus .inner {
     padding: 0px 48px 0px 58px;
 }
 section.discover-our-menus.private-dining-section .inner {
     padding-left: 58px;
 }
  section.discover-our-menus .inner h2 {
      font-size: 25px;
      line-height: 29px;
  }
  .video-section video {
      height: 520px;
  }
  .event-open-section ul.box li .img-box img {
       height:calc(100vh - 87px);
  }
  .banner-bottom-section .col-12:nth-child(3) .bottom-sec .slick-slide img {
      height: 155px;
      object-fit: cover;
  }
  .locations-wrapper .inner .inner-box .searchbox input {
      font-size: 15px;
      height: 45px;
  }
  .locations-wrapper .nearest-bill-restorent .box ul .title {
      font-size: 21px;
      line-height: 26px;
  }
  .locations-wrapper .nearest-bill-restorent .box {
      height: 340px;
  }
  .locations-wrapper .nearest-bill-restorent .box ul li:first-child {
      width: 65%;
  }
  section.booking-mid-sec .right-part .forminator-row {
      margin-bottom: 35px !important;
  }
 section.event-offers-section .location-arrow a.arrow-img-sec {
    top: 10px;
    width: 14px;
    right: 48px;
}
  .what-at-bill .card .img-box img {
      height: 447px;
  }

  .wrapper.join-team-wrap {
      padding: 0 0px 0;
  }
  .wrapper.join-team-wrap .join-team-box .img-box .inner-box .title {
      font-size: 36px;
      line-height: 52px;
  }
/*  .wrapper.join-team-wrap .join-team-box .img-box .inner-box .btn {
      width: 144px;
      height: 41px;
      line-height: 21px;
      font-size: 13px;
      margin-top: 14px;
  }*/
  .wrapper.join-team-wrap .join-team-box .box p {
      font-size: 14px;
      line-height: 25px;
      padding-bottom: 20px;
  }
  .wrapper.join-team-wrap .join-team-box .box .column {
     font-size: 14px;
    line-height: 25px;
    padding-bottom: 20px;
  }

  .wrapper.join-team-wrap .join-team-box .box {
      width: 480px;
      margin: 0 auto;
  }
  .wrapper.join-team-wrap .join-team-box .box .slider-section .single-testimonial p {
      font-size: 25px;
      line-height: 33px;
  }
  .wrapper.join-team-wrap .join-team-box .box .slider-section p {
      padding: 14px 0px 0;
      font-size: 14px;
      line-height: 22px;
  }
  .wrapper.join-team-wrap .join-team-box .img-box .inner-box em {
      letter-spacing: 0px;
      font-size: 11px;
      line-height: 13px;
      margin-top: -9px;
  }
  .wrapper.join-team-wrap .join-team-box .box ul li {
      font-size: 15px;
      line-height: 31px;
  }
  section.top-header.info-banner.terms-conditions-banner {
      min-height: 440px;
      padding: 0px;
      height: auto;
  }
  .wrapper.terms-con-wrap {
      padding: 67px 0px 60px;
  }
  .wrapper.terms-con-wrap .heading {
      font-size: 22px;
      line-height: 27px;
      padding: 0px 0px 25px;
  }
  .wrapper.terms-con-wrap .large-gap {
      padding-top: 60px;
  }
  .wrapper.terms-con-wrap .container {
      max-width: 830px;
  }
  .wrapper.terms-con-wrap p {
      font-size: 14px;
      line-height: 28px;
      padding: 0px 0px 24px;
  }
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row span.selection span.select2-selection.select2-selection--single span.select2-selection__rendered {
      font-size: 14px !important;
  }
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row span.selection span.select2-selection.select2-selection--single span.select2-selection__placeholder{
    font-size: 14px;
  }
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row div.forminator-col label.forminator-label.forminator-floating--textarea, 
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row .forminator-input--wrap input.forminator-input{
    font-size: 14px !important;
  }

  .wrapper.contact-wrap .contact-section {
      width: 100%;
      margin: 0 auto;
  }
  .wrapper.contact-wrap .heading-comm h2 {
      font-size: 27px;
      line-height: 37px;
  }
  .wrapper.contact-wrap .contact-section .inner-section .heading {
      font-size: 22px;
      line-height: 29px;
      padding-bottom: 19px;
  }
  .wrapper.contact-wrap .contact-section .inner-section button.btn {
      margin-top: 20px;
      width: 149px;
      height: 42px;
      line-height: 17px;
      font-size: 14px;
  }

  .wrapper.contact-wrap .heading-comm p {
      font-size: 14px;
      line-height: 23px;
      padding: 16px 0px 0px;
  }
  .book-table-btn {
      font-size: 13px;
      top: 172px;
      font-weight: bold;
      font-style: normal;
      line-height: 25px;
  }
  section.top-header h1 {
      font-size: 47px;
      line-height: 47px;

  }
  section.loc-six-banner h1{
       font-size: 65px;
      line-height: 47px;
  }

  .heading-comm h2 {
      font-size: 32px;
      line-height: 44px;
  }
  .heading-comm p {
      font-size: 14px;
  }
  .heading-comm {
      padding: 0px 0px 35px;
  }
 
  .got-question .box .titie {
    font-size: 26px;
        line-height: 32px;
        padding-left: 0;
  }
  .got-question .box .accordion {
      margin-bottom: 60px;
  }
 .got-question .box .accordion .accordion-item h2.accordion-header button {
     padding: 20px 10px 20px 1.25rem;
     /* display: block; */
     font-size: 13px;
 }
  .got-question .box .accordion .accordion-item h2.accordion-header button.collapsed:after {
      width: 31px;
      height: 24px;
      right: 10px;
  }
  .got-question .box .accordion .accordion-item h2.accordion-header button:after{
    right: 10px;
  }
  section.menu-link-top .container, section.menu-link-bottom .container, .loc-wrapper.menu-wrapper .container {
      max-width: 927px;
  }
  section.menu-link-bottom .right-part .select-box ul {
      margin: 0px 26px 0px 0px;
  }
  section.menu-link-bottom .right-part .select-box ul li .chk label {
      font-size: 13px;
      line-height: 25px;
  }
  section.menu-link-bottom .right-part .select-box ul li .chk label span {
      margin-right: 5px;
  }
  section.menu-link-bottom .right-part .select-box ul li {
      padding: 0px 11px 11px 7px;
  }
  section.menu-link-bottom .view p {
      font-size: 13px;
      line-height: 22px;
      padding: 4px 0px;
  }
  .loc-wrapper.menu-wrapper .stp-box .title {
      font-size: 21px;
      line-height: 28px;
      padding-bottom: 25px;
  }
  .loc-wrapper.menu-wrapper .stp-box ul {
      padding: 0px 0px 37px 0px;
  }
  .loc-wrapper.menu-wrapper .stp-box ul li .subtitle {
      font-size: 16px;
      line-height: 18px;
      padding-bottom: 5px;
  }

  section.top-header.menu-banner .content h1 {
      font-size: 43px;
      line-height: 58px;
  }
  section.group-booking-section .img-box {
      position: relative;
      height: 513px;
  }
  #booking-confirmed .heading {
      position: relative;
      font-size: 30px;
      line-height: 41px;
  }

  #booking-confirmed .inner-booking p {
      font-size: 13px;
      line-height: 12px;
      padding: 8px 0px;
  }
  #booking-confirmed .booking-bottom a.btn-link {
      font-size: 15px;
      margin: 25px 0px 0px;
      width: 148px;
      height: 46px;
      line-height: 30px;
      border: 1px solid var(--white);
  }
  #booking-confirmed .booking-bottom a.btn-link:hover, 
  #booking-confirmed .booking-bottom a.btn-link:focus {
      border-color: var(--yellow-color);
  }
  #booking-confirmed .like-seated-box {
      margin: 44px 0px 0px;
      padding-top: 34px;
  }
  #booking-confirmed .like-seated-box .title {
      font-size: 18px;
      line-height: 29px;
  }
  #booking-confirmed .like-seated-box ul.seated-view li {
      padding-right: 20px;
  }
  #booking-confirmed .like-seated-box ul.seated-view li a {
      width: 85px;
      font-size: 13px;
      line-height: 24px;
      height: 40px;
      margin: 29px 0px;
  }
  #booking-confirmed .like-seated-box ul.seated-view {
      width: 296px;
  }
  .wrapper.offer-open-video-wrap .inner-wrap {
      margin: 0 auto;
      width: 1000px;
  }
  .book-table-popup .container .book-table-section {
      width: 100%;
  }
  .alternative-time {
      width: 460px;
  }
  .alternative-time-chart .more-times {
      margin-bottom: 44px;
      margin-top: 17px;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .alternative-time a.back-btn.white {
      margin-top: 20px;
      font-size: 15px;
      line-height: 17px;
      letter-spacing: 1.28px;
  }
  .alternative-time-chart .alternative-time-grid {
      -webkit-column-gap:13px;
      column-gap: 13px;
  }
  #choose-alternative-time .heading {    
    font-size: 26px;
    line-height: 26px;
  }
  
  .alternative-time .internal {
      width: 98px;
      height: 52px;
      margin: 0px 14px 13px 0px;
      font-size: 15px;
  }
  .alternative-time .bottom-section .mid {
      font-size: 14px;
      line-height: 18px;
      padding: 3px 0px 0px;
  }
  .alternative-time .bottom-section button#left-button, .alternative-time .bottom-section button#right-button {
      width: 21px;
      height: 21px;
      padding: 0px;
      margin: 0;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content label {
      font-size: 16px;
      padding: 0px 0px 11px 0px;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-footer p {
      font-size: 14px;
      line-height: 18px;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-footer p:last-child {
      line-height: 20px;
      padding: 14px 0px 53px;
  }
  #your-details .modal-content .details-section label.form-label {
      padding: 17px 0px 0px 0px;
      font-size: 17px;
  }
  #your-details .modal-dialog.modal-fullscreen .modal-content .modal-body {
    padding: 0 100px 40px 0px;
 }
  .wrapper:before, 
  .wrapper:after{
    width: 89px;
    background-size: cover;
  }
  .event-open-section ul.box li {
      width: 50%;
  }
  header .offcanvas ul.social-section:after {
      top: 76px;
  }
 
  .location-manchester-wrap .banner-bottom-section .container {
      max-width: 1020px;
  }
  .banner-bottom-section .bottom-sec .homesliderbox {
      width: 410px;
  }
  .banner-bottom-section .gallery-slider .bottom-sec .homesliderbox {
    width: 100%;
}
  .locations-wrapper .nearest-bill-restorent .box ul .title {
     font-size: 25px;
    line-height: 25px;
  }
  .locations-wrapper .nearest-bill-restorent .box ul .title span {
      font-size: 15px;
      padding-left: 7px;
  }
  .locations-wrapper .nearest-bill-restorent .box ul a.btn.large {
      width: 148px;
      height: 35px;
      line-height: 15px;
      font-size: 13px;
  }
 
  .locations-wrapper .nearest-bill-restorent .heading {
      font-size: 24px;
      line-height: 23px;
      padding:162px 0px 0px;
  }
  .locations-wrapper .nearest-bill-restorent .box ul {
      padding: 31px 0px 13px;
  }
  section.event-offers-section .container {
      max-width: 1020px;
  }
  .event-offers-section form.comm-form .mb-3.row .col-12:last-child {
      width: 150px;
  }
  .event-offers-section .box-section .large-box img {
      height: 400px;
  }
  .event-offers-section .box-section .box img {
      height: 184px;
  }
  .event-offers-section .box-section .box .inner .title {
      font-size: 17px;
      padding: 0px 0px 4px;
  }
  .event-offers-section .box-section .box .inner a.btn {
      margin-top: 11px;
      width: 102px;
      font-size: 11px;
      height: 32px;
      line-height:12px;
  }
  .comm-form button.btn {
      width: 114px;
      height: 37px;
      line-height: 17px;
      font-size: 14px;
      margin-top: -2px;
  }
  .event-offers-section .box-section .large-box .inner h2 {
      font-size: 21px;
      padding: 0px 0px 12px;
  }
  .event-offers-section .box-section .large-box .inner p {
      font-size: 13px;
      line-height: 19px;
  }
  .event-offers-section .box-section .large-box .inner a.btn {
      margin-top: 25px;
      width: 102px;
      font-size: 11px;
      height: 32px;
      line-height: 12px;
  }
 
  .locations-wrapper .inner .inner-box {
      width: 460px;
  }
  .locations-wrapper .inner .inner-box img.img-map {
      width: 37px;
  }
  .locations-wrapper .inner .inner-box h1 {
      font-size: 25px;
      line-height: 29px;
  }
  .locations-wrapper .inner .inner-box .searchbox {
      height: 45px;
  }
  .locations-wrapper .inner .inner-box .searchbox img {
      top: 14px;
      left: 19px;
      width: 16px;
      height: 17px;
  }
  .locations-wrapper .inner .inner-box .searchbox button.btn {
      width: 82px;
      font-size: 14px;
  }
  .locations-wrapper .inner .inner-box .bottom-sec {
      margin: 14px 0px 0px;
      position: relative;
  }
  .locations-wrapper .inner .inner-box .bottom-sec .sub-title {
      font-size: 14px;
      padding: 44px 0px 10px;
      line-height: 17px;
  }
  .locations-wrapper .inner .inner-box .bottom-sec:before {
      height: 32px;
  }
 .locations-wrapper .inner .inner-box .bottom-sec a.btn {
     width: 212px;
     font-size: 13px;
     height: 43px;
 }
  .locations-wrapper .inner .inner-box .bottom-sec a.btn:after {
      left: 17px;
      top: 13px;
      width: 14px;
      height: 15px;
  }
  .wrapper {
      padding: 37px 0px 0px;
  }
  .what-at-bill .heading {
      padding: 50px 0px;
  }
  .what-at-bill .heading h1 {
      font-size: 32px;
      line-height: 43px;
  }
  .what-at-bill .heading p {
      font-size: 15px;
      margin: 0px;
      padding: 4px 0px 0px;
  }
  .what-at-bill .container .col-12.col-sm-4.col-md-6.col-lg-7 {
      width: 550px;
      padding: 0;
  }
  .what-at-bill .container .col-12.col-sm-4.col-md-6.col-lg-5 {
      width: 450px;
      padding: 0;
  }
  .what-at-bill .card .inner {
      padding: 0px 100px 0px 88px;
  }
  .what-at-bill .card .inner h2 {
      font-size: 23px;
      line-height: 28px;
  }
  .what-at-bill .card .inner .dec {
      font-size: 14px;
      line-height: 22px;
      padding: 12px 0px;
  }
  .view-all-section a.btn.large {
      height: 40px;
      width: 125px;
      line-height: 27px;
      font-size: 15px;
  }
  .discover-our-menus .dis-box img {
      height: 440px;
  }
  .discover-our-menus .dis-box {
      position: relative;
      height: 440px;
  }
  .discover-our-menus .dis-box .inner .title {
      font-size: 30px;
      line-height: 45px;
  }
  .discover-our-menus .dis-box .inner .info a {
      font-size: 18px;
      line-height: 25px;
  }
  .group-booking {
      padding: 50px 0px;
  }
  .group-booking .img-box img {
      height: 440px;
  }
  .group-booking .inner .info {
      padding: 0px 60px;
  }
  .group-booking .inner .title {
      font-size: 28px;
      line-height: 40px;
      padding-bottom: 8px;
  }

  .section-top .form-section {
      max-width: 1180px;
    
  }
  .section-top .title {
      padding: 0px 0px 18px;
      font-size: 19px;
  }
  .section-top .form-section .form-select, 
  .section-top .form-section button {
      height: 40px;
  }
  .section-top .form-section button {
      width: 66px;
  }
  .section-top .form-section .location-arrow select.form-select {
      padding: 9px 12px;
      background-size: 15px 24px !important;
      height: 40px;
  }
  .location-arrow:before {
      right: 37px;
      top: 12px;
      width: 15px;
      height: 16px;
  }
}
@media (max-width: 1388px) {
  .dropq-wn-location.active .tab-collapse {
    height: 415px;
}
  section.join-team-banner.video h1 {
    font-size: 50px;
    line-height: 50px;
  }
  section.join-team-banner.video,
  section.join-team-banner.video video{
        height: 430px;
  }
    #bill-experiences .modal-dialog.modal-fullscreen .modal-content .modal-footer p {
      padding-bottom: 50px;
  }
  .dropq-wn-location .box-innerstreet .group-btn a {
    font-size: 14px;
    width: 114px;
  }
  .dropq-wn-location .box-innerstreet {
    grid-column-gap: 83px;
}
.dropq-wn-location .box-innerstreet .box-inner:before{
      right: -42px;
}
  .dropq-wn-location button.btn-primary.collapsed:after,
  .dropq-wn-location button.btn-primary:after{
        height: 12px;
    width: 12px;
        border-width: 0px 2px 2px 0px;
  }

.locations-wrapper .inner .inner-box .searchbox .wrap-drop.input.form-select{
      min-width: 342px;
}
    .previous-location-master .banner-bottom-section .col-12:nth-child(2) .bottom-sec, .previous-location-master .banner-bottom-section .col-12:nth-child(3) .bottom-sec {
        padding-left: 54px;
    }
    /*.banner-bottom-section .col-12:nth-child(2) .bottom-sec, .banner-bottom-section .col-12:nth-child(3) .bottom-sec {*/
    /*      padding-left: 25px;*/
    /*  }*/
    .event-offers-section .btn-find-more {
        padding: 18px 18px 19px;
    }
    .whats-on .nonloop-new .box img {
        height: 175px;
     }
     .whats-on .nonloop-new .find-btm .common-btn {
      width: 200px;
  }
    .dropq-wn-location button.btn-primary {
           font-size: 32px;
    line-height: 32px;
    margin: 0;
        padding: 18px 0 18px;
    }
    .whats-on .nonloop-new .inner p {
        font-size: 12px;
        line-height: 18px;
    }
    .dropq-wn-location h2 {
         padding-top: 35px;
        font-size: 32px;
        margin-bottom: 0;
        line-height: 32px;
    }

    .locations-wrapper .inner .inner-box {
        padding-top: 90px;
    }

  #bill-experiences .bill-exp-section .top-section .title {
     font-size: 26px;
    line-height: 24px;
    padding: 0 0 24px;
  }
  #bill-experiences .bill-exp-section .top-section p {
      padding: 30px 0px 25px;
      line-height: 24px;
  }
  #bill-experiences .bill-exp-section .mid-section .box .content-box .title {
      font-size: 21px;
      line-height: 24px;
      padding-bottom: 13px;
  }
  #bill-experiences .bill-exp-section .mid-section .box .img-box, #bill-experiences .bill-exp-section .mid-section .box .img-box img {
      width: 215px;
      height: 215px;
      object-fit: cover;
      object-position: 50% 50%;
  }
  #bill-experiences .bill-exp-section .mid-section .box {
      margin-bottom: 36px;
  }

  section.booking-mid-sec .right-part .forminator-row span.forminator-checkbox-label, section.loc-pr-din-enq-section .right-part .forminator-row span.forminator-checkbox-label {
      letter-spacing: 0.39px;
      font-size: 13px !important;
      line-height: 21px !important;
      color: var(--black-light) !important;
      padding-left: 15px;
      vertical-align: middle;
      margin: 0 !important;
  }
  .section-top .form-section form#form-frontpage .location-arrow.loc-arrow .wrap-drop.input {
      background-size: 12% 20%;
      padding-top:0px !important;
  }
  .locations-wrapper .inner .inner-box .searchbox .wrap-drop.input.form-select input {
      height: 51px;
      background-position: 100%;
      background-position-x: 4%;
      background-repeat: no-repeat;
      background-size:6% 44%;
      padding: 10px 10px 10px 42px;
  }
  body.nearestloc .ui-autocomplete {
      width: 331px !important;
  }
  .landing-banner .content h1 {
      font-size: 45px;
      line-height: 70px;
  }
  .landing-banner .content p {
      font-size: 16px;
      line-height: 22px;
      padding: 0px 0px 25px;
      width: 400px;
  }
  .landing-banner .content a.btn {
      font-size: 16px;
      width: 245px;
  }
  body .ui-autocomplete {
      width: 180px !important;
  }
  body .ui-autocomplete li {
      padding: 10px 15px;
      font-size: 14px;
      line-height: 19px;
  }
  .event-offers-section .box-section .large .box .inner p {
      min-height: inherit;
      height: 56px;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content p.powerby-section img {
      display: block;
      text-align: center;
      margin: 4px auto 0;
      width: 98px;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .find_your_details_popup span.tems-user-section {
      padding: 6px 0px 0px;
  }
  section.errow-banner {
      height: 458px;
      margin-top: 72px;
  }
  section.errow-banner .inner h1 {
      font-size: 74px;
      line-height: 68px;
  }
  section.errow-banner .inner p {
      font-size: 14px;
      line-height: 17px;
  }
  section.errow-banner .inner a.btn {
      font-size: 13px;
  }
  .find_your_details_popup .details-section a.back-btn {
      margin: 9px auto 0;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-header button.btn-close {
      margin: 7px 20px 0px 0;
  }
  .book-table-popup.seating-options .modal-dialog.modal-fullscreen .modal-content .modal-header button.btn-close {
    margin-left: auto;
}
  section.loc-pr-din-enq-section .right-part button.forminator-button.forminator-button-submit {
      width: 155px;
      height: 45px;
      font-size: 13px !important;
      /*line-height: 26px !important;*/
  }
  section.loc-pr-din-enq-section .container-fluid .row .col-12:nth-child(2) {
      width: 55%;
  }
  section.loc-pr-din-enq-section .container-fluid .row .col-12:nth-child(1) {
      width: 45%;
  }
  section.loc-pr-din-enq-section .left-part {
      padding: 0px 74px;
  }

  section.location-private-dining-section .img-box-section {
      height: 328px;
  }
  section.location-private-dining-section .img-box-section .inner .heading {
      font-size: 40px;
      line-height: 47px;
      letter-spacing: 1.44px;
  }
  section.location-private-dining-section .img-box-section .inner p {
      font-size: 17px;
      line-height: 24px;
      padding: 16px 0px 0px;
  }

  .book-table-popup .container .book-table-section .wrap-drop {
      padding-left: 0px !important;
      padding-top: 5px !important;
  }

  .nearest-bill-restorent .img-box-section img {
      height: 100%;
  }
  .wrapper.join-team-wrap .join-team-box .img-box img {
      height: 440px;
  }
  .locations-wrapper .inner .inner-box .searchbox div#search-result {
      width: 82%;
  }
  .map-section {
        height: 809px;
        width: 100%;
    }
  section.private-header-bottom-section .inner {
      width: 752px;
  }
  section.private-dining-inner-section .container-fluid {
      padding-left: 40px;
      padding-right: 40px;
  }
  section.private-dining-inner-section .img-box img {
      height: 390px;
  }
  section.private-dining-inner-section .content {
      padding: 0px 65px;
  }
  section.private-dining-inner-section .content p {
      font-size: 15px;
      line-height: 26px;
  }
  .top-form-section button.btn {
      width: 158px;
      height: 44px;
      font-size: 15px;
      margin: 40px auto 0;
  }
  .top-form-section .heading {
      font-size: 22px;
      line-height: 27px;
      padding-bottom: 12px;
  }
  section.private-dining-banner {
    margin-top: 72px;
  }
  section.private-dining-banner .content h1 {
      font-size: 43px;
      line-height: 43px;
  }
  section.private-header-bottom-section .inner p {
      font-size: 15px;
      line-height: 26px;
      padding: 10px 0;
  }

  .top-form-section {
      width: 404px;
      padding-bottom: 58px;
  }
  .wrapper.subscribe-section .subscribe-form {
      padding: 0px 84px;
  }
  .wrapper.subscribe-section .subscribe-form .title {
      font-size: 30px;
      line-height: 34px;
      padding-bottom: 10px;
  }
  .wrapper.subscribe-section .subscribe-form .forminator-ui {
      padding: 16px 0px 0px !important;
  }
  .wrapper.subscribe-section .subscribe-form .forminator-row {
      margin-bottom: 20px !important;
  }
  .wrapper.subscribe-section {
      padding: 73px 0px 0px;
  }
  .wrapper.subscribe-section .img-box img {
      width: 100%;
      height: 100%;
  }
  section.booking-mid-sec .group-bookings-details .inner .heading {
      font-size: 21px;
      line-height: 27px;
      padding-bottom: 10px;
  }
  .location-arrow a.arrow-img-sec {
      top: 5px;
      width:15px;
  }
  section.discover-our-menus .inner a.btn {
      width: 122px;
      line-height: 20px;
      height: 37px;
  }
  section.discover-our-menus.private-dining-section .inner a.btn {
      width: auto;
      padding: 10px 30px;
  }
 
  section.discover-our-menus .carousel .carousel-item img {
      height: 553px;
      max-width: 754px;
          width: 754px !important;
  }
  section.private-dining-section.discover-our-menus .img-box img {
      height: 553px;
      max-width: 754px;
      width: 754px !important;
  }
  section.discover-our-menus .col-12.col-sm-7.col-md-7.col-lg-7 {
      width:754px;
  }
  section.discover-our-menus .col-12.col-sm-5.col-md-5.col-lg-5 {
      width: 612px;
  }

  .what-at-bill .card a.btn, section.discover-our-menus a.btn {
         font-size: 13px;
         width: 121px;
         height: 33px;
         line-height: 14px;
  }
  .video-section video {
      height: 470px;
  }
  .alternative-time-chart .alternative-time-grid .time-box {
     width: 95px;
         height: 51px;
            font-size: 17px;
    line-height: 17px;
  } 
  .alternative-time-chart .more-times {
      margin-bottom: 40px;
      margin-top: 14px;
  }
  .alternative-time-chart .more-times .slick-arrow.slick-prev, 
  .alternative-time-chart .more-times .slick-arrow.slick-next {
      width: 19px;
      height: 19px;
  }
  .alternative-time-chart .more-times span.text {
      font-size: 14px;
      line-height: 15px;
      padding: 0px 0px 0px;
  }

 .book-table-popup .modal-dialog.modal-fullscreen .modal-content .alternative-time a.back-btn.white {
     margin-top: 18px;
     font-size: 14px;
     line-height: 16px;
     letter-spacing: 1.28px;
 }
  .alternative-time-chart .alternative-time-grid {
      -webkit-column-gap:13px;
      column-gap: 13px;
  }
  .banner-bottom-section .col-12:nth-child(3) .bottom-sec .slick-slide img {
      height: 143px;
      object-fit: cover;
  }
  .got-question .container .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6 {
      width: 45%;
  }
  section.menu-link-top .container, section.menu-link-bottom .container, .loc-wrapper.menu-wrapper .container {
      max-width: 877px;
  }
  section.booking-mid-sec .container {
      max-width: 1140px;
  }
  .location-manchester-wrap .banner-bottom-section .container {
      max-width: 970px;
  }
  .banner-bottom-section .bottom-sec .homesliderbox {
      width: auto;
  }
  
  section.event-offers-section .container {
      max-width: 970px;
  }
  .promo-popup .modal-xl {
      max-width: 900px;
  }
  .promo-popup .modal-body .card .inner {
      padding: 0px 0px 0px 0px;
  }
  .promo-popup .modal-body .card img {
      height: 280px;
      object-fit: cover;
      width: 100%;
      object-position: 50% 50%;
  }
  .promo-popup .modal-body .card .title {
      line-height: 30px;
      font-size: 23px;
      padding-top: 10px;
  }
  .promo-popup .modal-body .card .dec {
      letter-spacing: 0.48px;
      font-size: 13px;
      line-height: 20px;
      padding: 6px 0px;
  }
  .what-at-bill .container .col-12.col-sm-4.col-md-6.col-lg-5 {
      width: 380px;
      padding: 0;
  }
  .what-at-bill .container .col-12.col-sm-4.col-md-6.col-lg-7 {
      width: 580px;
      padding: 0;
  }
  .discover-our-menus .dis-box img {
      width: 100%;
      height: 410px;
  }
  .discover-our-menus .dis-box {
      position: relative;
      height: 410px;
  }
  .group-booking .img-box img {
      height: 390px;
  }
  .wrapper.event-offer-wrap {
      padding:73px 0px 0px;
  }
  .event-open-section ul.box li .img-box img {
      max-width: 100%;
       height:calc(100vh - 73px);
      width: 100%;
      object-fit: cover;
      object-position: 50% 50%;
  }
  section.top-header.info-banner.terms-conditions-banner {
      min-height: 400px;
      padding: 0px;
      height: auto;
  }
  .wrapper.terms-con-wrap {
      padding: 63px 0px 58px;
  }
  .wrapper.terms-con-wrap .heading {
      font-size: 21px;
      line-height: 28px;
      padding: 0px 0px 22px;
  }
  .wrapper.terms-con-wrap p {
      font-size: 14px;
      line-height: 27px;
      padding: 0px 0px 15px;
  }
  .wrapper.terms-con-wrap .large-gap {
      padding-top: 50px;
  }
  header nav.navbar.navbar-light.bg-light.fixed-top .container-fluid {
      padding: 0px 40px;
  }
  .got-question .box .accordion:last-child {
      margin-bottom: 52px;
  }
  .got-question .box .accordion .accordion-item .accordion-collapse .accordion-body {
      font-size: 13px;
      line-height: 20px;
  }
  section.top-header.info-banner {
      margin-top: 70px;
      height: auto;
  }
  section.top-header h1 {
      font-size: 50px;
  }
  .wrapper.info-wrap {
      padding: 40px 0px 0px;
  }
  .heading-comm h2 {
      font-size: 30px;
      line-height: 42px;
  }
  .heading-comm p {
      font-size: 14px;
  }
  .heading-comm {
      padding: 0px 0px 33px;
  }
  .got-question .box .titie {
      font-size: 24px;
      line-height: 31px;
      padding-left: 0;
  }
  .got-question .box .accordion {
      margin-bottom: 50px;
  }
  .got-question .box .accordion .accordion-item {
      margin: 15px 0px;
  }
  .got-question .box .accordion .accordion-item h2.accordion-header button {
      padding: 17px 14px 17px 1.25rem;
      font-size: 13px;
  }
  a.btn.large {
      font-size: 15px;
      line-height: 21px;
      width: 138px;
  }
  .scroll {
      width: 57px;
      height: 57px;
  }
  .choose-bill-restaurent .modal-dialog {
      max-width: 396px;
      height: 189px;
  }
  .choose-bill-restaurent .modal-dialog .modal-content .modal-header {
      border: none;
      padding: 17px 17px 15px 0px;
  } 
  .choose-bill-restaurent .modal-dialog .modal-content .modal-body .heading {
      font-size: 20px;
      line-height: 26px;
      padding: 0px 0px 19px;
  }
  .choose-bill-restaurent .modal-dialog .modal-content .modal-body .searchbox {
      height: 46px;
      margin: 0px 30px 40px;
  }
  .choose-bill-restaurent .modal-dialog .modal-content .modal-body .searchbox input {
      font-size: 15px;
  }
  .choose-bill-restaurent .modal-dialog .modal-content .modal-body .searchbox button.search img {
      width: 14px;
      height: 14px;
  }
  .choose-bill-restaurent .modal-dialog .modal-content .modal-body .searchbox button.search {
      top: 12px;
  }
  
  .inner-page header nav.navbar.navbar-light.bg-light.fixed-top,
  .inner-page header nav.navbar.navbar-light.bg-light.fixed-top.sticky,
  header nav.navbar.navbar-light.bg-light.fixed-top.sticky,
  header nav.navbar.navbar-light.bg-light.fixed-top {
      padding: 12px 0px;
  }
  section.top-header.menu-banner {
      margin-top: 50px;
  }

  section.top-header.menu-banner .content h1 {
      font-size: 38px;
      line-height: 43px;
  }
 section.menu-link-top ul.link li {
     font-size: 14px;
     padding: 0px 13px;
     height: 26px;
 }
  section.menu-link-top ul.link li a {
      padding-bottom: 6px;
  }
  section.menu-link-bottom {
      padding: 12px 0px;
  }
  section.menu-link-bottom .heading {
      font-size: 17px;
      line-height: 24px;
  }
  .loc-wrapper.menu-wrapper {
      padding: 30px 0px 0px;
  }
  .loc-wrapper.menu-wrapper .stp-box .title {
      font-size: 20px;
      line-height: 28px;
      padding-bottom: 25px;
  }
  .loc-wrapper.menu-wrapper .stp-box ul li .subtitle {
      font-size: 16px;
      line-height: 18px;
      padding-bottom: 7px;
  }
/*  .loc-wrapper.menu-wrapper .stp-box ul li .price {
      font-size: 15px;
      line-height: 20px;
  }*/
  .loc-wrapper.menu-wrapper .stp-box {
      padding-bottom: 67px;
  }
  
  
  section.menu-link-bottom .right-part a.icon-box, 
  section.menu-link-bottom .right-part a.icon-box.active{
    top:7px;
  }
  header nav.navbar.navbar-light.bg-light.fixed-top a.navbar-brand img {
      max-width: 90%;
  }
  #booking-confirmed .like-seated-box {
      margin: 46px 0px 0px;
      padding-top: 36px;
  }
  #booking-confirmed .like-seated-box .title {
      font-size: 17px;
      line-height: 29px;
  }
  #booking-confirmed .like-seated-box ul.seated-view {
      width: 264px;
  }
  #booking-confirmed .like-seated-box ul.seated-view li a {
         width: 80px;
         font-size: 12px;
         line-height: 22px;
         height: 37px;
         margin: 18px 0px;
  }
  #booking-confirmed .like-seated-box ul.seated-view li {
      padding-right: 6px;
  }
  #booking-confirmed .heading {
      font-size: 28px;
      line-height: 30px;
  }
  #booking-confirmed .inner-booking p {
      font-size: 13px;
      line-height: 14px;
      padding: 8px 0px;
  }
  #booking-confirmed .booking-bottom a.btn-link {
      font-size: 14px;
      margin:25px ​0px 0px;
      width: 148px;
      height: 46px;
      line-height: 30px;
  }
  #booking-confirmed a.btn {
      font-size: 14px;
      line-height: 23px;
      width: 143px;
      height: 43px;
      margin-top: 12px;
  }
 
  #your-details .modal-dialog.modal-fullscreen .modal-content .mb-3.hafe {
      width:auto;
  }
  .locations-wrapper .inner .inner-box {
      top: 50%;
  }
  .alternative-time .internal.due::after {
      width: 115%;
      height: 1px;
      transform: rotate(29deg);
      top: 24px;
  }
  .alternative-time .bottom-section button#left-button img, .alternative-time .bottom-section button#right-button img {
      width: 18px;
      height: 18px;
      max-width: initial;
  }

 #choose-alternative-time .heading {
        font-size: 28px;
    line-height: 28px;
 }
  .alternative-time .internal {
      width: 86px;
      height: 49px;
      font-size: 16px;
      line-height: 46px;
      margin: 0px 8px 11px 0px;
  }
  .alternative-time {
      padding: 30px 0px 0px;
      width: 420px;
  }
  .alternative-time .bottom-section .mid {
      font-size: 14px;
  }
  .book-table-popup .select_seating_type .heading {
      font-size: 20px;
      padding-bottom: 22px;
  }
  .book-table-btn {
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    line-height: 21px;
    height: 152px;
    width: 31px;
    background-size: cover;
}
  .locations-wrapper .inner .inner-box .bottom-sec .sub-title {
      font-size: 13px;
      padding: 39px 0px 11px;
  }
  .locations-wrapper .inner .inner-box .bottom-sec a.btn {
      width: 188px;
      height: 47px;
      font-size:13px;
      letter-spacing: 0.28px;
      padding-left: 35px;
      line-height: 29px;
  }
  .locations-wrapper .inner .inner-box .bottom-sec a.btn:after {
      left: 14px;
      top: 16px;
      width: 14px;
      height: 14px;
  }
  .locations-wrapper .inner .inner-box img {
      margin: 0 auto 20px;
      width: 40px;
  }
  .locations-wrapper .inner .inner-box .searchbox img {
      top: 15px;
      left: 16px;
      width: 13px;
      height: auto;
  }
  .locations-wrapper .inner .inner-box .searchbox input {
      padding-left: 53px;
      font-size: 14px;
      height: 43px;
  }
  .locations-wrapper .inner .inner-box .searchbox button.btn {
      width: 75px;
      font-size: 13px;
  }
  .locations-wrapper .inner .inner-box .bottom-sec {
      margin: 13px 0px 0px;
      position: relative;
  }
  .locations-wrapper .inner .inner-box .bottom-sec:before {
      height: 28px;
  }
  .locations-wrapper .nearest-bill-restorent .heading {
      font-size: 23px;
      line-height: 33px;
      padding: 130px 0px 0px;
  }
  .locations-wrapper .nearest-bill-restorent .box ul {
      padding: 30px 0px 8px;
  }
  .locations-wrapper .nearest-bill-restorent .box ul .title {
      font-size: 23px;
    line-height: 23px;
  }
  .locations-wrapper .nearest-bill-restorent .box ul p{
    padding: 0px 0px 10px;
  }

  .locations-wrapper .nearest-bill-restorent .box ul .title span {
      font-size: 14px;
      padding-left: 8px;
  }
 .locations-wrapper .nearest-bill-restorent .box ul a.btn.large {
     width: 140px;
     height: 39px;
     line-height: 20px;
     font-size: 13px;
 }
  .locations-wrapper .nearest-bill-restorent .box {
      height: 360px;
  }
 .locations-wrapper .nearest-bill-restorent .box ul li:first-child {
     width: 66%;
 }
 
  .navbar-brand{
    margin-right: 0px;
  }
 
  .locations-wrapper .inner .inner-box img.img-map {
      display: block;
      text-align: center;
      margin: 0 auto 3px;
      width: 30px;
  }
  .locations-wrapper {
      padding: 0;
      margin: 72px 0px 0px;
  }
  .nearest-bill-restorent .row {
      height: calc(100vh - 72px);
  }
  .locations-wrapper .inner .inner-box h1 {
    font-size: 32px;
    line-height: 32px;
    padding-bottom: 18px;
}
  .locations-wrapper .inner .inner-box .searchbox {
      height: 43px;
  }
  .locations-wrapper .inner .inner-box {
      width: 400px;
  }
  section.booking-mid-sec .right-part .heading{
    padding: 20px 0px 16px;
  }
  

  section.booking-mid-sec .group-bookings-details .inner {
      padding: 29px 28px 12px;
  }
  section.booking-mid-sec .group-bookings-details .inner p {
      font-size: 15px;
      padding: 0px 0px 15px;
  }
  section.booking-mid-sec .group-bookings-details .group-book-people {
      padding: 19px 28px 22px;
  }
  section.group-booking-section .content h1 {
      font-size: 45px;
      line-height: 63px;
  }
  section.group-booking-section .content p {
      font-size: 15px;
      line-height: 21px;
  }
  section.booking-mid-sec .group-bookings-details .group-book-people p, 
  section.booking-mid-sec .group-bookings-details .group-book-people a{
    font-size: 15px;
  }
/*  .event-offers-section form.comm-form .mb-3.row .col-12:last-child {
      width: 230px;
  }*/
  .event-offers-section form.comm-form .mb-3.row .col-12:first-child {
      width: auto;
  }
  .event-offers-section .box-section .large-box .inner {
      padding: 0px 7px 0px 7px;
  }
  header nav.navbar.navbar-light.bg-light.fixed-top button.navbar-toggler img{
    width: 27px;
  }

 .event-offers-section .box-section .large .box .inner .title, .event-offers-section .box-section .box .inner .title {
     padding-bottom: 2px;
     line-height: 26px;
 }
 .event-offers-section .box-section .box .inner {
     padding:18px 18px 21px;
 }

 .event-offers-section .box-section .large .box {
     min-height: 92%;
 }
 .event-offers-section .box-section .large .box p {
     min-height: 69px;
 }
 .event-offers-section .box-section .large .box .inner a.btn, .event-offers-section .box-section .box .inner a.btn {
     margin-top: 5px;
     width: 105px;
     line-height: 12px;
 }
 .event-offers-section .box-section .large-box img {
     height: 349px;
 }
 .event-offers-section form.comm-form .location-arrow .form-select-lg {
     background-size: 14px 23px !important;
     font-size: 15px;
 }
 .comm-form .form-check label.form-check-label {
     font-size: 15px;
 }
 .comm-form .form-select, .comm-form .form-control {
     font-size: 15px;
 }
 .event-offers-section .box-section .box .inner p {
     font-size: 12px;
     line-height: 17px;
     height: 100px;
 }
 .event-offers-section .box-section .box img {
     height: 175px;
 }
 .book-table-popup .modal-dialog.modal-fullscreen .modal-content ul.seated-box li a.btn{
   width: 77px;
       height: 39px;
 }
 .book-table-popup .modal-dialog.modal-fullscreen .modal-content ul.seated-box li a.btn span {
     font-size: 13px;
     line-height: 24px;
 }
 .book-table-popup .modal-dialog.modal-fullscreen .modal-content .select_seating_type a.btn {
     width: 156px;
     height: 45px;
     line-height: 27px;
     margin: 30px auto 0px;
 }
  #your-details .heading {
          font-size: 21px;
    padding-bottom: 20px;
    line-height: 21px;
  }
  #your-details .credit-card .heading {
    font-size: 26px;
    line-height: 26px;
    letter-spacing: 0;
    padding: 37px 0 16px;
    margin: 0 auto;
  }
  #your-details .modal-dialog.modal-fullscreen .modal-content div.wrap-drop span {
      font-size: 16px;
  }
  #your-details .modal-dialog.modal-fullscreen .modal-content .common-pdding {
      padding: 0 5px;
  }
  .book-table-popup.fill-your-details#your-details .modal-dialog.modal-fullscreen .row {
      padding: 0% 0px 0px;
      margin-top: 0;
  }
  .book-table-popup.fill-your-details#your-details .modal-dialog.modal-fullscreen .row {
      padding: 0;
      margin: 0;
  }
  #your-details .modal-dialog.modal-fullscreen .modal-content label sup {
      top: 0;
      font-size: 18px;
      padding-left: 0;
  }
  .find_your_details_popup .details-section {
      width: 570px;
      margin: 0 auto;
  }
  #your-details .modal-dialog.modal-fullscreen .modal-content .mb-3 .form-select, 
  #your-details .modal-dialog.modal-fullscreen .modal-content .form-control {
      font-size: 14px;
      line-height:23px;
      padding-top: 0;
          padding-bottom: 0;
  }
  /*.find_your_details_popup {
      top: 45%;
  }*/
  #your-details .mb-3 {
      margin-bottom: 6px !important;
  }

  .event-open-section ul.box li {
     width: 50%;
  }
 .event-open-section .content-box .inner .title {
     font-size: 24px;
     line-height: 22px;
 }
  .event-open-section {
      padding:0px 0px 0px;
  }
  .event-open-section .content-box .inner p {
      font-size: 13px;
      line-height: 21px;
      padding: 12px 0px 0px;
  }
  .event-open-section .content-box .inner a.btn {
      width: 132px;
      height: 39px;
      line-height: 20px;
      font-size: 13px;
      margin-top:25px;
  }
  .event-open-section .content-box .inner {
      padding: 0px 90px;
  }
  section.top-header.info-banner.join-team-banner {
      height: auto;
  }
  section.top-header.info-banner.join-team-banner h2 {
      font-size: 20px;
      left: 40px;
  }
  .wrapper.join-team-wrap {
      padding: 0 0px 0;
  }
  .join-team-box .container-fluid {
      padding-left: 0;
      padding-right: 0;
  }
  .wrapper.join-team-wrap .join-team-box .box p {
      font-size: 14px;
      line-height: 27px;
      padding-bottom: 19px;
  }
  .wrapper.join-team-wrap .join-team-box .box .column {
          font-size: 14px;
        line-height: 27px;
        padding-bottom: 19px;
    }
 .wrapper.join-team-wrap .join-team-box .box {
     width: 460px;
     margin: 0 auto;
 }
 .wrapper.join-team-wrap .join-team-box .img-box .inner-box .title {
     font-size: 31px;
     line-height: 45px;
 }
  .wrapper.join-team-wrap .join-team-box .img-box .inner-box em {
      font-size: 11px;
      line-height: 13px;
      margin-top: -7px;
  }
 .wrapper.join-team-wrap .join-team-box .box ul li {
     font-size: 14px;
     line-height: 28px;
 }
/* .wrapper.join-team-wrap .join-team-box .img-box .inner-box .btn {
     width: 140px;
     height: 41px;
     line-height: 22px;
     font-size: 13px;
     margin-top: 14px;
 }*/
  .wrapper.join-team-wrap .join-team-box .box .slider-section .single-testimonial p {
      font-size: 24px;
      line-height: 30px;
  }
  .wrapper.join-team-wrap .join-team-box .box .slider-section p {
      padding: 11px 0px 0;
      font-size: 13px;
      line-height: 18px;
  }
  .wrapper.join-team-wrap .join-team-box .box ul.slick-dots {
      bottom: -120px;
  }
  .wrapper.join-team-wrap .join-team-box .box .slick-slider button.slick-prev.slick-arrow, 
  .wrapper.join-team-wrap .join-team-box .box .slick-slider button.slick-next.slick-arrow {
      width:40px !important;
      height: 40px !important;
  }
  .wrapper.join-team-wrap .join-team-box .box .slick-slider button.slick-next.slick-arrow:before{
        left: 12px;
  }
  .wrapper.join-team-wrap .join-team-box .box .slick-slider button.slick-prev.slick-arrow:before{
    left: 16px;
  }
  section.top-header.event-banner, section.top-header, section.top-header.info-banner.contact-banner {
      min-height: 290px;
      margin-top:72px;
  }
  body.booking-group-bdy.group-dining section.group-booking-section .img-box img, body.booking-group-bdy.group-bookings section.group-booking-section .img-box img{
    height: 290px !important;
    margin-top:0;
  }
  .wrapper.event-wrap {
      padding: 40px 0px 0px;
  }
  form.comm-form .mb-3.row {
      margin-bottom: 8px !important;
  }
  .comm-form button.btn {
      width: 111px;
      height: 33px;
      line-height: 12px;
      font-size: 13px;
  }
  .event-offers-section .box-section .box .inner .title {
      font-size: 16px;
  }
  .event-offers-section .box-section .large-box .inner p {
      font-size: 12px;
      line-height: 17px;
  }
  .event-offers-section .box-section .large-box .inner a.btn {
      margin-top: 18px;
      width: 105px;
      font-size: 11px;
      height: 34px;
      line-height: 14px;
  }
 
}
@media (max-width: 1400px) {
    .whats-on .dining-one-slider .title{
        font-size: 35px !important;
        line-height: 50px !important; 
    }
    .whats-on .dining-one-slider .inner-content p{
        font-size: 18px !important;
        line-height: 26px !important;
        height: auto !important;
    }
    .whats-on .dining-one-slider .box img {
        height: 464px !important;
    }
    .whats-on .nonloop-new .title {
        font-size: 16px;
        line-height: 18px;
    }
    .whats-on .nonloop-new .inner p {
        font-size: 13px;
        line-height: 19px;
    }
    .whats-on .nonloop-new {
        max-width: 1360px;
        margin: 70px auto 70px;
        padding: 0 15px;
    } 
     .whats-on .nonloop-new button.slick-prev.slick-arrow {
        left: 0;
    }
    .whats-on .nonloop-new button.slick-next.slick-arrow {
        right: 0;
    }
    .whats-on .nonloop-new{
        padding: 0 15px;
    }
    #your-details .credit-card .mb-3 {
    margin-bottom: 46px !important;
}
 .event-offers-section .box-section .box .inner p{
        height: 140px;
 }
  header .offcanvas ul.navbar-nav li a {
      font-size: 25px;
      line-height: 35px;
  }


}

@media (max-width: 1366px) {
  .book-table-popup.first.billscustom_homeback_main .modal-dialog.modal-fullscreen .modal-body {
      padding-bottom: 120px;
  }
  #your-details.fill-your-details.third .modal-dialog.modal-fullscreen .modal-content p.powerby-section {
      margin: 0 70px 0 0px;
  }

  div#bill-experiences .modal-dialog.modal-fullscreen .modal-content .modal-footer {
      padding: 85px 0.75rem 0px;
  }
  .first.custom-booktable-bottom .common-btn {
      font-size: 15px;
    }
  div#boxscrollpopup, #bill-experiences .bill-exp-section .mid-section {
    max-height: auto !important;
}
  #your-details .modal-dialog.modal-fullscreen .modal-content .modal-body {
    padding: 0 70px 40px 0px;
}
  .location-manchester-wrap.previous-location-master .banner-bottom-section .container {
    max-width: 1168px;
    margin: 0 auto;
    padding: 0 15px;
}
  section.loc-six-banner.loaction-view {
    margin-top: 72px;
}
  .location-manchester-wrap.previous-location-master .banner-bottom-section .col-12:first-child {
      max-width: 245px;
      width: 100%;
      }
      .location-manchester-wrap.previous-location-master .banner-bottom-section .col-12:nth-child(2) {
        max-width: 290px;
        width: 100%;
    }
    .location-manchester-wrap.previous-location-master .banner-bottom-section .col-12:nth-child(3) {
        max-width: 624px;
        width: 100%;
    }
    .location-manchester-wrap.previous-location-master ul.loc-icon-view{
          grid-template: repeat(1, 1fr)/repeat(2, 1fr);
    }
     .banner-bottom-section .bottom-nner-pd ul li {
      list-style: none;
      font-size: 15px;
      color: #2F2F2F;
      line-height: 22px;
      padding-bottom: 13px;
  }
  .banner-bottom-section.new-designpdrcustom span {
    font-size: 15px;
    color: var(--black-light);
    letter-spacing: 0.16px;
    line-height: 26px;
}
    .booking-mid-sec .groupdining-form .title {
        font-size: 22px;
        line-height: 26px;
    }
    .booking-mid-sec .groupdining-form .title.sec {
        margin: 49px 0 0;
    }
    section.booking-mid-sec .group-bookings-details .inner .heading,
    .booking-mid-sec .group-book-people .heading {
        font-size: 22px;
        line-height: 26px;
    }
    .home-popupbox .modal-dialog .modal-body .content {
        padding: 48px 46px 51px 60px;
    }
    .home-popupbox .modal-dialog .modal-body .img-box img {
        max-height: 354px;
    }
    .home-popupbox .modal-dialog .modal-body .content .common-btn {
        width: 200px;
        font-size: 18px;
    }
    .wrapper.join-team-wrap .join-team-box .img-box .inner-box .common-btn {
        margin: 0 auto;
        width: 200px;
        font-size: 16px;
        height: 40px;
    }
    .common-btn {
        width: 200px;
        font-size: 16px;
        height: 40px;
    }
    .section-top.hero-slider-add  .location-arrow a.arrow-img-sec {
        top: 6px;
    }
    .section-top.hero-slider-add .form-section form#form-frontpage .location-arrow.loc-arrow .wrap-drop.input, 
    .section-top.hero-slider-add .form-section .form-select, .section-top.hero-slider-add  button,
    .section-top.hero-slider-add div#rparty_size{
        height: 40px !important;
        padding: 7px !important;
    }
    .hero-slider-add .form-section .wrap-drop span{
        font-size: 14px;
    }
    .hero-slider-add .form-section .wrap-drop .drop li a{
        font-size: 14px;
        line-height: 14px;
    }
    ul.ui-timepicker-viewport li.ui-menu-item a{
      font-size: 16px ;
      line-height: 16px ;
    }
    .book-table-popup .container .book-table-section div.location-input .autocomplete-items div{
      font-size: 16px !important;
      line-height: 16px !important;
    }
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .form-select, 
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .form-control,
    .book-table-popup .container .book-table-section input#popupDatepicker,
    .book-table-popup .container .book-table-section .wrap-drop span,
    .book-table-popup .container .book-table-section div.location-input input#location,
    .book-table-popup.first .wrap-drop .drop li a{
      font-size: 16px;
      line-height: 16px;
    }
     .modal-open ul.ui-timepicker-viewport li.ui-menu-item a.ui-state-hover {
        font-size: 16px;
    }
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .btn{
      font-size: 16px;
      line-height: 16px;
    }
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .heading {
        padding: 0 0 25px;
        font-size: 28px;
        line-height: 28px;
    }
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-header button.btn-close img {
        width: 20px;
        margin: 0;
    }
    .autocomplete-items div{
        font-size: 14px !important;
        line-height: 14px !important;
    }
    .whats-on .dining-one-slider .title{
        font-size: 33px !important;
        line-height: 45px !important; 
    }
    .whats-on .dining-one-slider .inner-content p{
        font-size: 18px !important;
        line-height: 26px !important;
        height: auto !important;
    }
    .whats-on .dining-one-slider .box img {
        height: 464px !important;
    }
  #your-details .modal-content .details-section label.form-label {
      padding: 14px 0px 0px 0px;
      font-size: 18px;
  }
  #your-details .modal-dialog.modal-fullscreen .modal-content .mb-3.textarea-box label.form-label {
      margin-bottom: 13px;
      padding: 10px 0px 0px;
  }
.view-gallery .nonloop-new .box img {
        height: 410px !important;
    }
  section.discover-our-menus .carousel-caption.d-none.d-md-block h5 {
      font-size: 26px;
      line-height: 33px;
  }

  section.booking-mid-sec .right-part .forminator-row {
      margin-bottom: 30px !important;
  }
  section.event-offers-section .location-arrow a.arrow-img-sec {
      right: 40px;
  }
  .what-at-bill .card .img-box img {
      height: 424px;
  }
  .wrapper.terms-con-wrap .container {
      max-width: 790px;
  }
  .event-offers-section .location-arrow .wrap-drop {
      /*background-position: 161px 11px;*/
      background-position: 161px 8px;
          background-size: 9% 48%;
  }
  .comm-form .form-check input[type="radio"] {
      width: 15px;
      height: 15px;
  }
  .event-offers-section .location-arrow:before {
      right: 23px;
      /*top: 9px;*/
      top: 4px;
      width: 13px;
      height: 13px;
  }

  .section-top .form-section .location-arrow select.form-select {
      padding: 10px 12px;
      background-size: 17px 38px !important;
  }
  .location-arrow:before {
      right: 39px;
      top: 13px;
      width: 15px;
      height: 16px;
  }
  .section-top .title {
      padding: 0px 0px 18px;
      font-size: 18px;
  }
  .section-top .form-section .form-select{
    height: 40px;
    font-size: 14px;
  }
      .section-top .form-section form#form-frontpage .location-arrow.loc-arrow input#rlocation {
        font-size: 14px;
        line-height: 14px;
    }

  .section-top .form-section button {
      height: 40px;
      font-size: 14px;
  }
  .book-table-btn {
      top: 168px;
  }
  .wrapper.offer-open-video-wrap .inner-wrap {
      margin: 0 auto;
      width: 910px;
  }
  .video-section .video-icon {
      width: 100px;
      height: 100px;
  }
  .cocktails-section {
      padding: 30px 0px;
      margin-top: 14px;
  }
  .cocktails-section p {
      padding: 15px 0px;
      font-size: 13px;
      line-height: 24px;
  }
  .cocktails-section .title {
      font-size: 31px;
      line-height: 33px;
  }
  .cocktails-section a.btn {
      width: 134px;
      height: 41px;
      font-size: 13px;
      line-height: 22px;
  }
  .wrapper.offer-open-video-wrap {
      padding: 75px 0px 17px;
  }

  .wrapper.contact-wrap .heading-comm h2 {
      font-size: 24px;
      line-height: 26px;
  }
  .wrapper.contact-wrap .contact-section {
      width: 100%;
      margin: 0 auto;
  }
  .wrapper.contact-wrap .heading-comm p {
      line-height: 26px;
      padding: 15px 15px 0px;
  }
  .wrapper.contact-wrap .contact-section .inner-section .heading {
      font-size: 20px;
      line-height: 20px;
      padding-bottom: 0;
  }
  .wrapper.contact-wrap .contact-section .inner-section .mb-3 {
      margin-bottom: 26px !important;
  }

  .wrapper.contact-wrap .contact-section .inner-section .chk [type=checkbox]:checked + span:before {
      width: 15px;
      height: 15px;
  }
  .wrapper.contact-wrap .contact-section .inner-section .chk label span {
      height: 19px;
      width: 19px;
      margin-right: 13px;
  }
  .wrapper.contact-wrap .contact-section .inner-section button.btn {
      margin-top: 20px;
      width: 150px;
      height: 42px;
      line-height: 14px;
  }
  .view-all-section a.btn.large {
      height: 41px;
      width: 140px;
      line-height: 25px;
  }

 section.booking-mid-sec .right-part .heading{
   padding: 25px 0px 21px;
 /*  font-size: 21px;
   line-height: 29px;*/
 }
  .section-top .form-section .row.justify-content-center.align-items-center .col-12.col-sm-12.col-lg-5 {
      width: 296px;
  }
  .section-top h1, .section-top .heading {
      font-size: 70px;
      line-height: 70px;
  }
  header ul.custom-nav li{
    padding: 0px 20px 0px;
  }
  .section-top .form-section{
    max-width: 1140px;
  }
  /*.section-top {
      min-height: 624px;
  }*/
  .locations-popup.locations-result .modal-body .card .row {
      min-height:calc(100vh - 7.5rem * 2 - -8.75rem);
  }
  .locations-popup .modal-body .card .row .inner .heading{
    font-size: 25px;
    padding-bottom: 20px;
  }

  /*section.top-header .row {
      min-height: calc(100vh - 7.5rem * 2 - 0.8125rem);
  }*/
  header .offcanvas ul.navbar-nav li a{
    /*padding:5px 0;*/
    font-size: 21px;
    line-height: 27px;
    padding: 30px 0px 0px;
  }
  header .offcanvas ul.social-section {
      padding: 30px 0px 0px;
  }
  header .offcanvas ul.social-section:after {
      top: 54px;
  }
  .offcanvas .offcanvas-body {
      overflow-y: auto;
      padding-top: 0%;
  }
  .locations-result .modal-body .card .heading{
    padding: 17px 0px 0px;
  }

  section.booking-mid-sec .group-bookings-details {
      margin-right: 20px;
  }
  section.booking-mid-sec .group-bookings-details .inner {
      padding: 39px 27px 22px;
  }
  section.booking-mid-sec .group-bookings-details .group-book-people{
        padding: 29px 27px 32px;
  }
  .locations-result .modal-body .card .heading {
      letter-spacing: 2.8px;
      font-size: 25px;
      line-height: 35px;
  }
  .locations-popup .modal-body .card .row .inner ul .title {
      font-size: 22px;
      line-height: 32px;
  }
  .locations-popup .modal-body .card .row .inner ul p {
      padding: 0px 0px 9px;
  }
  .locations-popup .modal-body .card .row .inner ul {
      margin: 0;
      padding: 40px 0px 17px;
  }
  .locations-popup.locations-result .modal-body .card .row .inner {
      height: 320px;
      padding: 0px 20px 0px 0;
  }
  .locations-popup.locations-result .modal-body .card .bottom-sec a.btn {
      width: 124px;
      height: 34px;
      line-height: 20px;
  }
  .locations-popup.locations-result .modal-body .card .bottom-sec {
      padding: 30px 0px 0px;
  }
  .book-table-popup.like-seated .modal-dialog.modal-fullscreen .row {
      padding: 3% 0px 0px;
  }
  .book-table-popup .heading {
      font-size: 23px;
  }
  .book-table-popup ul.seated-box li span {
      font-size: 20px;
      line-height: 28px;
  }
  .book-table-popup.like-seated .modal-dialog.modal-fullscreen .row .heading {
      padding-bottom: 23px;
  }
  .alternative-time .internal {
      width: 87px;
      height: 50px;
      font-size: 17px;
      line-height: 47px;
      margin: 0px 9px 12px 0px;
  }
  #choose-alternative-time.book-table-popup .modal-dialog.modal-fullscreen .row {
      padding: 2% 0 0 0;
  }
  
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content label {
      font-size: 14px;
      line-height: 19px;
  }
  
  #your-details.book-table-popup .modal-dialog.modal-fullscreen .modal-content a.back-btn.white {
      margin: 10px auto 0;
  }
  .book-table-popup.fill-your-details .modal-dialog.modal-fullscreen .row {
      padding: 0% 0px 0px;
      margin-top: -17px;
  }
  .what-at-bill .heading h1{
    font-size: 30px;
    line-height: 35px;
  }
  .what-at-bill .heading p{
    font-size: 15px;
  }
  .discover-our-menus .dis-box .inner .title {
      font-size: 27px;
      line-height: 38px;
  }
  .discover-our-menus .dis-box .inner .sub-title {
      font-size: 13px;
      line-height: 16px;
  }
  .discover-our-menus .dis-box .inner .info {
      bottom: 54px;
  }
  .discover-our-menus .dis-box .inner .info a {
      font-size: 19px;
      line-height: 26px;
  }
  .discover-our-menus .dis-box:hover .inner .info a:after {
      width: 58px;
      bottom: -19px;
  }
  .group-booking {
      padding: 45px 0px;
  }
  .group-booking .inner .title {
      font-size: 24px;
      line-height: 34px;
      padding-bottom: 6px;
  }
  .group-booking .inner .info p {
      font-size: 13px;
      line-height: 22px;
      padding: 0px 0px 8px;
  }
  .group-booking .inner .info a.btn {
      width: 114px;
      margin-top: 10px;
      height: 36px;
      line-height: 22px;
      font-size: 13px;
  }
    .group-booking .inner .info {
        padding: 0px 50px;
    }
   .what-at-bill .heading {
          padding: 46px 0px;
   }

   section.what-at-bill .view-all-section {
       padding: 46px 0px;
   }
   .what-at-bill .card .inner {
       padding: 0px 90px 0px 78px;
   }
   section.discover-our-menus .inner {
       padding: 0px 45px 0px 55px;
   }
   section.discover-our-menus.private-dining-section .inner {
       padding-left:55px;
   }
   section.discover-our-menus .inner h2 {
       font-size: 23px;
       line-height: 31px;
   }

   .what-at-bill .card .inner h2 {
       font-size: 23px;
       line-height: 31px;
   }
   .what-at-bill .card .inner .dec {
       font-size: 14px;
       line-height: 20px;
       padding: 13px 0px;
   }

   .view-all-section a.btn.large {
       height: 37px;
       width: 130px;
       line-height: 24px;
       font-size: 14px;
   }
    .wrapper {
        padding: 50px 0px 0px;
    }
    .event-offers-section .box-section .large-box .inner h2 {
      font-size: 20px;
          padding: 0px 0px 7px;
    }
   
    section.loc-six-banner {
        margin-top: 70px;
        min-height: initial;
    }
    section.loc-six-banner .carousel-inner .carousel-item img {
        height: 350px;
    }
    section.loc-six-banner h1 {
    font-size: 65px;
    line-height: 43px;
}
 section.loc-six-banner p {
    font-size: 20px;
    line-height: 22px;
    padding: 22px 0px 0px;
}

    .banner-bottom-section .bottom-sec .heading {
        font-size: 20px;
        line-height: 24px;
    }
    /*.banner-bottom-section .bottom-sec {
        padding: 12px 0px 6px;
    }*/
    .banner-bottom-section .bottom-sec .weeks {
            font-size: 15px;
    line-height: 26px;
    padding: 0px 0px 22px;
    }
    .banner-bottom-section .bottom-sec a.direct-btn{
          font-size: 15px;
    line-height: 26px;
    }
    .previous-location-master .banner-bottom-section .bottom-sec>span {
      font-size: 15px;
      line-height: 26px;
  }
  .previous-location-master .banner-bottom-section .col-12:last-child .bottom-sec {
      padding: 46px 0 69px;
      border-right: none;
  }
    .banner-bottom-section .bottom-sec .phone {
        font-size: 13px;
        line-height: 22px;
        padding: 10px 0px 28px;
    }
    .banner-bottom-section .bottom-sec .homesliderbox .owl-carousel {
        margin-top: 16px;
    }
    /*section.loc-six-banner button.carousel-control-prev span.carousel-control-prev-icon, 
    section.loc-six-banner button.carousel-control-next span.carousel-control-next-icon{
      width: 40px;
      height: 40px;
    }*/
    section.loc-six-banner .carousel-indicators button {
        width: 7px;
        height: 7px;
        margin-right: 3px;
        margin-left: 3px;
    }
    section.loc-six-banner .carousel-indicators {
        bottom: 10px;
    }
    .location-bottom-section {
        padding: 42px 0px;
    }
    .location-bottom-section .location-content p {
        font-size: 14px;
        line-height: 27px;
        padding: 0px 0px 20px;
    }
    ul.loc-icon-view li {
        padding-right: 65px;
        font-size: 14px;
        line-height: 16px;
    }
    .map-sec img.icon {
        width: 38px;
        height: 53px;
    }
}

@media (max-width: 1220px) { 
    .dropq-wn-location .tab-collapse{
        height: 410px;
    }
  .locations-wrapper .nearest-bill-restorent .heading {
      padding: 80px 0px 0px;
  }
  .locations-wrapper .nearest-bill-restorent .box ul{
    padding: 50px 0px 20px;
  }

  .locations-wrapper .nearest-bill-restorent .box {
      height: 382px;
  }
  .locations-wrapper .nearest-bill-restorent .heading {
      padding: 110px 0px 0px;
  }
}

/*1300px*600 screen*/

@media (min-width: 992px) and (max-width: 1300px) {

   .wrapper.subscribe-section .container-fluid ul li:last-child {
      display: flex;
      justify-content: center;
      align-items: center;
      overflow-y: auto;
     /* padding-top: 250px;*/
  }
  .wrapper.subscribe-section .subscribe-form p{
        line-height: 21px;
      margin: 0;
      font-size: 13px;
  }

  .subscribe-form .form-row-grid {  
    grid-row-gap: 20px;
}
  .wrapper.subscribe-section .subscribe-form {
      padding: 0px 44px;
  }
  .wrapper.subscribe-section .subscribe-form .text-msg-form p{
    font-size: 12px;
  }
  .wrapper.subscribe-section .subscribe-form .title{
    font-size: 24px;
  }
  .subscribe-section form.newsletter-form {
      margin-top: 20px;
  }
  .wrapper.subscribe-section .container-fluid ul li:last-child::-webkit-scrollbar{
    display: none;
  }
} 

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .book-table-popup.first .container .book-table-section div.location-input .autocomplete-items {
    max-height: 100px;
    }
    .book-table-popup.first ul.drop{
      max-height: 100px;
    }
  .book-table-popup.first.billscustom_homeback_main .modal-dialog.modal-fullscreen .modal-body {
      padding-bottom: 250px;
  }

  section.join-team-banner.video,
  section.join-team-banner.video video{
        height: 390px;
  }
  .mfp-content button.mfp-arrow.mfp-arrow-right.mfp-prevent-close {
      top: 157px;
  }
  .mfp-content button.mfp-arrow.mfp-arrow-left.mfp-prevent-close {
      top: 157px;
  }
  #your-details.fill-your-details.third .modal-dialog.modal-fullscreen .modal-content p.powerby-section {
    margin: 0 30px 0 0px;
}
  .first.custom-booktable-bottom .locations{
    width: 296px;
  }
  .first.custom-booktable-bottom .drop-down-input{
        width: 146px;
  }
  .custom-booktable-bottom .row.justify-content-center.align-items-center .col-12 .row .common-padding,
  .first.custom-booktable-bottom button#findATable{
        width: 108px;
  }
  .custom-booktable-bottom .row .col-md-6{
    padding: 0px 8px 0;
  }
  #your-details .modal-dialog.modal-fullscreen .modal-content .modal-body {
    padding: 0 30px 40px 0px;
  }
    div#exampleModalCenteredScrollable .container .book-table-section .col-lg-3.locations {
        width: 296px;
        padding: 0 8px 0 0;
    }
    div#boxscrollpopup, #bill-experiences .bill-exp-section .mid-section {
      max-height:auto !important;
  }
    div#exampleModalCenteredScrollable .container .book-table-section .col-lg-3 {
      width: 146px;
      padding: 0px 8px;
    }
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .btn{
      width: 147px;
    }
    div#bill-experiences .modal-dialog.modal-fullscreen .modal-content .btn {
        width: 244px;
    }
    .locations-wrapper {
          margin: 62px 0px 0px;
      }
      .nearest-bill-restorent .row {
          height: calc(100vh - 62px);
      }
    .locations-wrapper .inner .inner-box .searchbox .wrap-drop.input.form-select {
      min-width: 262px;
  }
    .location-manchester-wrap.previous-location-master .banner-bottom-section .col-12:first-child {
      max-width: 205px;
      width: 100%;
      }
      .location-manchester-wrap.previous-location-master .banner-bottom-section .col-12:nth-child(2) {
        max-width: 240px;
        width: 100%;
    }
    .location-manchester-wrap.previous-location-master .banner-bottom-section .col-12:nth-child(3) {
        max-width: 504px;
        width: 100%;
    }
    header ul.custom-nav li a {
        font-size: 16px;
        line-height: 18px;
    }
    header nav.navbar.navbar-light.bg-light.fixed-top img.custom-logo, .inner-page header nav.navbar.navbar-light.bg-light.fixed-top a.custom-logo-inner-link img {
        width: 70px;
    }
    .section-top h1, .section-top .heading {
        font-size: 55px;
        line-height: 55px;
    }
    header ul.custom-nav li {
        padding: 0px 15px 0px;
    }
    .loc-six-banner.previous-banner .carousel-inner .carousel-item img {
        height: 540px;
    }
    .event-offers-section .btn-find-more {
        padding: 16px 18px 16px !important;
    }
    .whats-on .nonloop-new .inner p {
        height: 100px;
    }
    #your-details .credit-card .mb-3 {
        margin-bottom: 20px !important;
    }
    .dropq-wn-location.active .tab-collapse {
        height: 309px;
        padding-bottom: 20px;
    }
    .dropq-wn-location .tab-collapse {
        height: 320px;

    }
    .dropq-wn-location .box-innerstreet .group-btn a{
            width: auto;
    }

    .dropq-wn-location .box-innerstreet .group-btn a.bookATableCustom{
        width: 85px;
    }
    .dropq-wn-location button.btn-primary {
           font-size: 23px;
          line-height: 23px;
          margin-top: 0;
          margin-bottom: 0;
          padding: 17px 0 13px;
    }
    .dropq-wn-location h2 {
           padding-top: 15px;
    font-size: 23px;
    margin-bottom: 0;
    line-height: 23px;
    }

    .locations-wrapper .inner .inner-box {
        padding-top: 10px;
    }

  #bill-experiences .bill-exp-section {
      width: 910px;
      margin: 0 auto;
  }
  #bill-experiences .bill-exp-section .mid-section .box .content-box {
      width: 596px;
      margin-left: 86px;
  }
  #bill-experiences .bill-exp-section .mid-section .box .img-box, #bill-experiences .bill-exp-section .mid-section .box .img-box img {
      width: 210px;
      height: 210px;
      object-fit: cover;
      object-position: 50% 50%;
  }
  #bill-experiences .bill-exp-section .top-section p {
      padding: 28px 0px 23px;
      line-height: 22px;
      font-size: 13px;
  }

  section.menu-link-top ul.link li {
    font-size: 13px;
    padding: 0px 12px;
}
  section.event-offers-section .location-arrow.loc-arrow input#event {
      top: -18px;
  }
  .section-top .form-section .form-select {
      padding-left: 6px;
  }
  .event-offers-section .location-arrow {
    width: 250px;
 }
 .event-offers-section form.comm-form .mb-3.row div#region {
    width: 200px !important;
 }
 .event-offers-section form.comm-form .mb-3.row .common-btn {
    width: 150px;
    margin-left: auto;
}
     .event-offers-section form.comm-form .mb-3.row .col-12:nth-child(2) {
        margin: 0 10px 0 10px;
        padding: 0;
    }
  .section-top .form-section form#form-frontpage .location-arrow.loc-arrow input.form-control {
      font-size: 13px;
      padding-left: 1px;
  }
  .section-top .form-section form#form-frontpage .location-arrow.loc-arrow input.form-control {
      font-size: 13px;
      padding-left: 2px;
  }
  .section-top .form-section form#form-frontpage .location-arrow.loc-arrow input.form-control {
      font-size: 13px;
  }
  .section-top .form-section form#form-frontpage .location-arrow.loc-arrow .wrap-drop.input {
      /*background-size: 14px 15px;*/
      background-size: 12% 20%;
      padding-top:0px !important;
  }
  body.nearestloc .ui-autocomplete {
      width: 312px !important;
  }
  .landing-banner .content h1 {
      font-size: 40px;
      line-height: 65px;
  }
  .landing-banner .content p {
      font-size: 15px;
      line-height: 19px;
      padding: 0px 0px 22px;
      width: 365px;
  }
  .landing-banner .content a.btn {
      font-size: 15px;
      width: 240px;
      line-height: 19px;
  }
  body .ui-autocomplete {
      width: 210px !important;
  }
  .event-offers-section .box-section .large .box .inner p {
      min-height: inherit;
      height: 77px;
  }
  img.mfp-img {
      width: 100%;
      height: 315px;
      object-fit: cover;
  }
  section.errow-banner {
      height: 388px;
  }
  section.errow-banner .inner h1 {
      font-size: 69px;
      line-height: 62px;
  }
  section.menu-link-bottom .heading {
      font-size: 15px;
      line-height: 22px;
  }
  section.menu-link-bottom .view p {
      font-size: 12px;
      line-height: 21px;
  }
  .loc-wrapper.menu-wrapper .stp-box .title {
      font-size: 18px;
      line-height: 25px;
      padding-bottom: 22px;
  }

  section.loc-pr-din-enq-section .left-part {
      padding: 0px 54px;
  }
  #booking-confirmed .heading {
      font-size: 26px;
      line-height: 27px;
  }

  .nearest-bill-restorent .img-box-section img {
      height: 100%;
  }
  .nearest-bill-restorent .nearest-bill-restorent-result {
      width: 418px;
      margin: 0 auto;
  }
  .wrapper.join-team-wrap .join-team-box .img-box img {
      height: 320px;
  }
  .locations-wrapper .inner .inner-box .searchbox div#search-result {
      width: 81%;
  }
  .map-section {
      height: 100%;
      width: 100%;
  }
  .locations-wrapper .inner .inner-box {
      width: 380px;
  }
  .locations-wrapper .inner .inner-box h1 {
          font-size: 22px;
    line-height: 22px;
    padding-bottom: 18px;
  }
  section.private-dining-inner-section .img-box img {
      height: 320px;
  }
  section.private-dining-inner-section .content {
      padding: 0px 30px;
  }
  section.private-dining-inner-section .content p {
      font-size: 14px;
      line-height: 25px;
  }

  .top-form-section button.btn {
      width: 155px;
      height: 42px;
      font-size: 15px;
      margin: 40px auto 0;
  }
  .wrapper.subscribe-section .subscribe-form .forminator-row button.btn {
      width: 143px;
      height: 40px;
      font-size: 14px !important;
      line-height: 43px !important;
  }
  .wrapper.subscribe-section .img-box img {
      width: 100%;
          height: 100%;
  } 
  .wrapper.subscribe-section .subscribe-form {
      padding: 0px 44px;
  }
  .wrapper.subscribe-section .subscribe-form .title {
      font-size: 28px;
      line-height: 31px;
      padding-bottom: 8px;
  }
  .wrapper.subscribe-section .subscribe-form .forminator-row .forminator-field.forminator-merge-tags .heading {
      font-size: 13px;
      line-height: 21px;
  }
  .wrapper.subscribe-section .subscribe-form p {
      line-height: 21px;
      margin: 0;
       font-size: 13px;
  }
  .wrapper.subscribe-section .subscribe-form form {
      margin: 20px 0px 0px !important;
  }
  .heading-comm h2 {
      font-size: 29px;
      line-height: 39px;
  }
  .heading-comm p {
      font-size: 14px;
      padding: 13px 0px 0px;
  }
  section.group-booking-section .img-box {
      position: relative;
      height: 460px;
  }
  .cocktails-section .title {
      font-size: 29px;
      line-height: 30px;
  }
  section.discover-our-menus .inner a.btn {
      width: 122px;
      line-height: 20px;
      height: 38px;
  }
  section.discover-our-menus.private-dining-section .inner a.btn {
      width: auto;
      padding: 10px 27px;
  }
  section.discover-our-menus .col-12.col-sm-5.col-md-5.col-lg-5{
    flex: 0 0 auto;
        width: 41.66666667%;
  }
  section.discover-our-menus .col-12.col-sm-7.col-md-7.col-lg-7{
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .what-at-bill .card a.btn, 
  section.discover-our-menus a.btn {
      font-size: 13px;
      width: 121px;
      height: 32px;
      line-height: 13px;
  }
  .video-section video {
      height: 351px;
  }
  .video-section:before {
      height: 98%;
  }
  section.booking-mid-sec .right-part .forminator-row span.select2-selection__placeholder, 
section.booking-mid-sec .right-part .forminator-row span.select2-selection__rendered, 
section.booking-mid-sec .right-part .forminator-row input.forminator-input{
  font-size: 13px !important;
}
section.booking-mid-sec .right-part .forminator-row div#time-1 .forminator-timepicker .forminator-row label.forminator-label{
  position: initial;
}
.forminator-custom-form.forminator-design--material .forminator-checkbox {
    align-items: flex-start !important;
}
section.booking-mid-sec .right-part .forminator-row span.forminator-checkbox-box{
  margin-top: 2px;
}
  section.event-offers-section .location-arrow a.arrow-img-sec {
    right: 43px;
    width: 13px;
    top: 10px;
}
  .location-arrow a.arrow-img-sec {
     top: 5px;
         width: 13px;
         right: 31px;
  }
  .what-at-bill .card .img-box img {
      height: 318px;
  }
  section.top-header.info-banner.join-team-banner h2 {
      font-size: 17px;
      left: 40px;
  }
  .wrapper.terms-con-wrap .container {
      max-width: 690px;
  }
  .book-table-btn {
    width: 40px;
    height: 194px;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    /* right: -46px; */
    line-height: 20px;
    background-size: cover;
}
  section.group-booking-section {
      /*padding: 0px 40px 31px;*/
  }
  .got-question .container .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6 {
      width: 50%;
  }
  section.menu-link-top .container, section.menu-link-bottom .container, .loc-wrapper.menu-wrapper .container {
      max-width: 827px;
  }
  section.booking-mid-sec .container {
      max-width: 960px;
  }
  .event-open-section ul.box li .img-box img {
      max-width: 100%;
      height: calc(100vh - 63px);
  }
  .promo-popup .modal-body .card .col-12.col-sm-12.col-md-12.col-lg-12.col-xl-6 {
      width: 50%;
  }
  .location-manchester-wrap .banner-bottom-section .container {
      max-width: 910px;
  }
 
  .locations-wrapper .nearest-bill-restorent .box {
      height: 309px;
  }
  .locations-wrapper .nearest-bill-restorent .bottom-sec {
      /* padding: 70px 0px 0px; */
      padding: 27px 0px 0px;
  }
  .locations-wrapper .nearest-bill-restorent .box ul .title {
          font-size: 21px;
    line-height: 21px;
  }

  .locations-wrapper .nearest-bill-restorent .box ul a.btn.large {
      width: 134px;
      height: 35px;
      line-height: 15px;
      font-size: 12px;
  }
  .locations-wrapper .nearest-bill-restorent .box ul {
      padding: 20px 0px 10px;
  }
  section.event-offers-section .container {
      max-width: 910px;
  }
  .discover-our-menus .dis-box {
      position: relative;
      height: 360px;
  }
  .discover-our-menus .dis-box img {
      width: 100%;
      height: 360px;
  }
  .group-booking .img-box img {
      height: 340px;
  }
  
  .what-at-bill .container .col-12.col-sm-4.col-md-6.col-lg-5 {
      width: 370px;
      padding: 0;
  }
  .what-at-bill .container .col-12.col-sm-4.col-md-6.col-lg-7 {
      width: 470px;
      padding: 0;
  }
  .event-offers-section .location-arrow .wrap-drop {
      background-position: 192px 8px;
      background-size: 9% 48%;
      padding: 4px 4px 0;
  }
  .event-offers-section .box-section .large-box img {
      height: 319px;
  }
 .event-offers-section .box-section .box img {
     height: 133px;
 }
  .section-top input#datepicker, .section-top input#time {
      padding: 10px 6px;
      font-size: 12px;
  }

  section.top-header.event-banner {
      min-height: 250px;
      margin-top: 50px;
      padding: 0;
  }
  .map-sec img.icon {
      width: 38px;
      height: 53px;
  }
  .wrapper.offer-open-video-wrap .inner-wrap {
      margin: 0 auto;
      width: 710px;
  }
  .wrapper.offer-open-video-wrap {
      padding:75px 0px 17px;
  }
  .video-section .video-icon {
      width: 90px;
      height: 90px;
  }
  section.top-header.info-banner.contact-banner {
      min-height: 220px;
  }
  .wrapper.contact-wrap {
      padding: 0;
  }

  .wrapper.contact-wrap .contact-section {
      width: 100%;
      margin: 0 auto;
  }
  section.top-header.info-banner.terms-conditions-banner {
      min-height: 340px;
      padding: 0px;
      height: auto;
  }
  .wrapper.join-team-wrap .join-team-box .box {
      width: 366px;
      margin: 0 auto;
  }
  .wrapper.join-team-wrap .join-team-box .img-box .inner-box .title {
      font-size: 30px;
      line-height: 45px;
  }
/*  .wrapper.join-team-wrap .join-team-box .img-box .inner-box .btn {
    width: 140px;
    height: 39px;
    line-height: 20px;
    font-size: 13px;
    margin-top: 11px;
  }*/
  .wrapper.join-team-wrap .join-team-box .box p {
      font-size: 13px;
      line-height: 23px;
      padding-bottom: 14px;
  }
  .wrapper.join-team-wrap .join-team-box .box .column {
        font-size: 13px;
        line-height: 23px;
        padding-bottom: 14px;
    }
  .wrapper.join-team-wrap .join-team-box .box ul li {
      font-size: 13px;
      line-height: 26px;
  }
  .wrapper.join-team-wrap .join-team-box .box .slider-section .single-testimonial p {
      font-size: 18px;
      line-height: 26px;
  }
  .wrapper.join-team-wrap .join-team-box .box .slider-section p {
      padding: 12px 0px 0;
      font-size: 14px;
      line-height: 18px;
  }
  .wrapper.join-team-wrap .join-team-box .box ul.slick-dots {
      bottom: -80px;
  }
  .wrapper.join-team-wrap .join-team-box .img-box .inner-box .title {
      font-size: 26px;
      line-height: 41px;
  }
  .wrapper.join-team-wrap .join-team-box .img-box .inner-box em {
      font-size: 12px;
      line-height: 13px;
      margin-top: -3px;
  }


  .got-question .box .titie {
      font-size: 22px;
      line-height: 26px;
      padding-left: 0;
  }
  .got-question .box .accordion {
      margin-bottom: 40px;
  }
  section.top-header.info-banner {
      margin-top: 63px;
      min-height: 425px;
      height: auto;
  }
  section.top-header.event-banner, section.top-header, section.private-dining-banner, section.top-header.info-banner, section.top-header.info-banner.contact-banner, body.booking-group-bdy.group-dining section.group-booking-section .img-box img, body.booking-group-bdy.group-bookings section.group-booking-section .img-box img {
    min-height:250px;
    margin-top:50px;
}
body.booking-group-bdy.group-dining section.group-booking-section .img-box img, body.booking-group-bdy.group-bookings section.group-booking-section .img-box img{
    height:250px !important;
    margin-top:0px;
}
section.group-booking-section{margin-top:62px;}



  section.top-header.menu-banner .content h1 {
      font-size: 28px;
      line-height: 33px;
  }
  section.menu-link-bottom .right-part .select-box ul li {
      padding:0px 8px 10px 5px;
  }
  section.menu-link-bottom .right-part .select-box ul li .chk label span {
      margin-right: 7px;
  }
 .event-open-section ul.box li {
     width: 50%;
 }
  
  .event-open-section .content-box .inner {
      padding: 0px 50px;
  }
  .event-open-section .content-box .inner .title {
      font-size: 30px;
      line-height: 35px;
  }
  .event-open-section .content-box .inner p {
      font-size: 13px;
      line-height: 21px;
      padding: 12px 0px 0px;
  }
 .event-open-section .content-box .inner a.btn {
     width: 132px;
     height: 40px;
     line-height: 20px;
     font-size: 13px;
     margin-top:25px;
 }
  .event-open-section ul.box {
      padding: 0;
  }
  .event-open-section ul.box li:nth-child(2) {
      padding-right: 0;
  }
  .event-open-section ul.box li:nth-child(1) {
      padding-left: 0;
  }
  .locations-wrapper .nearest-bill-restorent .heading {
      font-size: 25px;
      line-height: 38px;
      padding:73px 0px 0px;
  }
 
  .locations-wrapper .nearest-bill-restorent .box ul li:first-child {
      width: 58%;
  }
  
  .event-offers-section .box-section .large-box .inner h2 {
      font-size: 28px;
      padding: 0px 0px 20px;
  }
  
  .event-offers-section form.comm-form .mb-3.row .col-12:first-child {
      width: 250px;
  }
  .section-top .form-section .row.justify-content-center.align-items-center .col-12.col-sm-12.col-lg-5 {
      width: 260px;
  }
  .section-top .form-section button{
    width: auto;
  }
  .section-top.hero-slider-add button {
        width: 89px;
    }
  .promo-popup .modal-body {
      overflow: inherit;
      overflow-y: auto;
  }
  .section-top .form-section {
      max-width: 960px;
  }
  header nav.navbar.navbar-light.bg-light.fixed-top button.navbar-toggler img {
      width: 25px;
  }
  .wrapper {
      padding: 70px 0px 0px;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .row {
      padding:0px;
  }
  .book-table-popup .modal-body .continer {
     height: 100%;
  }
  ul.loc-icon-view li{
    padding-right: 22px;
  }
  ul.loc-icon-view li img {
      vertical-align: middle;
      padding-right: 4px;
  }
  
  section.booking-mid-sec .right-part .form-control, section.booking-mid-sec .right-part .form-select{
    font-size: 13px;
  }
  header .offcanvas ul.navbar-nav li a {
      line-height: 25px;
      font-size: 18px;
  }
  .locations-result .modal-body .card .heading{
    padding: 0px;
  }
  .locations-result .modal-body .card .row {
      min-height: calc(100vh - 7.5rem * 3 - 1.1rem);
  }
  .promo-popup .modal-body .card img {
      width: 100%;
      height: 260px;
  }
    .promo-popup .modal-body .card .inner {
        padding: 20px 19px 30px 24px ;
    }
    .promo-popup .modal-header button.btn-close {
        background-color: var(--white);
        padding: 7px ;
        opacity: 1;
        border-radius: 0px;
        top:0px;
        right: 0px;
    }
  .section-top .form-section .col-12.col-sm-4.col-md-4.col-lg-5 {
      width: 28.666667%;
  }

  .what-at-bill .card .inner .dec{
    padding: 6px 0px 10px;
  }
  .what-at-bill .card .inner {
      padding: 0px 41px 0px 51px;
  }
  section.discover-our-menus .inner {
      padding: 0px 41px 0px 51px;
  }
  section.discover-our-menus.private-dining-section .inner {
      padding-left:51px;
  }
  section.discover-our-menus .inner .dec {
      padding: 6px 0px 9px;
  }
  section.discover-our-menus .carousel .carousel-item img {
      height: 464px;
      width: 100% !important;
      max-width: 100%;
  }
  section.private-dining-section.discover-our-menus .img-box img {
      height: 464px;
      width: 100% !important;
      max-width: 100%;
  }
  section.discover-our-menus .carousel-caption.d-none.d-md-block h5 {
      font-size: 23px;
      line-height: 29px;
  }
  section.discover-our-menus .inner .dec p {
      margin-bottom: 6px;
  }
  .discover-our-menus .dis-box .inner .title{
    font-size: 28px;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content label{
    font-size: 14px;
  }

  section.top-header {
     background-position: center;

  }
/*  section.top-header .row {
      min-height: calc(100vh - 7.5rem * 2 - 11.813rem);
  }*/
  .event-offers-section .box-section .box .inner {
      padding: 16px 22px;
  }
  .event-offers-section .box-section .box .inner .title {
      font-size: 22px;
      padding: 0;
      margin: 0;
  }
  .event-offers-section .box-section .box .inner p{
    height:140px;
  }
  .event-offers-section .box-section .large-box .inner {
      padding:0px 9px 0px 6px;
  }
 .event-offers-section .box-section .box {
     min-height: 91%;
 }
  .event-offers-section .box-section .box .inner a.btn {
      margin-top: 10px;
  }
  .event-offers-section .box-section .large-box .inner h2 {
      padding: 0px 0px 12px;
      font-size: 19px;
  }
  .event-offers-section .box-section .large-box .inner a.btn {
      margin-top: 16px;
  }
 
  .event-offers-section .box-section .large .box .inner .title {
      padding-bottom: 0px;
      font-size: 17px;
  }
  .event-offers-section .box-section .box .inner p{
    line-height: 19px;
  }
  .event-offers-section .box-section .large .box p {
      min-height: 69px;
  }
  .event-offers-section .box-section .large .box {
      min-height: 91%;
  }
  .what-at-bill .heading {
      padding: 40px 0px;
  }
  section.what-at-bill .view-all-section {
      padding: 40px 0px;
  }
  .event-offers-section .box-section .large .box .inner a.btn, .event-offers-section .box-section .box .inner a.btn {
      margin-top: 11px;
      margin-bottom: 10px;
  }
  section.loc-six-banner {
      margin-top: 62px;
      min-height: initial;
  }
  section.loc-six-banner .carousel-inner .carousel-item img {
      height: 350px;
  }
  .previous-location-master .banner-bottom-section .col-12:nth-child(2) .bottom-sec, .previous-location-master .banner-bottom-section .col-12:nth-child(3) .bottom-sec {
        padding-left: 44px;
    }
  /*.banner-bottom-section .col-12:nth-child(2) .bottom-sec, .banner-bottom-section .col-12:nth-child(3) .bottom-sec {*/
  /*    padding-left:20px;*/
  /*}*/
  .banner-bottom-section .bottom-sec .homesliderbox {
      width: auto;
  }
  div#exampleModalCenteredScrollable .container .book-table-section .col-lg-3:first-child {
      padding-left: 13px;
  }
}
@media (max-width: 1080px) { 
.book-table-btn{
  top: auto;
}
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
  footer .col-sm-6.col-md-4.col-lg-4.menu-ftr .menu-footer2-container {
    width: 125px;
}

  section.join-team-banner.video h1 {
    font-size: 38px;
    line-height: 38px;
  }
   section.join-team-banner.video,
  section.join-team-banner.video video{
        height: 270px;
  }
  .join-the-team section.top-header.info-banner.join-team-banner{
    display: block;
  }
  .mfp-content button.mfp-arrow.mfp-arrow-right.mfp-prevent-close {
      top: 157px;
  }
  .mfp-content button.mfp-arrow.mfp-arrow-left.mfp-prevent-close {
      top: 157px;
  }
    #your-details.fill-your-details.third .modal-dialog.modal-fullscreen .modal-content p.powerby-section {
    margin: 0 0 0 0px;
}
  #your-details .mb-3 .chk label em {
    font-size: 14px;
    line-height: 14px;
 }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content a.arrow-img-sec{
        right: 38px !important;
  }
      .billscustom_homeback_main .modal-header {
        justify-content: inherit;
        padding: 19px 0 15px !important;
    }
    
      #bill-experiences .modal-header {
        justify-content: inherit;
        padding: 19px 0 15px !important;
    }
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-header a.modal-title img {
        width: 70px;
    }
    .billscustom_homeback_main .billscustom_homeback {
        margin-left: 15px;
        width: 120px;
        font-size: 15px;
    }
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-body {
      padding-bottom: 30px;
  }

    .nearest-bill-restorent .row {
      height: auto;
  }
  div#exampleModalCenteredScrollable .container .book-table-section .col-lg-3.locations{
        width: 50%;
        padding: 0px 13px 16px;
  }
  .book-table-popup.first .modal-dialog.modal-fullscreen .modal-content .modal-body .row {
        flex-wrap: wrap;
      padding: 0 15px;
  }
  .locations-wrapper .inner .container-fluid.searchArea .row .col-12 {
    width: 100%;
}
  .locations-wrapper {
    padding: 0;
    margin: 61px 0px 0px;
}
  .locations-wrapper .inner .inner-box .bottom-sec .sub-title {
      font-size: 14px;
      padding: 19px 0px 11px;
  }
  section.loc-pr-din-enq-section .container-fluid .row .col-12:nth-child(2){
        border: solid 2px var(--black-light);
    border-left: none;
    border-bottom: none;
        border-right: none;
  }
  section.loc-pr-din-enq-section.previous-private-from .container-fluid .row{
        border-right: solid 2px var(--black-light);
  }
  section.loc-six-banner.loaction-view {
    margin-top: 62px;
}
  .previous-location-master .banner-bottom-section .bottom-sec .homesliderbox {
    width: 696px;
}
  .location-manchester-wrap.previous-location-master .banner-bottom-section .col-12:nth-child(3) {
    max-width: 100%;
    width: 100%;
  }
  .location-manchester-wrap.previous-location-master .banner-bottom-section .col-12:first-child {
      max-width: 100%;
      width: 100%;
  }
  .location-manchester-wrap.previous-location-master .banner-bottom-section .col-12:nth-child(2) {
      max-width: 100%;
      width: 100%;
  }
.location-manchester-wrap.previous-location-master .banner-bottom-section .col-12:nth-child(2) .bottom-sec,
.location-manchester-wrap.previous-location-master .banner-bottom-section .col-12:first-child .bottom-sec{
  padding-left: 0;
  border: none;
}
  .location-manchester-wrap.previous-location-master .banner-bottom-section .col-12:nth-child(3) .bottom-sec {
    padding-left: 0;
  }
  .location-manchester-wrap.previous-location-master ul.loc-icon-view {
      grid-template: repeat(1, 1fr)/repeat(3, 1fr);
      padding: 12px 0 0;
  }
  .location-manchester-wrap.previous-location-master .gallery-slider img {
      height: 166px;
      object-fit: cover;
  }
  .wrapper.subscribe-section .container-fluid ul{
    height: auto;
  }
    .wrapper.subscribe-section {
        padding: 63px 0px 0px;
    }
    .single-resturant .right-part {
      width: 680px;
      margin: 0 auto 100px;
  }
    .wrapper.subscribe-section .container-fluid ul{
        flex-wrap: wrap;
    }
    section.booking-mid-sec .group-bookings-details{
        max-width: 100%;
    }
    .event-offers-section form.comm-form .mb-3.row div#region {
        width: 250px !important;
    }
    .event-offers-section .location-arrow {
        width: 320px;
     }
    .home-popupbox .modal-dialog .modal-body .content .title {
        font-size: 21px;
        line-height: 31px;
        padding: 0px 0 11px;
    }
    .banner-bottom-section .bottom-nner-pd.facilities ul li {
      /* width: 40%; */
      width: 44%;
   }
    .home-popupbox .modal-dialog .modal-body .content p {
        font-size: 14px;
        line-height: 23px;
    }
    .home-popupbox .modal-dialog .modal-body .content {
        padding: 28px 46px 31px 60px;
    }
    .home-popupbox .modal-dialog .modal-body .img-box img {
        max-height: 344px;
    }
     header nav.navbar.navbar-light.bg-light.fixed-top .container-fluid {
      padding: 0px 30px;
    }
    section.top-header.loc-six-banner.previous-banner .carousel-caption{
                bottom: 0;
    }
    section.top-header.loc-six-banner.previous-banner{
        height: 600px;
    }
    .whats-on .dining-one-slider .title{
        font-size: 27px !important;
        line-height: 35px !important; 
    }
    .whats-on .dining-one-slider .inner-content p{
        font-size: 18px !important;
        line-height: 26px !important;
        height: auto !important;
    }
    .whats-on .dining-one-slider .box img {
        height: 384px !important;
    }
    .event-offers-section .box-section .box img {
        height: 188px;
    }
    #your-details .credit-card .mb-3 {
    margin-bottom: 15px !important;
    }
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .credit-card .col-12 {
           padding: 4px 13px !important;
    }
    .dropq-wn-location .tab-collapse {
        height: 400px;
    }
    .dropq-wn-location.active .tab-collapse{
        padding-bottom: 20px;
    }
  .banner-bottom-section .bottom-sec .homesliderbox .owl-carousel button.slick-prev.slick-arrow:after{
   
   width: 25px;
   height: 25px;
   left:-1px;
   top: 0px;
  }
  .banner-bottom-section .bottom-sec .homesliderbox .owl-carousel button.slick-next.slick-arrow:after{
   
   width: 25px;
   height: 25px;
   right: -1px;
   top: 0px;
  }
  .offcanvas .offcanvas-body {
      padding-top: 0%;
      position: relative;
      left: 0;
      top: 0;
      transform: initial;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-footer p {
      padding-bottom: 25px;
  }

  #bill-experiences .bill-exp-section {
      width: 700px;
      margin: 0 auto;
  }
  #bill-experiences .bill-exp-section .top-section p {
      padding: 26px 0px 21px;
      line-height: 22px;
      font-size: 13px;
  }
  #bill-experiences .bill-exp-section .mid-section .box .img-box, #bill-experiences .bill-exp-section .mid-section .box .img-box img {
      width: 190px;
      height: 190px;
      object-fit: cover;
      object-position: 50% 50%;
  }
  #bill-experiences .bill-exp-section .mid-section .box .content-box {
     width: 482px;
    margin-left: 15px;
  }
  #bill-experiences .bill-exp-section .top-section .title {
        font-size: 22px;
        line-height: 22px;
  }
  #bill-experiences .bill-exp-section .mid-section .box .content-box .title {
      font-size: 19px;
      line-height: 20px;
      padding-bottom: 8px;
  }
  #bill-experiences .bill-exp-section .mid-section .box .content-box p {
      line-height: 22px;
      font-size: 13px;
  }

  #bill-experiences .bill-exp-section .mid-section {
     max-height: auto !important;
  }
  .bill-experiencesmodel .modal-dialog.modal-fullscreen .modal-content .btn.add-experiences {
          width: 164px;
    margin: 14px 0 0;
    font-size: 17px;
    height: 41px;
  }
    section.menu-link-top ul.link li {
      font-size: 13px;
      padding: 0px 12px;
  }
  section.event-offers-section .location-arrow.loc-arrow input#event {
      top: -20px;
  }
 /* .find_your_details_popup .details-section .col-xl-6:nth-child(5) .mb-3 input {
      height: 33px !important;
  }*/
  .section-top .form-section form#form-frontpage .location-arrow.loc-arrow input.form-control {
      font-size: 13px;
      padding-left: 2px;
  }
  body.nearestloc .ui-autocomplete {
      width: 332px !important;
  }
  .landing-banner .content h1 {
      font-size: 40px;
      line-height: 65px;
  }
  .landing-banner .content p {
      font-size: 15px;
      line-height: 19px;
      padding: 0px 0px 22px;
      width: 365px;
  }
  .landing-banner .content a.btn {
      font-size: 15px;
      width: 240px;
      line-height: 19px;
  }
  body .ui-autocomplete {
      width: 335px !important;
  }

  img.mfp-img {
      width: 100%;
      height: 315px;
      object-fit: cover;
  }
  footer .container {
      /*max-width: 720px;*/
      max-width: 850px;
  }
  section.errow-banner {
      height: 328px;
  }
  section.errow-banner .inner h1 {
      font-size: 59px;
      line-height: 52px;
  }
  section.errow-banner .inner a.btn {
      font-size: 12px;
      width: 116px;
      height: 34px;
      line-height: 15px;
  }
  .near_bills_section ul.select-nearestbills {
      width: 100%;
  }
  section.menu-link-bottom .heading {
      font-size: 14px;
      line-height: 22px;
  }
  section.menu-link-bottom .view p {
      font-size: 12px;
      line-height: 21px;
  }

  .loc-wrapper.menu-wrapper .stp-box .title {
      font-size: 16px;
      line-height: 23px;
      padding-bottom: 20px;
  }
  .loc-wrapper.menu-wrapper .stp-box ul li .subtitle {
      font-size: 14px;
      line-height: 17px;
      padding-bottom: 6px;
  }
  section.location-private-dining-section .img-box-section {
      height: 238px;
  }
  section.location-private-dining-section .img-box-section .inner .heading {
      font-size: 35px;
      line-height: 38px;
  }
  section.location-private-dining-section .img-box-section .inner p {
      font-size: 15px;
      line-height: 24px;
      padding: 8px 0px 0px;
  }

 section.loc-pr-din-enq-section .left-part {
     padding: 54px 54px;
 }
 section.loc-pr-din-enq-section .left-part .title {
     font-size: 21px;
     line-height: 28px;
     padding-bottom: 23px;
 }
  section.loc-pr-din-enq-section .container-fluid .row .col-12:nth-child(1){
    width: 100%;
  }
  section.loc-pr-din-enq-section .container-fluid .row .col-12:nth-child(2){
    width: 100%;
  }
  section.loc-pr-din-enq-section .container-fluid .row {
      margin: 0px;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
  }
  #booking-confirmed .heading {
      font-size: 25px;
      line-height: 26px;
  }

  div#exampleModalCenteredScrollable .container .book-table-section .col-lg-3 {
      width: 50%;
      padding: 0px 13px 16px;
  }
  div#exampleModalCenteredScrollable .container .book-table-section .col-lg-3:nth-child(5){
    padding-right: 13px;
  }
  .nearest-bill-restorent .nearest-bill-restorent-result {
      width: 100%;
      padding:70px 40px 50px;
  }
  .nearest-bill-restorent .img-box-section img {
      height: 540px;
  }
  .wrapper.join-team-wrap .join-team-box .img-box img {
      height: 300px;
  }
  .locations-wrapper .inner .inner-box .searchbox div#search-result {
      width: 83%;
  }
  .locations-wrapper .inner .inner-box {
      width: 400px;
      padding: 80px 0px;
  }
  .map-section {
      height: 440px;
      width: 100%;
  }
  .locations-wrapper .inner .container-fluid .row .col-12 {
      padding: 0;
      width: 100%;
  }
  .locations-wrapper .inner .container-fluid .row .col-12:nth-child(1) {
      order:1;
  }
  .locations-wrapper .inner .container-fluid .row .col-12:nth-child(2) {
      order: 2;
  }
  .locations-wrapper .inner .container-fluid .row {
      flex-wrap: wrap;
  }
  section.private-dining-banner {
      margin-top: 63px !important;
  }
  section.private-dining-banner .content h1 {
      font-size: 43px;
      line-height: 43px;
  }
  section.private-header-bottom-section {
      padding: 26px 0px 23px;
  }
  section.private-header-bottom-section .inner {
      width: 90%;
  }

  .top-form-section {
      width: 374px;
      padding-bottom: 50px;
  }
  .top-form-section .heading {
    font-size: 21px;
    line-height: 20px;
    padding-bottom: 12px;
}
.top-form-section button.btn {
    width: 148px;
    height: 41px;
    font-size: 14px;
    margin: 36px auto 0;
}
section.private-dining-inner-section .content {
    padding: 0px 25px;
}
section.private-dining-inner-section .img-box img {
    height: 320px;
}
section.private-dining-inner-section .content p {
    font-size: 14px;
    line-height: 23px;
}
  .wrapper.subscribe-section .container-fluid ul {
     
      flex-wrap: wrap;
  }
  .wrapper.subscribe-section .container-fluid ul li {
      padding: 0px;
      width: 100%;
  }
  .wrapper.subscribe-section .container-fluid ul li:last-child{
    padding: 0;
  }
  .wrapper.subscribe-section .img-box img {
      width: 100%;
      height: 715px;
  }
  .wrapper.subscribe-section .subscribe-form {
      padding: 40px 40px;
  }
  .wrapper.join-team-wrap .join-team-box .box .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6 {
      width: 100%;
      padding: 0px;
  }
  section.group-booking-section .img-box {
      position: relative;
      height: 380px;
  }
  section.group-booking-section .content h1 {
      font-size: 40px;
      line-height: 57px;
  }
  section.group-booking-section .content p {
      font-size: 14px;
      line-height: 18px;
  }
  .cocktails-section .title {
      font-size: 27px;
      line-height: 22px;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .date .form-control {
      background-position: 97%;
  }
  section.discover-our-menus .inner a.btn {
      width: 122px;
      line-height: 20px;
      height: 38px;
  }
  section.discover-our-menus.private-dining-section .inner a.btn {
      width: auto;
      padding: 10px 27px;
  }
  section.discover-our-menus .col-12.col-sm-5.col-md-5.col-lg-5{
    flex: 0 0 auto;
        width: 41.66666667%;
  }
  section.discover-our-menus .col-12.col-sm-7.col-md-7.col-lg-7{
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  section.discover-our-menus .inner .dec p {
      margin-bottom: 6px;
  }
  .what-at-bill .card a.btn, 
  section.discover-our-menus a.btn {
      font-size: 13px;
      width: auto;
      height: 31px;
      line-height: 11px;
  }
  header ul.custom-nav li a{
    font-size: 12px;
  }
  header nav.navbar.navbar-light.bg-light.fixed-top img.custom-logo, .inner-page header nav.navbar.navbar-light.bg-light.fixed-top a.custom-logo-inner-link img {
    width: 70px;
}
    header nav.navbar.navbar-light.bg-light.fixed-top button.navbar-toggler img {
        width: 20px;
    }
  header ul.custom-nav li {
      padding: 0px 10px 0px;
  }
  .section-top h1, .section-top .heading {
    font-size: 45px;
    line-height: 45px;
}
.section-top h1 span, .section-top .heading span {
    color: var(--btn-color);
    text-shadow: 2px 2px 0px var(--black-light);
}
  .video-section video {
      height: 272px;
  }
  .video-section:before {
      height: 98%;
  }
  section.booking-mid-sec .right-part .forminator-row .groupDatepicker .forminator-input--wrap .forminator-name--field {
      background-position-x: 99%;
  }
  .banner-bottom-section .col-12:nth-child(3) .bottom-sec .slick-slide img {
      height: 192px;
      object-fit: cover;
  }
  .group-booking-page .right-part .forminator-response-message.forminator-show.forminator-error {
      margin-top: 20px;
  }
    section.booking-mid-sec .right-part .forminator-row span.select2-selection__placeholder, 
  section.booking-mid-sec .right-part .forminator-row span.select2-selection__rendered, 
  section.booking-mid-sec .right-part .forminator-row input.forminator-input{
    font-size: 13px !important;
  }
  section.booking-mid-sec .right-part .forminator-row div#time-1 .forminator-timepicker .forminator-row label.forminator-label{
    position: initial;
  }
  .forminator-custom-form.forminator-design--material .forminator-checkbox {
      align-items: flex-start !important;
  }
  
  section.event-offers-section .location-arrow a.arrow-img-sec {
    right: 44px;
    width: 13px;
    top: 10px;
  }
  .event-offers-section form.comm-form .mb-3.row .col-12:nth-child(2) {
    margin: 0;
        padding: 0;
    }
  .location-arrow a.arrow-img-sec {
      top: 5px;
      width: 13px;
      right: 33px;
  }
  .section-top .form-section form#form-frontpage .location-arrow.loc-arrow .wrap-drop.input {
      background-size: 12% 20%;
      padding-top:0px !important;
  }
  .what-at-bill .card .img-box img {
      height: 238px;
  }
  .wrapper.terms-con-wrap .container {
      max-width: 590px;
  }
  .book-table-btn {
        width: 32px;
        height: 159px;
        font-size: 12px;
        font-weight: bold;
        font-style: normal;
        /* right: -46px; */
        line-height: 20px;
        background-size: cover;
    }
  section.group-booking-section {
      /*padding: 0px 40px 31px;*/
  }
  section.menu-link-bottom .right-part .select-box ul {
      justify-content: flex-start;
  }
  section.booking-mid-sec .container {
      max-width: 720px;
  }
 .promo-popup .modal-xl {
     max-width: 90%;
 }
 .promo-popup .modal-body .card img {
     height: 100%;
 }
  .location-manchester-wrap .banner-bottom-section .container {
      max-width: 720px;
  }
  section.event-offers-section .container {
      max-width: 720px;
  }
  .discover-our-menus .dis-box {
      position: relative;
      height: 270px;
  }
  .discover-our-menus .dis-box img {
      width: 100%;
      height: 270px;
  }
  .group-booking .img-box img {
      height: 300px;
  }
  
  .what-at-bill .container .col-12.col-sm-4.col-md-6.col-lg-7 {
      width: 360px;
      padding: 0;
  }
  .what-at-bill .container .col-12.col-sm-4.col-md-6.col-lg-5 {
      width: 290px;
      padding: 0;
  }
  .event-open-section {
      padding:0px;
  }
  .event-offers-section .location-arrow .wrap-drop {
      background-position: 100% 7px;
      background-size: 6% 51%;
  }
  section.top-header.event-banner, section.top-header, section.private-dining-banner, section.top-header.info-banner, section.top-header.info-banner.contact-banner, body.booking-group-bdy.group-dining section.group-booking-section .img-box img, body.booking-group-bdy.group-bookings section.group-booking-section .img-box img {
      min-height: 186px;
      margin-top: 50px;
  }
  .comm-form .form-select, .comm-form .form-control{
    /*background-position-x: 100%;*/
    background-size: inherit !important;
  }
  .event-offers-section .box-section .large-box img {
      height: 347px;
  }
  .map-sec .map-content-box p {
      padding: 4px 0px 0px;
      line-height: 16px;
  }
  .wrapper.offer-open-video-wrap .inner-wrap {
      margin: 0 auto;
      width: 550px;
  }
  .video-section .video-icon {
      width: 80px;
      height: 80px;
  }

 .wrapper.contact-wrap .contact-section {
     width: 100%;
     margin: 0 auto;
 }

  .wrapper.contact-wrap .heading-comm p {
      line-height: 23px;
      padding: 13px 0px 0px;
      font-size: 14px;
  }
  .wrapper.contact-wrap .contact-section .inner-section .chk label span {
     
      /*margin-top: -10px;*/
  }
  section.top-header.info-banner.terms-conditions-banner {
      min-height: 270px;
      padding: 0px;
      height: auto;
  }
  .wrapper.terms-con-wrap {
      padding: 57px 0px;
  }
  .wrapper.terms-con-wrap .large-gap {
      padding-top: 50px;
  }

  section.top-header.info-banner.join-team-banner h2 {
      font-size: 23px;
      left: 40px;
      right: initial;
  }
 .wrapper.join-team-wrap .join-team-box .box {
     width: 84%;
     margin: 0 auto;
 }
  .wrapper.join-team-wrap .join-team-box .img-box .inner-box .title {
      font-size: 30px;
      line-height: 45px;
  }
/*  .wrapper.join-team-wrap .join-team-box .img-box .inner-box .btn {
      width: 136px;
      height: 38px;
      line-height: 15px;
      font-size: 12px;
      margin-top: 11px;
  }*/
  .wrapper.join-team-wrap .join-team-box .box p {
      font-size: 11px;
      line-height: 17px;
      padding-bottom: 4px;
  }
  .wrapper.join-team-wrap .join-team-box .box .column {
    font-size: 11px;
    line-height: 17px;
    padding-bottom: 4px;
}
  .wrapper.join-team-wrap .join-team-box .box .slider-section .single-testimonial p {
      font-size: 14px;
      line-height: 18px;
  }
  .wrapper.join-team-wrap .join-team-box .box .slider-section p {
      padding: 10px 0px 0;
      font-size: 12px;
      line-height: 13px;
  }
  .wrapper.join-team-wrap .join-team-box .box ul.slick-dots {
      bottom: -44px;
  }
  .wrapper.join-team-wrap .join-team-box .img-box .inner-box .title {
      font-size: 28px;
      line-height: 28px;
  }
  .wrapper.join-team-wrap .join-team-box .box ul li {
      font-size: 12px;
      line-height: 23px;
  }
 .wrapper.join-team-wrap .join-team-box .box .slider-section {
     padding-left: 19px;
 }
  .wrapper.join-team-wrap .join-team-box .img-box .inner-box em {
      font-size: 12px;
      line-height: 13px;
      margin-top: -3px;
  }



  .got-question .container .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6 {
      width: 70%;
  }
  section.top-header.info-banner {
      margin-top: 53px;
      height: auto;
  }
  section.top-header h1 {
      font-size: 38px;
  }
  .heading-comm h2 {
      font-size: 26px;
      line-height: 38px;
  }
  .got-question .box .accordion .accordion-item h2.accordion-header button {
      padding: 14px 11px 14px 1.25rem;
      font-size: 13px;
  }
  .got-question .box .titie {
      font-size: 23px;
      line-height: 29px;
      padding-left: 0;
      padding-bottom: 6px;
  }

  section.top-header.menu-banner .content h1 {
      font-size: 31px;
      line-height: 37px;
  }
 section.menu-link-bottom .right-part .select-box ul li {
     padding: 0px 7px 6px 5px;
 }
 section.menu-link-top .container, section.menu-link-bottom .container, .loc-wrapper.menu-wrapper .container {
     max-width: 720px;
 }
  section.menu-link-bottom .right-part .select-box ul li .chk label span {
      margin-right: 7px;
  }
  
  .event-open-section ul.box{
    padding:0px;
    flex-wrap: wrap;
  }
  
  .event-open-section ul.box li .img-box img {
      max-width: 100%;
      width: 100%;
      height: 100%;
        border-bottom: solid 2px var(--black-light);
    border-right: none;
  }
  
  .event-open-section .content-box .inner {
      padding: 30px 30px;
  }
  .event-open-section ul.box li {
      width: 100%;
  }

  #choose-alternative-time .heading {
     font-size: 24px;
    line-height: 24px;
  }
  .select_seating_type {
      top: 47%;
      width: 70%;
  }
 .locations-wrapper .nearest-bill-restorent .box {
     padding: 0px 0px;
     height: 402px;
 }
  .locations-wrapper .nearest-bill-restorent .heading {
      font-size: 26px;
      line-height: 34px;
      padding: 60px 0px 0px;
      letter-spacing: 2.08px;
  }
  .locations-wrapper .nearest-bill-restorent .box ul li:nth-child(2) {
      width: auto;
      display: flex;
      justify-content: flex-start;
  }
  .locations-wrapper .nearest-bill-restorent .box ul a.btn.large.full {
      margin-left: 10px;
  }
  .locations-wrapper .nearest-bill-restorent .box ul a.btn.large{
    display: flex !important;
  }
 .locations-wrapper .nearest-bill-restorent .box ul .title {
     font-size: 24px;
     line-height: 27px;
     letter-spacing: 2.16px;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
  .locations-wrapper .nearest-bill-restorent .box ul li a.btn {
      display: inline-block !important;
  }
  .locations-wrapper .nearest-bill-restorent .box ul .title span {
      font-size: 14px;
  }
  .locations-wrapper .nearest-bill-restorent .box ul a.btn.large {
      width: 149px;
      height: 43px;
      line-height: 23px;
      display: flex;
      font-size: 15px;
  }
 .locations-wrapper .nearest-bill-restorent .box ul {
     padding: 30px 0px 15px;
     align-items: flex-start;
 }
  .locations-wrapper .nearest-bill-restorent .box ul li:nth-child(1) {
      width: 100%;
  }
 

  .locations-wrapper .inner .inner-box {
      width: 400px;
  }
  .locations-wrapper .inner .inner-box .searchbox button.btn {
      width: 70px;
  }
  .locations-wrapper .inner .inner-box h1 {
    font-size: 26px;
    line-height: 26px;

  }
 
  
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-body {
      overflow: initial;
      /*flex: 0 0 0;*/
  }
  #bill-experiences .bill-exp-section .top-section .title{
        padding-top: 38px;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content {
      overflow-x: auto;
      height: 100%;
      overflow: auto;
    padding: 40px 30px 40px 30px;
  }
  #your-details .modal-dialog.modal-fullscreen .modal-content .modal-body {
      height: auto;
      overflow: initial;
      /* overflow-y: auto; */
      padding: 40px 0 40px 0px;
  }
  .find_your_details_popup {
      top: inherit;
      position: initial;
      transform: initial;
      height: auto;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content p.powerby-section{
    position: initial;
  }
  .event-offers-section form.comm-form .mb-3.row .col-12:first-child {
      width: 50%;
  }

  .event-offers-section form.comm-form .mb-3.row .col-12:last-child {
      width: 30.666667%;
  }
  .event-offers-section form.comm-form .mb-3.row .common-btn {
    width: 147px;
    margin-left: auto;
    margin-top: 10px;
}
  .section-top .form-section .row.justify-content-center.align-items-center .col-12.col-sm-12.col-lg-5 {
      width: 41.66666667%;
  }
  .section-top .form-section button {
      width: auto;
      padding: 0px 14px;
  }
  .section-top.hero-slider-add button {
        width: 49px !important;
    }
  .promo-popup .modal-body {
      overflow: inherit;
      overflow-y: auto;
  }
  .section-top .form-section {
      max-width: 720px;
      /*margin: 0px;*/  
  }
  .wrapper {
      padding: 70px 0px 0px;
  }
  section.loc-six-banner h1 {
      font-size: 65px;
  }
  section.booking-mid-sec .group-bookings-details{
    margin-right: 0px;
  }
  header .offcanvas ul.navbar-nav li a {
      line-height: 26px;
      padding: 18px 0 0;
        font-size: 20px;
  }
  .locations-popup .modal-body .card .row .inner ul li:nth-child(2) {
      width: 50%;
  }
  .locations-popup .modal-body .card .row .inner ul li:first-child {
      width: 50%;
  }
  .locations-popup .modal-body .card .row .inner ul li {
      width: 100%;
  }
  .locations-popup .modal-body .card .row .inner ul{
    justify-content: space-around;
    padding:17px 0px 17px;
  }
  .locations-popup .modal-body .card .row .inner ul a.btn.large{
    margin-top: 15px;
  }
  .locations-popup.locations-result .modal-body .card .row .inner {
      height: 560px;
  }
  .locations-popup.locations-result .modal-body .card .bottom-sec {
      padding: 50px 0px 0px;
  }
  promo-popup .modal-body .card img {
          width: 100%;
      }
      .promo-popup .modal-body .card .inner {
          padding: 20px 19px 30px 24px ;
      }
      .promo-popup .modal-header button.btn-close {
          /* background-color: var(--white); */
          background: url(../images/close-white-icon-mobile.svg);
          padding: 7px;
          opacity: 1;
          border-radius: 0px;
          top: 0px;
          right: 0px;
          background-size: cover;
          background-repeat: no-repeat;
          width: 30px;
          height: 30px;
          padding: 0;
          margin: 15px;
      }
  .section-top .form-section .col-12.col-sm-4.col-md-4.col-lg-5 {
      width: 33.33333333%;
  }
/*  header ul.custom-nav li {
      padding: 0px 23px 0px;
  }*/
/*  header .offcanvas ul.navbar-nav li a{
    font-size: 25px;
        padding: 0.5rem 0px;
  }*/
  .what-at-bill .heading {
      padding: 0px 0px 32px;
  }
  .what-at-bill .heading {
      padding: 36px 0px;
  }
  .what-at-bill .heading h1 {
      font-size: 26px;
      line-height: 30px;
  }
  section.what-at-bill .view-all-section {
      padding: 36px 0px;
  }
  section.what-at-bill .view-all-section a.btn.large {
      width: 122px;
      height: 35px;
      font-size: 14px;
      line-height: 14px;
  }
  section.discover-our-menus .carousel .carousel-item img {
      height: 311px;
      width: 100% !important;
      max-width: 100%;
  }
  section.discover-our-menus button.carousel-control-prev, 
  section.discover-our-menus button.carousel-control-next {
      width: 30px;
      height: 30px;
  }
  section.discover-our-menus button.carousel-control-prev span.carousel-control-prev-icon, 
  section.discover-our-menus button.carousel-control-next span.carousel-control-next-icon {
      filter: var(--white);
      width: 18px;
      height: 18px;
  }
  section.discover-our-menus .carousel-caption.d-none.d-md-block h5 {
      font-size: 22px;
      line-height: 29px;
  }
  section.private-dining-section.discover-our-menus .img-box img {
      height: 311px;
      width: 100% !important;
      max-width: 100%;
  }
  footer a.btn {
      width: 92px;
      height: 32px;
      font-size: 13px;
      line-height: 12px;
  }
  .wrapper {
      padding: 60px 0px 0px;
      }
      .section-top .form-section .col-12 {
          padding: 0px 6px;
      }
      .section-top .form-section select{
        font-size: 11px;
        padding: 10px 8px;
      }
      .what-at-bill .card .inner {
          padding: 0px 35px 0px 45px;
      }
      section.discover-our-menus .inner {
          padding: 0px 35px 0px 45px;
      }
      section.discover-our-menus.private-dining-section .inner {
          padding-left: 45px;
      }
      section.discover-our-menus .inner h2 {
          font-size: 21px;
          line-height: 22px;
      }
      section.discover-our-menus .inner .dec {
          font-size: 14px;
          line-height: 18px;
          padding: 6px 0px 9px;
      }
     .what-at-bill .card .inner .dec {
         padding:3px 0px 10px;
         font-size: 12px;
         line-height: 18px;
         letter-spacing: 0.25px;
     }

      .what-at-bill .card .inner h2 {
          font-size: 21px;
          line-height: 22px;
      }
      .discover-our-menus .dis-box .inner .title {
          letter-spacing: 1.28px;
          font-size:21px;
          line-height: 38px;
      }
      .discover-our-menus .dis-box .inner .info a{
        font-size: 20px;
      }
      .discover-our-menus .dis-box .inner{
        top:35px;
      }
      .group-booking .inner .info {
          padding: 0px 10px;
      }
      .group-booking .inner .info p{
        padding-bottom: 10px;
      }
      .book-table-popup .modal-dialog.modal-fullscreen .modal-content .col-12{
        padding: 4px;
      }
        .event-offers-section .box-section .large .box img {
            width: 100%;
            /*height: 100%;*/
        }
        .event-offers-section .box-section .large .box img {
            height: 290px;
        }
        .event-offers-section .box-section .large .box p {
            min-height: inherit;
        }
        .event-offers-section .box-section .large .box {
            min-height: auto;
        }
        /*section.top-header .row {
            min-height: calc(100vh - 7.5rem * 2 - 15.813rem);
        }*/
        .comm-form .col-12 .mb-3.row .col-12 {
            padding-right: 15px;
        }
        .comm-form .form-check {
            margin-top: 18px;
        }
        .comm-form button.btn {
            margin-top: 14px;
        }
        .event-offers-section .box-section .large .box .inner {
            padding: 34px 22px 34px 25px;
        }
/*        .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-body{
          overflow-y: auto;
        }*/
        section.top-header h1 {
            left: 0%;
            right: 0%;
            transform: translate(-0%, -50%);
        }
        .discover-our-menus .dis-box .inner .sub-title{
          font-size: 13px;
        }
        .group-booking .inner .info p{
          font-size: 13px;
        }
        .group-booking .inner .title{
          font-size: 30px;
        }

        section.loc-six-banner {
            margin-top: 62px;
            min-height: initial;
        }
        section.loc-six-banner .carousel-inner .carousel-item img {
            height: 330px;
        }
        .previous-location-master .banner-bottom-section .col-12:nth-child(2) .bottom-sec, .previous-location-master .banner-bottom-section .col-12:nth-child(3) .bottom-sec {
            padding-left: 34px;
        }
        /*.banner-bottom-section .col-12:nth-child(2) .bottom-sec, .banner-bottom-section .col-12:nth-child(3) .bottom-sec {*/
        /*    padding-left: 18px;*/
        /*}*/
        .banner-bottom-section .bottom-sec .homesliderbox {
            width: 94%;
        }
        .slick-slide img {
            width: 100%;
        }
        section.loc-six-banner .carousel-caption{
          width: 100%;
        }
        section.loc-six-banner h1 {
            font-size: 65px;
            line-height: 43px;
        }
     section.loc-six-banner p {
    font-size: 20px;
    line-height: 22px;
    padding: 28px 0px 0px;
}
        .mfp-wrap.mfp-gallery .mfp-container {
            width: 75%;
        }

        ul.loc-icon-view li img {
            vertical-align: middle;
            padding-right: 6px;
        }
        ul.loc-icon-view li {
            padding-right: 39px;
            font-size: 14px;
            line-height: 13px;
        }
       

}


/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .banner-bottom-section.new-designpdrcustom.custom-pdr-section .row .col-12:nth-child(5) {
    order: 1;
    }

    .banner-bottom-section.new-designpdrcustom.custom-pdr-section .row .col-12:nth-child(3) {
        order: 2;
    }
    .banner-bottom-section.new-designpdrcustom.custom-pdr-section .row .col-12:nth-child(2) {
        order: 1;
    }
    .banner-bottom-section.new-designpdrcustom.custom-pdr-section .row .col-12:nth-child(1) {
        order: 0;
    }
    .banner-bottom-section.new-designpdrcustom.custom-pdr-section .row .col-12:nth-child(4) {
        order: 0;
    }
    .banner-bottom-section.new-designpdrcustom.custom-pdr-section .row .col-12:nth-child(6) {
      order: 2;
  }
  
  .first.custom-booktable-bottom.billscustom_homeback_main_page .col-12.col-sm-12.col-md-2.col-lg-2 {
      padding: 0;
  }
  .banner-bottom-section.new-designpdrcustom.custom-pdr-section .bottom-sec .timing-sec{
    margin: 0;
  }
  .scroll-to-top{
    bottom: 60px;
  }
   .fill-your-details.third .near_bills_section ul#dd_country_code {
    top: 89%;
}
  a.book-table-btn.mobile-view-section{
    opacity: 4;
  }
  .fill-your-details.third .modal-dialog.modal-fullscreen .modal-content .wrap-drop#noble-gases6.activein .drop{
    top: 90%;
  }

  .header-design-popup.seating-options .modal-header {
    padding: 29px 10px 35px !important;
}
.book-table-popup.seating-options .modal-dialog.modal-fullscreen .modal-content .modal-body{
  padding-top: 90px;
  padding-bottom: 67px;
}
.book-table-popup.seating-options .modal-dialog.modal-fullscreen .modal-content .heading{
      padding: 10px 0 19px;
}
  .process-your-booking .modal-dialog .modal-body{
        padding: 0px 35px 35px 35px;
  }
  .process-your-booking .modal-content{
    width: calc(100% - 10px);
    margin: 0 auto;
  }
  .calender_pop_up .modal-dialog .modal-body{
        padding: 0px 35px 35px 35px;
  }
  .calender_pop_up .modal-content{
    width: calc(100% - 10px);
    margin: 0 auto;
  }
  .book-table-popup.seating-options .modal-dialog.modal-fullscreen .modal-content .heading{
    padding: 48px 0 19px;
  }
  
  .hero-slider-add .hero-slider .box-slider-banner,
  .hero-slider-add .slick-initialized .slick-slide,
  .section-top.hero-slider-add{
    height: calc(100vh - 45px);
  }


  footer ul.social-section li:nth-child(2) {
      padding: 0px 10px;
  }
  footer .col-6.col-sm-6.col-md-2.col-lg-2.mobile-view-footer .col-6 {
      display: block;
  }
  footer .col-6.col-sm-6.col-md-2.col-lg-2.desktop-view-footer {
      display: none;
  }
  .col-6.col-sm-6.col-md-2.col-lg-2.mobile-view-footer .col-6{
      margin: 30px 0 0;
  }
  section#private-dining-form-section-semipdr .groupdining-form .form-row-grid{
    grid-row-gap: 25px;
        margin: 25px auto 0;
  }
  .section-top .container.book-atable-content .form-section {
    bottom:130px;
}
  body.inner-page.mfp-zoom-out-cur .mfp-bg.mfp-ready,
  body.inner-page.mfp-zoom-out-cur  .mfp-wrap.mfp-gallery.mfp-close-btn-in.mfp-auto-cursor.mfp-ready{
    display: none;
}
  div#boxscrollpopup, #bill-experiences .bill-exp-section .mid-section {
      max-height: 100% !important;
    overflow-y: hidden !important;
  }
  div#boxscrollpopup, #bill-experiences .bill-exp-section .mid-section::-webkit-scrollbar {
    display: none;
  }
  .first.custom-booktable-bottom.billscustom_homeback_main_page a.billscustom_homeback.book-table-bhback.common-btn {
    height: 50px;
    position: static;
     margin: 0 0 20px;
}

  .mfp-content button.mfp-arrow.mfp-arrow-right.mfp-prevent-close {
    top: 90px;
      height: 40px;
      width: 40px;
      background-size: 17px 9px;
  }
  .mfp-content button.mfp-arrow.mfp-arrow-left.mfp-prevent-close {
      top: 90px;
       height: 40px;
      width: 40px;
      background-size: 17px 9px;
  }
  .mfp-image-holder span.restnametitle{
    font-size: 16px;
  }
  .join-team-box .container-fluid .row.justify-content-center.align-items-center:first-child .col-12:last-child .img-box:after {
 border-top: solid 2px var(--black-light);
}
  footer .col-sm-6.col-md-4.col-lg-4.menu-ftr .menu-footer1-container,
  footer .col-sm-6.col-md-4.col-lg-4.menu-ftr .menu-footer2-container{
        width: 100%;
  }

  section.join-team-banner.video h1 {
    font-size: 61px;
    line-height: 61px;
  }

  .book-table-popup.first .container .book-table-section div.location-input .autocomplete-items {
      max-height: 150px;
  }
  #bill-experiences .bill-exp-section .mid-section .box .content-box p {
      line-height: 26px;
      font-size: 16px;
  }
  .alternative-time-chart .alternative-time-grid{
    border-bottom: none;
  }
  div#choose-alternative-time .modal-dialog.modal-fullscreen .modal-content .alternative-time a.back-btn.white.timeBackClose {
    margin: 21px auto 0;
    border: none;
    font-weight: 300;
    font-size: 16px;
}
  .single-resturant .right-part .row-input-area .form-control, .single-resturant .right-part .form-row-grid .form-control, .single-resturant .right-part .custom-drop-multipal {
    height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}
div#choose-alternative-time .modal-dialog.modal-fullscreen .modal-content .modal-body::-webkit-scrollbar {
    display: none;
}
div#choose-alternative-time .modal-dialog.modal-fullscreen .modal-content .modal-body
   section.whats-on.private-dining.common-pr-sec .dining{
      padding: 0 35px;
  }
  div#choose-alternative-time .modal-dialog.modal-fullscreen .modal-content .modal-footer{
    display: none;
  }
  #your-details .modal-dialog.modal-fullscreen .modal-content .option-na-box div.wrap-drop{
    font-size: 16px;
    line-height: 16px;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content p.powerby-section img {
        display: block;
        text-align: center;
        margin: 4px auto 0;
        width: 106px;
    }
   .book-table-popup ul.ui-timepicker-viewport li.ui-menu-item a{
      font-size: 20px ;
      line-height: 20px ;
    }
    ul.ui-timepicker-viewport li.ui-menu-item a.ui-state-hover{
      font-size: 20px;
    }
        .book-table-popup .container .book-table-section div.location-input .autocomplete-items div{
          font-size: 20px !important;
      line-height: 20px !important;
        }
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .form-select, 
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .form-control,
    .book-table-popup .container .book-table-section input#popupDatepicker,
    .book-table-popup .container .book-table-section .wrap-drop span,
    .book-table-popup .container .book-table-section div.location-input input#location,
    .book-table-popup.first .wrap-drop .drop li a{
      font-size: 20px;
      line-height: 20px;
    }
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .btn{
      font-size: 20px;
      line-height: 20px;
    }

    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-header button.btn-close img {
        width: 24px;
        margin: 0;
    }
    .billscustom_homeback_main .billscustom_homeback {
        font-size: 20px;
        margin-left: 23px;
    }
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-header a.modal-title img {
        width: 90px;
    }


  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .heading {
        padding: 188px 0 39px;
        font-size: 37px;
        line-height: 37px;
    }
    .book-table-popup.first .modal-dialog.modal-fullscreen .modal-content .heading {
        padding: 88px 0 39px;
        font-size: 37px;
        line-height: 37px;
    }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .d-xl-none a.arrow-img-sec {
    display: none !important;
}
  div#exampleModalCenteredScrollable .container .book-table-section .col-lg-3.locations{
    width: 100%;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-header a.modal-title img {
    width: 89px;
}
  .book-table-popup.first .modal-dialog.modal-fullscreen .modal-content .modal-body .row{
    flex-wrap: wrap;
    padding: 0;
  }
  .locations-wrapper .nearest-bill-restorent .box ul a.btn.large:first-child {
    background: transparent;
    margin: 0 11px 0 0;
}
  .nearest-bill-restorent .row {
    height: auto;
}
  section.loc-pr-din-enq-section.previous-private-from .container-fluid .right-part .form-row-grid{
        grid-row-gap: 47px;
  }
  section.loc-pr-din-enq-section.previous-private-from .container-fluid .row {
        border-right: solid 2px var(--black-light);
    border-left: none;
    border-right: none;

}
.previous-private-from .container-fluid .right-part .common-btn{
      margin: 26px auto 0;
}
.loc-pr-din-enq-section.previous-private-from .container-fluid .row.align-items-center .col-12:nth-child(1) {
    width: 100% !important;
    padding: 0 45px !important;
    position: relative;
}
.loc-pr-din-enq-section.previous-private-from .container-fluid .row.align-items-center .col-12:nth-child(1):before {
    content: '' !important;
    background: var(--black-light);
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.loc-pr-din-enq-section.previous-private-from .container-fluid .row.align-items-center .col-12:nth-child(1):nth-child(1):after {
    content: '' !important;
    background: var(--black-light);
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
section.loc-pr-din-enq-section .container-fluid .row .col-12:nth-child(2) {
    border: solid 2px var(--black-light);
    border-left: none;
    border-bottom: none;
    border-right: none;
}
  .common-slider.location-view-restaurant .drop-down-resturant-view.active{
        margin: 44px 0 0;
  }
  .common-slider.location-view-restaurant .more-btn.common-btn {
      margin: 32px auto 10px;
  }
  .location-manchester-wrap.previous-location-master ul.loc-icon-view{
            grid-row-gap: 17px;
    padding: 35px 0 0;
        grid-column-gap: 15px;
  }
  .banner-bottom-section .bottom-sec a.direct-btn,
  .previous-location-master .banner-bottom-section .bottom-sec>span{
    font-size: 16px;
  }
  .loc-wrapper.location-manchester-wrap.previous-location-master .banner-bottom-section {
    background: transparent;
      padding: 64px 22px 46px 45px;
  }
  .loc-wrapper.location-manchester-wrap.previous-location-master .banner-bottom-section {
      padding: 64px 35px 46px 35px;
  }
  .loc-wrapper.location-manchester-wrap.previous-location-master .banner-bottom-section .col-12.gallery-slider {
          /* display: none; */
      padding: 55px 0 0;
  }

  .loaction-view .carousel-control-next, .loaction-view .carousel-control-prev {
   height: 48px;
    width: 48px;
    position: absolute;
    bottom: 23px;
    top: inherit;
}
.loaction-view .carousel-control-prev {
    left: 40%;
    margin: 0 -20px;
}
.loaction-view .carousel-control-next {
    right: 40%;
    margin: 0 -20px;
}
  section.loc-six-banner.loaction-view {
    margin-top: 93px;
}
  .wrapper.subscribe-section .container-fluid ul{
    height: auto;
  }
    .booking-mid-sec .groupdining-form .title {
        font-size: 26px;
        line-height: 26px;
    }
    .booking-mid-sec .groupdining-form .title.sec {
        margin: 66px 0 0;
    }
    .booking-mid-sec .form-row-grid{
        margin: 29px auto 0;
        grid-row-gap: 42px;
    }
    section.booking-mid-sec .row-text-area {
        margin: 51px 0 34px;
    }
    .booking-mid-sec .groupdining-form {
        margin: 0;
        padding: 0 22px;
    }
    .common-slider .drop-down-resturant-view.active {
        padding: 0 45px;
     }
    .event-offers-section .row.align-items-center.btn-bottom-box .inner {
        padding: 42px 22px 0px 22px;
    }
    .home-popupbox .modal-dialog .modal-header button.btn-close.desktop-close{
        display: none;
    }
    .home-popupbox .modal-dialog .modal-body button.btn-close.mobile-close {
        display: block;
        order: 1;
        width: 100%;
        background-position: right;
        margin: 12px 18px 0 0;
        height: 25px;
    }
    .home-popupbox .modal-dialog .modal-body .img-box{
        width: 100%;
        order: 0;
    }
    .home-popupbox .modal-dialog .modal-body .content{
        width: 100%;
    }
    .home-popupbox .modal-dialog .modal-body .img-box img {
        max-height: 227px;
        border-right: none;
        border-bottom: solid 2px var(--black-light);
    }
    .home-popupbox .modal-dialog {
        padding: 0 22px;
    }
    .home-popupbox .modal-dialog .modal-body .content {
        padding: 2px 28px 34px 45px;
        order: 1;
    }
    .home-popupbox .modal-dialog .modal-body .content .title {
        font-size: 32px;
        line-height: 32px;
        padding: 0px 0 18px;
    }
    .home-popupbox .modal-dialog .modal-body .content p {
        font-size: 16px;
        line-height: 26px;
        padding: 0 0 22px;
    }
    .home-popupbox .modal-dialog .modal-body .content .common-btn {
        width: 244px;
        font-size: 20px;
    }
    .contact-section .inner-section {
        padding: 67px 22px 53px;
    }   
    .wrapper.contact-wrap .heading-comm{
        padding: 32px 0px 30px;
    }

    .billscustom_homeback_main_page .billscustom_homeback{
        margin: 120px 15px 20px;
    }
    .billscustom_homeback_main .book-table-bhback {
        margin-bottom: 36px;
    }
    .billscustom_homeback_main .modal-header{
        padding: 21px 0px 0 !important;
    }
    .billscustom_homeback_main .modal-header{
        justify-content: inherit;
        padding: 21px 0 0 !important;
        background: transparent !important;
        position: inherit !important;
    }
    div#bill-experiences .modal-header {
      padding: 21px 0 87px !important;
  }
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-body {
       padding-bottom: 177px;
    }
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-footer p {
      padding-bottom: 21px;
    }
    .billscustom_homeback_main .modal-body{
        padding-top: 0 !important;
     }
    /*.billscustom_homeback_main  .heading{
        padding-top: 36px !important;
     }*/

      .banner-bottom-section.new-designpdrcustom .bottom-sec {
          padding: 0;
      }
    .loc-wrapper.location-manchester-wrap.previous-location-master  .title.mobile-view {
        display: none;
    }
    section.loc-pr-din-enq-section.previous-private-from .container-fluid .right-part{
            padding: 61px 22px 64px;
    }
    .whats-on .dining-one-slider .inner{
        padding: 0 !important;
    }
    .whats-on .dining-one-slider .title {
        font-size: 24px !important;
        line-height: 34px !important;
        color: var(--white) !important;
    }
    .whats-on .dining-one-slider .inner-content p{
        font-size: 14px !important;
        color: var(--white) !important;
        line-height: 22px !important;
        height: auto !important;
    }
    .whats-on .dining-one-slider .find-btm a{
        color: var(--white) !important;
        border-color: var(--white) !important;
        margin: 0 auto !important;
    }
    .whats-on .dining-one-slider .box img {
        height:483px !important;
    }

    .event-offers-section .box-section .box img {
        height: 188px;
    }
    .whats-on .nonloop-new .itembox {
        /* width: 437px; */
        margin: 0 auto;
        background: var(--canvas-beige);
    }
    .whats-on .nonloop-new .title {
           font-size: 30px;
    line-height: 36px;
    color: var(--black-light);
        padding: 0 0 13px;
    }
    .whats-on .nonloop-new .inner p {
        font-size: 14px;
        line-height: 22px;
        color: #000;
         height: 100px;
    }
    .whats-on .nonloop-new .inner {
        padding: 37px 36px 0 33px;
        display: block;
        flex-wrap: wrap;
        position: relative;
    }
    .whats-on .nonloop-new .box img {
        height: 210px;
    }
    .whats-on .nonloop-new button.slick-arrow{
        display: none;
    }
    .whats-on .nonloop-new {
     
        margin: 40px auto 40px;
     
    }
    .whats-on .btn-main-whats .what-btn {
        font-size: 19px;
        line-height: 27px;
    }
    .whats-on .btn-main-whats .what-btn:after {
        content: '';
        border: solid var(--black-light);
        height: 9px;
        width: 9px;
        border-width: 0px 2px 2px 0px;
        position: absolute;
        transform: rotate(45deg);
        top: 11px;
        margin-left: 20px;
    }
    .whats-on .nonloop-new .find-btm .common-btn {
    width: 244px;
    font-size: 20px;
    color: var(--black-light);
}
.nonloop-new.dining .ItemImgBox {
    padding: 0 0 51px 0;
}
    .dropq-wn-location .box-innerstreet .group-btn a,
    .dropq-wn-location .box-innerstreet .group-btn a.bookATableCustom{
           font-size: 16px;
    width: 124px;
    margin: 0;
    }
    .dropq-wn-location .box-innerstreet .group-btn a.bg {
    margin-left: 13px;
}
    .credit-card {
        padding-top: 0;
            padding-bottom: 0;
    }
    .credit-card span {
        padding-bottom: 26px;
    }
    .credit-card .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6.mobile-input-group:nth-child(4) {
        order: 1;
            width: 50%;
    padding: 0 18px 0 23px;
    }

    .credit-card .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6:last-child {
        order: 1;
    }
    .credit-card .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6.mobile-input-group:nth-child(2) {
    order: 1;
    width: 50%;
    padding: 0 0 0 18px;
}
    .custom-booktable-bottom .row .col-md-6:first-child {
        margin-bottom: 5px !important;
    }
    #form-frontpage a.arrow-img-sec.find-mobile,#form-findATableinner a.arrow-img-sec.find-mobile {
        position: inherit !important;
        width: 100% !important;
        right: inherit !important;
        left: inherit;
        background: #FC602A;
        color: var(--white);
        text-decoration: none;
        font-size: 13px;
        padding: 9px 0;
        letter-spacing: 0.39px;
        line-height: 19px;
        margin-bottom: 28px;
        display: flex !important;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    #form-frontpage a.arrow-img-sec.find-mobile img,#form-findATableinner a.arrow-img-sec.find-mobile img {
        filter: invert(100);
        height: 15px;
        padding-right: 10px;
    }
    .dropq-wn-location button.btn-primary {
           font-size: 36px;
    line-height: 36px;
    margin-top: 0;
    letter-spacing: 0;
    padding: 25px 0 22px;
    }

    .dropq-wn-location .box-innerstreet {
        grid-template: repeat(1, 1fr)/repeat(1, 1fr);
        grid-column-gap: 0;
        grid-row-gap: 57px;
      }
    .dropq-wn-location h2 {
      padding-top: 0;
    font-size: 36px;
    margin-bottom: 35px;
    letter-spacing: 0;
    line-height: 36px;
    }
    .dropq-wn-location {
    padding: 0 22px 39px;
}
    .dropq-wn-location .tab-collapse {
        height: inherit;
        overflow-y: inherit;
    }
    .dropq-wn-location.active .tab-collapse{
        height: auto;
    }
    .dropq-wn-location .box-innerstreet .box-inner {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
    }
    .dropq-wn-location button.btn-primary.collapsed:after{
          height: 15px;
      width: 15px;
      border-width: 0px 3px 3px 0px;
    }
    .dropq-wn-location .box-innerstreet .box-inner:before{
        content: none;
    }
    .book-table-popup .modal-dialog.modal-fullscreen a.arrow-img-sec.find-mobile {

    display: flex !important;
    justify-content: center;
    align-items: center;
    text-align: center;
}
  .location-manchester-wrap .banner-bottom-section .title.mobile-view{
    display: block;
    max-width: 318px;
        width: auto;
  }
  .section-top .heading .title.mobile-view {
      background: var(--orange-color);
      color: var(--white);
      line-height: 42px;
      font-size: 13px;
      letter-spacing: 0;
      width: 154px;
      height: 41px;
      text-transform: uppercase;
      
      margin: 20px auto 0px;
  }
  .booking-confirm-thanks-msg{
    text-align: center;
        width: 90%;
  }

  .home  a.book-table-btn.mobile-view-section{
    bottom: 0;
    position: fixed;
    transition: all ease 0.5s;
  }
a.book-table-btn.mobile-view-section.buttonfixed{
    /* position:fixed;
    z-index:9999;
    bottom:0px;
    top: inherit; */
}

.locations  a.book-table-btn.mobile-view-section{
    top: inherit;
    bottom: 0;
}
  a.book-table-btn.mobile-view-section {
      display: block;
      background: var(--btn-color);
      width: 100%;
      height: 50px;
      color: var(--black-light);
      font-size: 20px;
      line-height: 53px;
      cursor: pointer;
      overflow: hidden;
      font-family: var(--BalboaPlus);
      font-weight: 500;
      border: solid 2px var(--black-light);
      position: fixed;
      bottom:0px;
      z-index: 112;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content a.arrow-img-sec {
     
      display: block;
  }
  .alternative-time ul.three-part-section li a {
     
      height: 34px;
      padding: 6px 0px;
      margin: 0px;
      font-size: 12px;
        display: flex;
    justify-content: center;
    align-items: center;
  }
  .banner-bottom-section .bottom-sec .homesliderbox .owl-carousel button.slick-prev.slick-arrow:after{
   
   width: 25px;
   height: 25px;
   left:19px;
   top: 0px;
  }
  .banner-bottom-section .bottom-sec .homesliderbox .owl-carousel button.slick-next.slick-arrow:after{
   
   width: 25px;
   height: 25px;
   right:19px;
   top: 0px;
  }
  div#exampleModalCenteredScrollable .container .bookingMessage.text-danger.text-center {
      padding: 40px 0px 10px;
  }
  .book-table-popup#exampleModalCenteredScrollable .container .bookingMessage.text-danger.text-center{
    padding: 0;
  }
  footer a.btn {
      margin-left: 0;
    width: 118px;
    height: 41px;
    font-size: 16px;
    line-height: 19px;
  }
  .custom_PostCodeF {
      position: absolute;
      width: 52%;
      top: 94%;
      z-index: 1;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-footer p span {
      font-size: 16px;
      line-height: 47px;
      width: 100%;
      height: 50px;
  }
  #bill-experiences .modal-content {
      padding: 9px 22px 10px 18px;
  }
  #bill-experiences .bill-exp-section  .bottom-section {
      padding: 50px 0 0;
  }
  #bill-experiences .modal-footer{
      display: none;
  }
  #bill-experiences .bill-exp-section .mid-section .box .img-box, 
  #bill-experiences .bill-exp-section .mid-section .box .img-box img {
          width: 250px;
    height: 250px;
    object-fit: cover;
    object-position: 50% 50%;
    margin: 10px auto;
    display: block;
  }

    #bill-experiences .bill-exp-section .mid-section .box .content-box {
          padding: 30px 0px 10px;
    width: 100%;
    margin-left: 0;
    text-align: center;
  }

  .bill-experiencesmodel .modal-dialog.modal-fullscreen .modal-content .btn.add-experiences {
      width: 147px;
      margin: 14px auto 0;
      font-size: 20px;
      height: 51px;
  }
  #bill-experiences .bill-exp-section .mid-section .box {
      margin-bottom: 33px;
      padding: 0 0 34px;
  }
  #bill-experiences .bill-exp-section .top-section .title {
    font-size: 37px;
    line-height: 37px;
     padding: 0 0px 39px;
}
  #bill-experiences .bill-exp-section .mid-section .box .content-box .title {
    font-size: 26px;
    line-height: 26px;
    padding: 0px 0px 14px;
}

  #bill-experiences .bill-exp-section {
      width: 100%;
      margin: 0 auto;
  }

  section.menu-link-top ul.link li:nth-child(3n+3)) {
      border: none;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content p.powerby-section{
    position: relative;
  }

  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-header {
      position: fixed;
      top: 0;
      z-index: 1;
      right: 0;
      width: 100%;
  }
  .find_your_details_popup .details-section .col-xl-6.bphonenumber ul#all_country_data {
      top: 93%;
  }
  .find_your_details_popup .details-section .col-xl-6.bphonenumber .mb-3 input#countrydata {
      font-size: 12px !important;
  }
  #your-details .modal-dialog.modal-fullscreen .modal-content div.wrap-drop {
      background-position: 101%;
  }
     .find_your_details_popup .details-section .col-xl-6:nth-child(5) .mb-3 input:nth-child(2) {
         background-size: 17% 86% !important;
         background-position-x: 104% !important;
         background-position-y: 100% !important;
         width: 50% !important;
         font-size: 14px !important;
     }
     div#your-details .find_your_details_popup .details-section .col-xl-6:nth-child(5) .mb-3 input:nth-child(2){
      width: 100% !important;
     }
     #your-details .modal-dialog.modal-fullscreen .modal-content .option-na-box div.wrap-drop{
      max-width: 100%;
     }
     .details-section .credit-card .col-xl-6:nth-child(5) .mb-3 input:nth-child(2){
        width: 100% !important;
    }
    .find_your_details_popup .credit-card span {
        padding-left: 0;
        padding-bottom: 7px;
    }
    .credit-card .credit-card-content {
        padding-bottom: 43px;
        margin: 0;
        clear: both;
        overflow: hidden;
    }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .mb-3.location-input input#resloc {
    
       background-size: 6% 31%;
  }
  .find_your_details_popup .details-section .col-12.col-sm-2.col-md-6.col-lg-6.col-xl-6 {
      width: 100%;
  }
    .find_your_details_popup .details-section .col-12.col-sm-2.col-md-6.col-lg-6.col-xl-6.mobile-input-group {
        width: 50%;
        padding: 0px 0 0 18px;
    }
    .find_your_details_popup .details-section .col-12.col-sm-2.col-md-6.col-lg-6.col-xl-6.mobile-input-group:nth-child(2) {
        padding-left: 23px;
        padding-right: 18px;
        }
  body .ui-autocomplete li {
      padding: 10px 15px;
      font-size: 16px;
      line-height: 23px;
  }
  header nav.navbar.navbar-light.bg-light.fixed-top.sticky {
      background-color:var(--canvas-beige) !important;
      padding: 29px 0px 29px;
  }
  header nav.navbar.navbar-light.bg-light.fixed-top button.navbar-toggler img.inner-page {
      display: block;
  }
  header nav.navbar.navbar-light.bg-light.fixed-top button.navbar-toggler img.home-page {
      display: none;
  }
 .datepicker {
       width: calc(100% - 42px) !important;
    min-width: auto !important;
 }
  footer .footer-logo img {
          height: auto;
    width: 74px;
  }
  section.loc-pr-din-enq-section .right-part .forminator-row .forminator-col {
      width: 100%;
      -webkit-box-flex:initial;
          -ms-flex:initial;
          flex:initial;
  }
  footer .copyright {
    padding-top: 37px;
}
  body .ui-autocomplete li {
      padding: 16px 19px;
    
  }
  .locations-wrapper .inner .inner-box .searchbox .wrap-drop.input.form-select input {
      height: 50px;
    background-position: 100%;
    background-position-x: 4%;
    background-repeat: no-repeat;
    background-size: 6% 44%;
    padding: 10px 10px 10px 50px;
    font-size: 20px;
    font-family: var(--BalboaPlus);
  }
  .locations-wrapper .inner .inner-box .searchbox .wrap-drop.input.form-select {
    min-width: 240px;
}
  body.nearestloc .ui-autocomplete {
      width: 293px !important;
  }
  .got-question .loadmoreDiv {
      margin-bottom: 55px !important;
  }
  footer .col-12.col-sm-6.col-md-4.col-lg-4 div {
      width: 100%;
  }
  .landing-banner .content h1 {
      font-size: 45px;
      line-height: 50px;
  }
  .landing-banner .content p {
      font-size: 16px;
      line-height: 22px;
      padding: 0px 36px 25px;
      width: 100%;
  }
  body .ui-autocomplete {
      width: 91% !important;
  }
  .locations-wrapper .nearest-bill-restorent .bottom-sec {
      padding: 37px 0px 0px;
  }
  .locations-wrapper .nearest-bill-restorent .box ul:nth-child(1) {
       padding-top:48px; 
  }
  .event-offers-section .box-section .col-12:nth-child(even) .box .inner p, 
  .event-offers-section .box-section .large-box .inner p {
      color: var(--black-light);
  }
  .col-12.col-sm-2.col-md-6.col-lg-3.col-xl-2 {
      width: 100%;
  }
  .col-12.col-sm-8.col-md-12.col-lg-8{
    width: 100%;
  }
  .col-12.col-sm-4.col-md-12.col-lg-4 {
      width: 100%;
  }
  .col-12.col-sm-4.col-md-6.col-lg-4 {
      width: 100%;
  }
  .event-offers-section .comm-form button.btn {
      float: right;
      width: 103px;
      height: 35px;
      font-size: 13px;
      line-height: 17px;
      letter-spacing: 1.04px;
      background: none;
      border: none;
      text-decoration: underline;
  }
  a.book-table-btn{
    display: none;
  }
   .event-offers-section .comm-form button.btn:hover,  .event-offers-section .comm-form button.btn:focus{
    background: none;
    border:none;
   }
   .event-offers-section .comm-form button.btn:before{
    display: none;
   }
  footer .container {
      max-width: 100%;
  }
  section.errow-banner {
      height: 398px;
      margin-top:89px;
  }
  .near_bills_section ul.select-nearestbills {
      width: 100%;
          max-height: 160px;
  }
  #your-details .modal-dialog.modal-fullscreen .modal-content .modal-body {
      padding-right: 0;
      width: auto;
      height: auto;
          overflow-y: initial;
  }
  .wrapper.subscribe-section .subscribe-form .forminator-row{
    flex-wrap: wrap;
  }
  .wrapper.subscribe-section .subscribe-form .forminator-row .forminator-col {
      flex: auto;
      width: 100%;
  }

  .book-table-popup#exampleModalCenteredScrollable input.form-control{
     font-size: 20px;
  }
  .modal-open ul.ui-timepicker-viewport li.ui-menu-item a.ui-state-hover {
    font-size: 20px;
}


  .loc-wrapper.menu-wrapper .stp-box ul {
      padding: 0px 0px 17px 0px;
  }
  .loc-wrapper.menu-wrapper .stp-box {
      padding-bottom: 58px;
  }
  .loc-wrapper.menu-wrapper .stp-box ul li .price {
      letter-spacing: 0px;
      font-size: 12px;
      line-height: 22px;
      font-weight: var(--font-weight-500);
  }
  .loc-wrapper.menu-wrapper .stp-box .title {
      font-size: 19px;
      line-height: 23px;
      padding-bottom: 23px;
      letter-spacing: 0.57px;
  }
  .loc-wrapper.menu-wrapper .stp-box ul li .subtitle {
      font-size: 16px;
      line-height: 22px;
      padding-bottom: 11px;
      letter-spacing: 0.48px;
  }
/*  section.loc-pr-din-enq-section .right-part div#select-1 {
      padding: 4px 0px;
  }*/
  section.loc-pr-din-enq-section .right-part button.forminator-button.forminator-button-submit {
      width: 162px;
      height: 48px;
      font-size: 14px !important;
      line-height: 26px !important;
      margin: 10px auto 0;
  }
  section.loc-pr-din-enq-section .right-part .forminator-row.forminator-row-last {
      text-align: center;
  }
  section.loc-pr-din-enq-section .right-part button.forminator-button.forminator-button-submit:hover, 
  section.loc-pr-din-enq-section .right-part button.forminator-button.forminator-button-submit:focus{
    border-color:var(--Sprout-color) !important;
        background:var(--Sprout-color) !important;
        color:var(--white) !important;
  }

  section.loc-pr-din-enq-section .right-part label.forminator-label.forminator-floating--textarea {
      padding: 5px 0px !important;
  }

  /*section.loc-pr-din-enq-section .right-part .title {
      font-size: 19px;
      line-height: 23px;
      letter-spacing: 0.57px;
  }*/
  section.loc-pr-din-enq-section .left-part {
      padding: 49px 21px 63px;
  }
  section.loc-pr-din-enq-section .left-part .title {
     font-size: 26px;
    line-height: 26px;
    padding-bottom: 30px;
    letter-spacing: 0;
  }
  section.loc-pr-din-enq-section .left-part a.det-btn {
      font-size: 12px;
      line-height: 28px;
      letter-spacing: 0.12px;
  }

section.loc-pr-din-enq-section .container-fluid .row {
    margin: 0px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
section.loc-pr-din-enq-section .container-fluid .row .col-12:nth-child(2) {
    width: 100%;
}
 section.location-private-dining-section .img-box-section.mobile {
     display: block;
     background: url(../images/location-restaurant-mid-banner-mobile-img.png);
     height: 367px;
   background-size: cover !important;
       background-position: center top !important;
       position: relative;
 }
 section.location-private-dining-section .img-box-section .inner .heading {
    font-size: 61px;
    line-height: 61px;
    letter-spacing: 0;
 }
 section.location-private-dining-section .img-box-section .inner p {
         font-size: 16px;
    line-height: 26px;
    padding: 8px 0px 0px;
    letter-spacing: 0.16px;
 }
 section.location-private-dining-section .img-box-section .inner{
      width: 100%;
    max-width: 386px;
    margin: 0 auto;
 }
  section.location-private-dining-section .img-box-section.desktop {
      display: none;
  }
  .banner-bottom-section .col-12:nth-child(3) .bottom-sec {
      padding-bottom: 0;
  }
  .banner-bottom-section .bottom-sec .phone {
      font-size: 14px;
      line-height: 24px;
      padding: 20px 0px 28px;
      letter-spacing: 0.14px;
  }
  .banner-bottom-section .bottom-sec a.direct-btn {
      margin: 15px 0px 0px;
  }
  .banner-bottom-section .col-12:nth-child(2) .bottom-sec .tab {
      display: inline-block;
      width: 100%;
      vertical-align: top;
  }
  .banner-bottom-section .col-12:nth-child(2) .bottom-sec .tab:last-child {
    padding: 55px 0 0;
}

  section.booking-mid-sec .right-part .forminator-row.forminator-row-last {
      text-align: center;
  }
  section.booking-mid-sec .container .col-12.col-sm-12.col-md-12.col-lg-6.col-xl-6:nth-child(1) {
      /*order: 0;*/
  }
  .event-offers-section .box-section .large-box {
      background: var(--canvas-beige);
          border-bottom: none;
  }
  .event-offers-section .box-section .box {
      background: var(--canvas-beige);
          margin-bottom: 0;
  }
  .event-offers-section .box-section .col-12:last-child .box{
    border: solid 2px var(--black-light);
  }
  .event-offers-section .box-section .large .col-12:last-child .box {
        border-bottom: none;
    }
  .event-offers-section .box-section .container {
      padding: 0;
  }
  .event-offers-section .box-section .row {
      margin: 0;
  }
  .event-offers-section .box-section .col-12 {
      padding: 0;
  }
  section.event-offers-section .container .row .col-12.col-sm-4.col-md-12.col-lg-4, section.event-offers-section .container .row .col-12.col-sm-4.col-md-6.col-lg-4 {
      padding-left: 0;
  }
  #your-details .modal-dialog.modal-fullscreen .modal-content label {
      display: flex;
      align-items: center;
  }
  #your-details .credit-card .mb-3 {
    margin-bottom: 31px !important;
}
  #your-details .mb-3 .chk label span {
    height: 23px;
    width: 23px;
    display: inline-block;
    position: relative;
    margin-right: 13px;
    vertical-align: top;
    margin-top: 4px;
    min-width: 23px;
}
#your-details .modal-dialog.modal-fullscreen .modal-content .chk label {
      display: flex;
      align-items: start;
  }
  #your-details .mb-3 .chk [type=checkbox]:checked + span:before {
    top: 1px;
    left: 1px;
    width: 17px;
    height: 17px;
}
 #your-details .mb-3 .chk label em {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.16px;
    display: inline-block;
    width: 100%;
}
  #your-details .mb-3 {
      margin-bottom: 43px !important;
  }
  #your-details .modal-dialog.modal-fullscreen .modal-content .mb-3.hafe .select-title-ineer {
      position: relative;
      width: 100%;
  }
  .book-table-popup .container .book-table-section .wrap-drop {
      padding-left: 0px !important;
      padding-right: 0 !important;
      background-position-x: 99%;
  }
  div#exampleModalCenteredScrollable .container .book-table-section .col-lg-3 {
      width: 100%;
      padding: 0px 0;
  }
  div#exampleModalCenteredScrollable .container .book-table-section .col-lg-3:first-child {
      padding: 0 0;
  }
  div#exampleModalCenteredScrollable .container .book-table-section .col-lg-3.locations{
    margin-bottom: 10px;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .form-control {
      margin: 0 !important;
  }
  .nearest-bill-restorent .img-box-section img.mobilw-view {
      display: block;
          height: 436px;
  }
  .nearest-bill-restorent .img-box-section img.desktop-view{
      display: none;
  }
  .wrapper.join-team-wrap .join-team-box .img-box img {
      height: 291px;
  }
  .wrapper.join-team-wrap .join-team-box .row .col-12 {
      padding: 0;
      width: 100%;
  }

  .locations-wrapper .inner .inner-box .bottom-sec a.btn {
      width: 158px;
      height: 38px;
      font-size: 11px;
      letter-spacing: 0.28px;
      padding-left: 30px;
      line-height: 19px;
  }
  .locations-wrapper .inner .inner-box .bottom-sec a.btn:after {
      left: 9px;
      top: 12px;
      width: 13px;
      height: 13px;
  }
  .locations-wrapper .inner .inner-box .bottom-sec {
      margin: 12px 0px 0px;
      position: relative;
  }
  .map-section {
      height: 403px;
      width: 100%;
  }
  .locations-wrapper .inner .container-fluid .row .col-12 {
      padding: 0;
      width: 100%;
  }
  .locations-wrapper .inner .container-fluid .row .col-12:nth-child(1) {
      order: 1;
  }
 /* .locations-wrapper .inner .container-fluid .row .col-12:nth-child(2) {
      order: 2;
  }*/
  .locations-wrapper .inner .searchArea.container-fluid .container-fluid .row .col-12:nth-child(2) {
      order: 2;
  }
   .locations-wrapper .inner .nearest-bill-restorent .container-fluid .row .col-12:nth-child(2) {
       order: 2;
   }
  .locations-wrapper .inner .container-fluid .row {
      flex-wrap: wrap;
  }
  section.private-dining-inner-section .content {
      padding: 40px 36px;
  }
  section.private-dining-inner-section .container-fluid .row .col-12:nth-child(3) {
      order: inherit;
  }
  section.private-dining-inner-section .content p {
      font-size: 14px;
      line-height: 28px;
  }

  .top-form-section button.btn {
      width: 162px;
      height: 48px;
      font-size: 15px;
      margin: 40px auto 0;
  }
  section.private-dining-inner-section .img-box img {
      height: 278px;
  }
  section.private-dining-banner {
      height: 201px;
      margin-top:87px;
  }
  section.private-dining-banner .content h1 {
    font-size: 61px;
    line-height: 61px;
    letter-spacing: 0;
    padding: 0 22px;
  }
  section.private-dining-banner .content p {
      font-size: 22px;
      line-height: 26px;
      padding-top: 11px;
  }
  section.private-header-bottom-section {
      padding: 41px 0px 0px;
      background: var(--white);
  }
  section.private-header-bottom-section .inner p {
      font-size: 14px;
      line-height: 28px;
      padding: 10px 0;
      letter-spacing: 0.14px;
  }

  .top-form-section .heading {
      font-size: 19px;
      line-height: 23px;
      padding-bottom: 12px;
  }
  #private_dining_select span {
      
      font-weight: var(--font-weight-500);
      font-size: 22px;
  }
  section.private-dining-inner-section .container-fluid .row .col-12 {
      padding: 0;
      width: 100%;
  }
  section.private-header-bottom-section .inner {
      width: 100%;
      padding: 0px 36px;
  }
  .top-form-section {
      width: 100%;
      padding: 0px 36px 50px;
  }
  section.private-dining-inner-section .container-fluid {
      padding-left: 0px;
      padding-right: 0px;
  }
  .wrapper.subscribe-section .subscribe-form .forminator-row .forminator-field.forminator-merge-tags .heading {
      font-size: 14px;
      line-height: 22px;
      text-align: center;
  }
  .wrapper.subscribe-section .subscribe-form .forminator-row button.btn {
    width: 162px;
    height: 48px;
    background: none !important;
    color: var(--black-light) !important;
    border: 1px solid var(--black-light);
    border-radius: 0px !important;
    margin: 41px auto 0;
        display: block;
}
.wrapper.subscribe-section .subscribe-form .forminator-row button.btn:hover, .wrapper.subscribe-section .subscribe-form .forminator-row button.btn:focus {
    border-color: var(--Sprout-color) !important;
    color: var(--white) !important;
}
.wrapper.subscribe-section .subscribe-form .forminator-row button.btn:hover::before, 
.wrapper.subscribe-section .subscribe-form .forminator-row button.btn:focus::before, 
.wrapper.subscribe-section .subscribe-form .forminator-row button.btn:active:focus::before {
    background: var(--Sprout-color) !important;
}
  .wrapper.subscribe-section .subscribe-form .forminator-row span.select2-selection, 
  .wrapper.subscribe-section .subscribe-form .forminator-row input {
      border-color: var(--dark-charcoal-color) !important;
  }
  .wrapper.subscribe-section .subscribe-form .forminator-row .select2-selection__rendered {
      color: var(--input-color) !important;
      font-size: 14px !important;
      line-height: 20px !important;
      letter-spacing: 0px !important;
  }
  .wrapper.subscribe-section .subscribe-form .forminator-row input {
      color: var(--input-color) !important;
      font-size: 14px !important;
      line-height: 20px !important;
      letter-spacing: 0px !important;
  }
  .wrapper.subscribe-section .subscribe-form .forminator-row input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--input-color) !important;
    opacity: 1; /* Firefox */
  }

  .wrapper.subscribe-section .subscribe-form .forminator-row input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--input-color) !important;
  }

  .wrapper.subscribe-section .subscribe-form .forminator-row input::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--input-color) !important;
  }
  .wrapper.subscribe-section .img-box img {
      width: 100%;
      height: 400px;
      border: solid 2px var(--black-light);
  }
  .wrapper.subscribe-section .subscribe-form {
      padding: 54px 22px 40px;
  }
  .wrapper.subscribe-section .subscribe-form .title {
      font-size: 26px;
      line-height: 31px;
      padding-bottom: 26px;
      text-align: left;
  }
  .wrapper.subscribe-section .subscribe-form p {
    line-height: 26px;
    font-size: 16px;
    text-align: left;
    letter-spacing: 0.16px;
    padding: 0px 0 43px;
    margin: 0;
  }
  .newsletter-form .wrap-drop{
    max-width: 100%;
  }
  .wrapper.subscribe-section .subscribe-form form.newsletter-form p{
    padding-bottom: 0;
    letter-spacing: 0.14px;
  }
  .newsletter-form .text-msg-form {
        margin-top: 43px;
        margin-bottom: 12px;
    }

  .wrapper.subscribe-section .subscribe-form .forminator-row div#select-1 {
      width: 100% !important;
      flex: initial;
  }
  .wrapper.subscribe-section .container-fluid ul {
     
      flex-wrap: wrap;
  }
  .wrapper.subscribe-section .container-fluid ul li {
      padding: 0px;
      width: 100%;
          display: initial;
  }
  .wrapper.subscribe-section .container-fluid ul#nearest_bills_data li {
      display: block;
  }
  .wrapper.subscribe-section .container-fluid ul li:last-child{
    padding: 0;
  }
  .wrapper.join-team-wrap .join-team-box .box .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6 .box {
      width: 100%;
      padding: 0;
  }
  .wrapper.join-team-wrap .join-team-box .box .slider-section .single-testimonial p {
      font-size: 26px;
    line-height: 32px;
    max-width: 262px;
  }
  .wrapper.join-team-wrap .join-team-box .row .col-12:nth-child(1) {
      order: 0;
  }
    .event-offers-section .box-section .large-box .col-12.col-sm-6.col-md-6.col-lg-6 {
      width: 100%;
  }
  .event-offers-section .box-section .large-box .col-12.col-sm-6.col-md-6.col-lg-6:nth-child(2) {
      width: 100%;
  }
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row label.forminator-checkbox span.forminator-checkbox-label {
      line-height: 19px !important;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-header button.btn-close {
    margin: 10px 0 0px 0;
      width: 38px;
      height: 38px;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content p.powerby-section {
    font-size: 12px !important;
    line-height: 12px !important;
 }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-header button.btn-close svg {
      width: 25px;
      height: 25px;
  }
  .section-top .bg-overlay:before {
    opacity: 1;
  }
  .event-offers-section .box-section .large .box .inner p {
      min-height: inherit;
          height: auto;
  }
  section.discover-our-menus .container-fluid .row {
      flex-wrap: wrap;
  }
  section.discover-our-menus .col-12.col-sm-5.col-md-5.col-lg-5 {
      flex: 0 0 auto;
      width: 100%;
  }
  section.discover-our-menus .col-12.col-sm-7.col-md-7.col-lg-7 {
      flex: 0 0 auto;
      width: 100%;
  }
  footer .col-6.col-sm-6.col-md-2.col-lg-2:nth-child(6) {
      width: 100%;
  }
  section.private-dining-section.discover-our-menus .img-box img {
      height: 280px;
      width: 100% !important;
      max-width: 100%;
  }
  .what-at-bill .card:nth-child(2n+0) .row .col-lg-6:nth-child(2) {
      order: 2;
  }
  .locations-wrapper .inner .inner-box .searchbox div#search-result {
      width: 80%;
  }
 .choose-bill-restaurent .modal-dialog .modal-content .modal-body .event-offer-popup-section .heading {
    color: var(--black-light);
    letter-spacing: 0;
    font-size: 26px;
    line-height: 26px;
    text-align: center;
    padding: 13px 10px 23px;
}
  section.booking-mid-sec .right-part .forminator-row .groupDatepicker .forminator-input--wrap .forminator-name--field {
      padding-top: 10px;
  }
  #your-details .heading {
    font-size: 26px;
    line-height: 26px;
    letter-spacing: 0;
    padding: 51px 0 16px;
    margin: 0 auto;
}
  #your-details .heading p {
    margin: 0 auto;
    padding: 16px 0px 37px;
    font-size: 16px;
    line-height: 25px;
    max-width: 386px;
}
    #your-details .heading .availability {
       max-width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    }
    #your-details .modal-content .details-section label.form-label {
        padding: 0px 0px 13px 0px;
        font-size: 22px;
        letter-spacing: 0;
        line-height: 22px;
            flex-wrap: wrap;
    }
      #your-details .modal-content .details-section .row .common-pdding:nth-child(6) label.form-label, 
      #your-details .modal-content .details-section .row .common-pdding:nth-child(6) label.form-label {
      line-height: 48px;
  }
  #your-details .modal-dialog.modal-fullscreen .modal-content .mb-3 .form-select, #your-details .modal-dialog.modal-fullscreen .modal-content .form-control {
          font-size: 16px;
          line-height: 23px;
          padding-top: 0;
          padding-bottom: 0;
          letter-spacing: 0.16px;
  }
  #your-details .modal-dialog.modal-fullscreen .wrap-drop .drop li a {
    font-size: 16px;
}
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .find_your_details_popup span.tems-user-section {
    padding: 30px 0px 0px;
    max-width: 268px;
    margin: 0 auto;

}
.find_your_details_popup .details-section a.back-btn {
    margin: 25px auto 0;
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content .find_your_details_popup span.tems-user-section a {
    text-decoration: underline;
}
  #your-details .modal-dialog.modal-fullscreen .modal-content .find_your_details_popup a.back-btn {
        font-size: 16px;
    line-height: 16px;
    letter-spacing: 0;
}
  #your-details .modal-dialog.modal-fullscreen .modal-content .mb-3.hafe {
      width: auto;
  }
  .alternative-time-chart .alternative-time-grid .time-box {
          width: 85px;
    height: 46px;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 18px;
  }
  .banner-bottom-section .col-12:nth-child(3) .bottom-sec .slick-slide img {
     height: 186px;
     object-fit: cover;
     width: 100%;
  }
  .map-sec.location_mapNew .map-content-box {
      bottom: 0;
      margin-top: -7px;
  }
  .video-section video {
      height: 401px;
  }
  .video-section:before {
      height: 98%;
  }
  .desktop-banner{display: none !important;}
  .mobile-banner{
    display: block;
  }
  .group-booking-page .right-part .forminator-response-message.forminator-show.forminator-error {
      margin: 20px;
  }
    section.booking-mid-sec .right-part .forminator-row span.select2-selection__placeholder, 
  section.booking-mid-sec .right-part .forminator-row span.select2-selection__rendered, 
  section.booking-mid-sec .right-part .forminator-row input.forminator-input{
    font-size: 13px !important;
    line-height: 16px;
  }
  section.booking-mid-sec .right-part .forminator-row div#time-1 .forminator-timepicker .forminator-row label.forminator-label{
    position: initial;
    margin: 0;
    padding: 0;
  }
  .forminator-custom-form.forminator-design--material .forminator-checkbox {
      align-items: flex-start !important;
  }
  section.booking-mid-sec .right-part .forminator-row span.forminator-checkbox-box{
    margin-top: 2px;
  }
  section.booking-mid-sec .right-part .forminator-row {
      margin-bottom:0px !important;
      padding: 0px 20px;
  }
  section.booking-mid-sec .right-part .forminator-row .forminator-field {
      margin-bottom: 40px;
  }
  section.booking-mid-sec .right-part .forminator-row input.forminator-input{
    padding-top: 0px;
  }
  section.booking-mid-sec .right-part .forminator-row .forminator-field.forminator-merge-tags{
    margin-bottom: 0px;
  }
  section.event-offers-section .location-arrow a.arrow-img-sec {
    right: 48px;
    top: 11px;
}
  section.booking-mid-sec .right-part .forminator-row:nth-child(2) {
      margin-bottom: 0px !important;
      padding: 0;
  }
  section.booking-mid-sec .right-part .forminator-row div#checkbox-1 .forminator-field {
      margin: 0;
  }
  .forminator-custom-form.forminator-design--material label.forminator-label.forminator-floating--textarea {
      font-size: 13px !important;
      line-height: 16px;
      letter-spacing: 0.39px;
      padding-bottom: 17px !important;
  }
  section.booking-mid-sec .right-part .forminator-row textarea#forminator-field-textarea-1 {
      min-height: 153px !important;
  }
  section.booking-mid-sec .right-part .forminator-row div#checkbox-1 .forminator-field label.forminator-checkbox, 
  .forminator-ui#forminator-module-373.forminator-design--material .forminator-checkbox {
      margin: 0 !important;
      padding-bottom: 0;
  }

  section.booking-mid-sec .right-part .forminator-row div#textarea-1 .forminator-field {
      margin-bottom: 24px;
  }
  section.booking-mid-sec .right-part .forminator-row div#checkbox-2 .forminator-field {
      margin-bottom: 0;
  }
  section.booking-mid-sec .right-part .forminator-row div#checkbox-2 .forminator-field label.forminator-checkbox {
      padding-bottom: 0;
  }
  section.booking-mid-sec .right-part .forminator-row span.forminator-checkbox-label, 
  section.loc-pr-din-enq-section .right-part .forminator-row span.forminator-checkbox-label {
      line-height: 18px !important;
      font-size: 12px !important;
      line-height: 20px !important;
      letter-spacing: 0.12px;
  }
  section.booking-mid-sec .right-part .forminator-row button.forminator-button.forminator-button-submit.btn {
      font-size: 14px !important;
      letter-spacing: 0 !important;
      line-height: 17px;
      width: 162px;
      height: 48px;
      margin: 34px auto 0;
  }
  section.booking-mid-sec .right-part .forminator-row.forminator-row-last .forminator-field {
      margin-bottom: 0;
  }
  section.booking-mid-sec .right-part .forminator-row div#time-1 .forminator-timepicker .forminator-row {
      padding: 0;
  }
 .promo-popup .modal-body .card img {
     height: 198px;
 }
  .group-booking .inner .info p {
      font-size: 12px;
      line-height: 22px;
      padding: 0px 0px 13px;
      letter-spacing: 0.36px;
  }
  .group-booking .inner .info p:last-child {
      padding-bottom: 0;
  }
  .group-booking .inner .info a.btn {
      width: 112px;
      margin-top: 10px;
      height: 32px;
      line-height: 17px;
      font-size: 12px;
      letter-spacing: 0;
  }
  .discover-our-menus .dis-box .inner .sub-title {
      font-size: 15px;
      line-height: 19px;
      padding-top: 14px;
      letter-spacing: 0.45px;
  }
  .discover-our-menus .dis-box .inner {
      top: 32px;
  }
  .view-all-section {
      padding: 0px 0px 27px;
  }
  .what-at-bill .heading p {
      font-size: 13px;
      line-height: 17px;
      padding-top: 11px;
  }
  .what-at-bill .heading {
      padding: 35px 0px;
  }
  .what-at-bill .card .img-box img {
      height: 266px;
  }
  .what-at-bill .card .inner h2 {
      font-size: 22px;
      line-height: 29px;
  }
  .what-at-bill .container .col-12.col-sm-4.col-md-6.col-lg-7 {
      width: 100%;
      padding:0;
  }
  .what-at-bill .container .col-12.col-sm-4.col-md-6.col-lg-5 {
      width: 100%;
      padding:0;
  }
  section.discover-our-menus .row .col-12.col-sm-4.col-md-4.col-lg-4 {
      display: none;
  }
  section.discover-our-menus .row .col-12.col-sm-4.col-md-4.col-lg-4:nth-child(2) {
      display: block;
  }
  .discover-our-menus .dis-box .inner .info a:nth-child(1) {
      display: none;
  }
  .discover-our-menus .dis-box .inner .info a.view-menus:after{
    display: none;
  }
  .discover-our-menus .dis-box .inner .info a.view-menus{
        background: var(--accordion-bg-color);
        width: 127px;
        height: 49px;
        margin: 0 auto;
        color: var(--black-light);
        line-height: 47px;
        font-size: 17px;
        letter-spacing: 0;
    }
  .discover-our-menus .dis-box .inner .info {
      bottom: 30px;
  }
  .section-top .title.mobile-view {
      display:block;
  }
  section.section-top.hero-slider-add .box-slider-banner .title.mobile-view {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--btn-color);
    display: none;
    justify-content: center;
    align-items: center;
    height: 63px;
    margin: 0;
    padding: 0;
    color: var(--black-light);
    border-top: solid 2px var(--black-light);
    font-size: 20px;
    line-height: 24px;
    z-index: 10;
}
  .section-top .mobile-bookatable .title.mobile-view {
    background: var(--orange-color);
    color: var(--white);
    line-height: 42px;
    font-size: 13px;
    letter-spacing: 0;
    width: 154px;
    height: 41px;
    text-transform: uppercase;
    display: none;
    margin: 20px auto 0px;
  }
      .section-top h1, .section-top .heading {
        font-size: 64px;
        line-height: 77px;
        letter-spacing: 0.75px;
        text-transform: uppercase;
        padding:0px 35px;
    }
    .section-top h1 span, .section-top .heading span {
        text-shadow: 3px 3px 0px var(--black-light);
    }
    header nav.navbar.navbar-light.bg-light.fixed-top a.navbar-brand img, header nav.navbar.navbar-light.bg-light.fixed-top a.custom-logo-link img {
        max-width: 89px;
    }
    header nav.navbar.navbar-light.bg-light.fixed-top button.navbar-toggler img {
        width: 31px;
    }
  .section-top .title.desktop-view {
      display:none;
  }
  .discover-our-menus .dis-box .inner .info a.view-menus {
      display: block;
  }
  .section-top .form-section form#form-frontpage {
      display: none;
  }
  .wrapper.terms-con-wrap .container {
      max-width: 100%;
  }
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row span.selection span.select2-selection.select2-selection--single span.select2-selection__rendered {
      font-size: 13px !important;
      padding-left: 0;
          line-height: 16px !important;
          letter-spacing: 0.39px !important;
  }
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row div.forminator-col label.forminator-label.forminator-floating--textarea {
      position: initial;
      left: 0;
      font-size: 13px !important;
      line-height: 16px !important;
      letter-spacing: 0.39px !important;
      padding: 0px !important;
  }
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row div.forminator-col textarea {
      min-height: 196px !important;
  }
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row div#textarea-1 {
      margin-bottom: 41px;
  }
  .wrapper.contact-wrap .contact-section .inner-section .forminator-row div.forminator-col label.forminator-label.forminator-floating--textarea, .wrapper.contact-wrap .contact-section .inner-section .forminator-row .forminator-input--wrap input.forminator-input {
      font-size: 13px !important;
      padding-left: 0px;
  }
  .wrapper.contact-wrap .contact-section .inner-section .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6, 
  .wrapper.contact-wrap .contact-section .inner-section .col-12.col-sm-12.col-md-12.col-lg-12.col-xl-12, 
  .wrapper.contact-wrap .contact-section .inner-section .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6 {
      padding: 0px 15px !important;
  }
  .wrapper.contact-wrap .contact-section .inner-section .chk label {
      -webkit-box-align: initial;
      -ms-flex-align: initial;
      align-items: initial;
  }
  .wrapper.info-wrap-section .view-all-section {
      display: none;
  }
  .got-question .box .accordion:last-child {
      margin-bottom: 44px;
  }
  /*section.group-booking-section {
      min-height: 574px;
  }*/
  section.group-booking-section .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6:nth-child(2) .img-box {
      height: auto;
  }
  section.group-booking-section .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6 .img-box {
      height: 513px;
  }
  section.menu-link-bottom .right-part .select-box ul li {
      padding: 0px 0px 15px;
      width: 33%;
  }
  .got-question .container .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6 {
      width: 100%;
  }
  body.inner-page.menu-body .loc-wrapper.menu-wrapper{
    position: initial;
  }
  body.inner-page.menu-body .loc-wrapper.menu-wrapper:after, body.inner-page.menu-body .loc-wrapper.menu-wrapper:before {
      display: none;
  }
  footer {
      position: relative;
      z-index: 1;
  }
  body.inner-page.menu-body{
    position: relative;
  }
  body.inner-page.menu-body:after{
    content: '';
        position: absolute;
        right: 0px;
        top: 0px;
        background: url(../images/loc-bg-right-icon.png);
        background-repeat: repeat;
        height: 100%;
        width: 8px;
        background-size: 100%;
  }
  body.inner-page.menu-body:before{
    content: '';
        position: absolute;
        left: 0px;
        top: 0px;
        background: url(../images/loc-bg-left-icon.png);
        background-repeat: repeat;
        height: 100%;
        width: 8px;
        background-size: 100%;
        z-index: 1;
        
  }
    .banner-bottom-section .bottom-sec .weeks {
     font-size: 16px;
    line-height: 26px;
    padding: 0px 0px 24px;
    width: 100%;
    display: inline-block;
  }

  section.group-booking-section .img-box img.mobile {
      display: block;
      object-fit: cover;
      object-position: 50% 50%;
      height: 100%;
      width: 100%;
  }
  section.group-booking-section .img-box img.desktop{
    display: none;
  }
  section.booking-mid-sec .container {
      max-width: 100%;
  }
  .promo-popup .modal-body .card .title {
      line-height: 36px;
      font-size: 28px;
      padding-top: 0;
      letter-spacing: 2.24px;
  }
  .location-manchester-wrap .banner-bottom-section .container {
      max-width: 100%;
  }
  
  section.event-offers-section .container {
      max-width: 100%;
  }
  .what-at-bill .container {
      max-width: 100%;
      /*padding: 0px 20px;*/
  }
  .discover-our-menus .dis-box {
      position: relative;
      height: auto;
  }
  .discover-our-menus .dis-box img {
      height: auto;
  }
  .group-booking .img-box img {
      height: auto;
  }
  .locations-wrapper .inner .inner-box img.img-map {
      display: block;
      text-align: center;
      margin: 0 auto 20px;
      width: 47px;
  }
  .wrapper.event-offer-wrap {
      padding: 96px 0px 0px;
  }
  .event-offers-section .location-arrow .wrap-drop {
      background-position: 100% 7px;
      background-size: 6% 54%;
  }
  .event-offers-section .box-section .large-box img {
      height: 249px;
      max-width: 100%;
      width: 100%;
  }
  .event-offers-section .box-section .box img {
     height: 249px;
     max-width: 100%;
     width: 100%;

  }

  .comm-form .form-check label.form-check-label {
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0;
}
    .event-offers-section form.comm-form .mb-3.row .common-btn {
        width: 172px;
        margin-left: auto;
    }
  .comm-form .form-check {
      margin-top: 3px;
      margin-right: 18px;
  }
  .comm-form .form-select, .comm-form .form-control {
      padding-right: 0;
      line-height: 25px;
      font-size: 19px;
      background-size: inherit !important;
  }
  section.top-header.event-banner {
     min-height: inherit;
      margin-top:99px;
      padding: 0;
      background: url(../images/events-offers-banner-mobile.png);
      background-size: cover;
      background-position: 100% 100%;
      background-repeat: no-repeat;
  }
  section.top-header.event-banner {
      font-size: 29px;
      line-height: 38px;
      letter-spacing: 2.32px;
  }
  .wrapper.event-wrap {
      padding: 19px 0px 0px;
  }
  .event-offers-section form.comm-form .location-arrow .form-select-lg {
      background-size:15px 25px !important;
      line-height: 25px;
      font-size: 19px;
  }
  .event-offers-section .location-arrow:before {
      right: 27px;
      top: 7px;
      width: 15px;
      height: 15px;
  }

  .map-sec .map-content-box {
     width: 100%;
         padding: 21px 109px 17px 18px;
  }
  .mfp-wrap.mfp-gallery .mfp-container {
      width: 100%;
      margin: 0 auto !important;
      right: 0;
      padding: 0px 20px;
  }
  .map-sec .map-content-box p {
    padding: 7px 0px 0px;
 }
  img.mfp-img {
      max-height: 168px !important;
      height: 168px !important;
      object-fit: cover;
      object-position: 50% 50%;
      padding: 0px !important;
      width: 268px !important;
  }
  .mfp-bottom-bar .mfp-title {
      font-size: 12px;
      line-height: 38px;
      text-align: center;
      letter-spacing: 0;
      padding-top: 2px;
  }
  button.mfp-arrow.mfp-arrow-left {
      left: -30px;
      width: 30px;
      height: 30px;
      top: 73%;
  }
  button.mfp-arrow.mfp-arrow-right {
      right:-30px;
      width: 30px;
      height: 30px;
      top: 73%;
  }
  .mfp-bottom-bar button.mfp-close {
      font-size: 12px;
      line-height: 18px;
      letter-spacing: 0;
  }
  body.inner-page.mfp-zoom-out-cur {
      overflow: hidden;
      overflow-y: auto;
  }
/*  .mfp-bottom-bar {
      position: initial;
  }*/
  .banner-bottom-section .bottom-sec .homesliderbox {
      /*width: 100%;*/
      width: 97%;
          margin: 0 auto;
  }
  .banner-bottom-section .col-12:nth-child(2) .bottom-sec, .banner-bottom-section .col-12:nth-child(3) .bottom-sec {
      padding-left: 0;
  }
  .location-manchester-wrap .banner-bottom-section .col-12 {
      padding: 0 15px;
  }
  .video-section img.mobile {
      display: block;
      width: 100%;
  }
  .wrapper.offer-open-video-wrap {
      padding:88px 0px 38px;
  }
  .video-section .video-icon {
      width: 155px;
      height: 155px;
  }
  .cocktails-section {
      padding:45.23px 0px 55.06px;
      margin-top: 0px;
  }
  .cocktails-section .title {
    font-size: 30px;
        line-height: 36px;
        letter-spacing: 0;
  }
  .cocktails-section p {
     padding: 17px 0px;
     font-size: 16px;
     line-height: 26px;
     letter-spacing: 0.16px;
  }
  .cocktails-section a.btn {
     width: 172px;
     height: 51px;
     font-size: 20px;
     line-height: 24px;
     letter-spacing: 0;
  }
  .video-section img.desktop {
      display: none;
  }
  .wrapper.offer-open-video-wrap .inner-wrap {
      margin: 0 auto;
      width: 100%;
      padding: 0px 22px;
  }
section.top-header.info-banner.contact-banner{
      background: url(../images/information-banner-mobile.png);
      background-size: cover;
}
.wrapper.contact-wrap .contact-section {
    width: 100%;
    margin: 0 auto;
    padding: 0px 0;
}
  .view-all-section a.btn.large {
      height: 41px;
      width: 115px;
      line-height: 25px;
      font-size: 15px;
      letter-spacing: 0px;
  }
  section.top-header.info-banner.terms-conditions-banner {
    min-height: 100%;
    padding: 0px;
    height: calc(100vh - 145px);
}
  section.top-header.info-banner.terms-conditions-banner h1 {
      padding: 0px 15px;
      line-height: 65px;
  }
  .wrapper.terms-con-wrap {
      padding: 69px 0px 44px;
  }
  .wrapper.terms-con-wrap .heading {
      font-size: 21px;
      line-height: 27px;
      padding: 0px 0px 18px;
      letter-spacing: 1.68px;
  }
  .wrapper.terms-con-wrap p {
      font-size: 16px;
      line-height: 26px;
      padding: 0px 0px 21px;
      letter-spacing: 0.16px;
      color: var(--dark-charcoal-color);
  }
  .wrapper.terms-con-wrap .large-gap {
      padding-top: 70px;
  }
  .wrapper.terms-con-wrap .col-12 {
      padding: 0px 22px 0 37px;
  }
  .wrapper.join-team-wrap, 
  .wrapper.terms-con-wrap, 
  .wrapper.contact-wrap {
      /*background: var(--wrapper-bg-mobile-view-color);*/
  }
  .terms-con-wrap h4{
    padding: 70px 0 27px;
  }
  .wrapper.contact-wrap {
      padding: 0;
  }
  .wrapper.join-team-wrap .join-team-box .row:nth-child(2) .col-12:nth-child(1) {
      order: 0;
  }
  .wrapper.join-team-wrap .join-team-box .row:nth-child(3) .col-12:nth-child(1) .box p {
      /*padding: 34px 0px;*/
  }
  .wrapper.join-team-wrap .join-team-box .box p {
      font-size: 14px;
      line-height: 28px;
      letter-spacing: 0.14px;
  }
  .wrapper.join-team-wrap .join-team-box .box .column{
        font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.14px;
  }
  .wrapper.join-team-wrap .join-team-box .box ul {
      margin: 0;
      padding: 0px 0px 7px;
      list-style: inside;
  }
  .wrapper.join-team-wrap .join-team-box .box ul li {
      font-size: 13px;
      line-height: 26px;
      letter-spacing: 0.39px;
  }
  .wrapper.join-team-wrap .join-team-box .img-box .inner-box em{
    display: none;
  }
 .wrapper.join-team-wrap .join-team-box .box .slider-section {
     padding:0 20px 0;
 }
 .wrapper.join-team-wrap .join-team-box .box ul.slick-dots {
     bottom: -72px;
     display: none !important;
     }
    .wrapper.join-team-wrap .join-team-box .box p:last-child {
        padding-bottom: 0;
    }
 .wrapper.join-team-wrap .join-team-box .box .slider-section .testimonial-slider {
     margin: 0;
 }
 .wrapper.join-team-wrap .join-team-box .box .slider-section p {
         padding: 7px 0px 0;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.16px;
 }
  .wrapper.join-team-wrap .join-team-box .box .slick-slider button.slick-prev.slick-arrow, .wrapper.join-team-wrap .join-team-box .box .slick-slider button.slick-next.slick-arrow {
      width: 9px;
      height: 18px;
  }
  .wrapper.join-team-wrap .join-team-box .img-box .inner-box .title {
      font-size: 35px;
    line-height: 35px;
    letter-spacing: 0px;
  }
/* .wrapper.join-team-wrap .join-team-box .img-box .inner-box .btn {
     width: 125px;
     height: 39px;
     line-height: 19px;
     font-size: 11px;
     margin-top: 10px;
 }*/
 .wrapper.join-team-wrap .join-team-box .img-box .inner-box .common-btn{
        margin: 0 auto;
    width: 244px;
    font-size: 20px;
    height: 51px;
 }

  .wrapper.join-team-wrap .join-team-box .box {
      width: 100%;
      margin: 0 auto;
      padding: 68px 22px 58px;
  }
  section.top-header.info-banner.join-team-banner h2 {
      font-size: 10px;
      left: 10px;
      right: initial;
      padding: 0;
      letter-spacing: 0.3px;
      bottom: 6px;
      line-height: 12px;
  }
  .join-team-box .container-fluid {
      padding-left:0px;
      padding-right:0px;
  }
  .wrapper.join-team-wrap {
      padding: 0px 0px 0px;
  }
  .got-question .box .accordion .accordion-item .accordion-collapse .accordion-body {
      font-size: 16px;
        line-height: 26px;
        padding: 0 29px 27px 33px;
        color: var(--dark-charcoal-color);
  }
  .got-question .box .accordion .accordion-item {
      margin: 11px 0;
  }
  .got-question .box .accordion .accordion-item h2.accordion-header button {
   padding: 26px 26px 22px 33px;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 21px;
    text-align: left;
    height: auto;
  }
  .got-question .box .accordion .accordion-item h2.accordion-header button.collapsed:after, 
  .got-question .box .accordion .accordion-item h2.accordion-header button:after {
   width: 30px;
       height: 22px
  }
  .got-question .box .accordion .accordion-item h2.accordion-header button.collapsed:after{
    top:1px;
  }
  .got-question .box .accordion .accordion-item h2.accordion-header button:after{
    top:-6px;
  }
 .wrapper.info-wrap {
    background: var(--wrapper-bg-mobile-view-color);
  }
/*  .wrapper:before{
    background: url(../images/body-left-bg-mobile.png);
    width: 34px;
  }
  .wrapper:after{
    background: url(../images/body-right-bg-mobile.png);
    width: 34px;
  }*/
  .got-question .box .titie {
          font-size: 26px;
        line-height: 26px;
        padding-left: 0;
        letter-spacing: 0px;
        padding-bottom: 0;
  }
  .got-question .box .accordion {
      margin-bottom: 49px;
  }
  .got-question .box .accordion:last-child {
        margin-bottom: 34px;
    }
  section.top-header.info-banner {
      background: url(../images/information-banner-mobile.png);
      background-size: cover;
      background-position: center;
      padding: 0;
      margin-top: 99px;
  }
 section.top-header.info-banner h1 {
     font-size: 61px;
    line-height: 61px;
     letter-spacing: 0px;
     padding:0px 29px;
 }
  .wrapper.info-wrap {
      padding: 35px 0px 0px;
  }
  .heading-comm h2 {
      font-size: 34px;
        line-height: 34px;
  }
  .heading-comm p {
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0.22px;
    padding-top: 13px;
  }
  .heading-comm {
      padding: 0px 0px 59px;
  }
  .scroll {
      width: 57px;
      height: 57px;
      right: 10px;
      z-index: 999;
          bottom: 60px;
  }
  .choose-bill-restaurent .modal-dialog .modal-content .modal-body .searchbox input {
      font-size: 13px;
      letter-spacing: 1.04px;
      padding-right: 48px;
          padding-left: 16px;
  }
  .choose-bill-restaurent .modal-dialog .modal-content .modal-body .searchbox button.search img {
      width: 18px;
      height: 18px;
  }
  .choose-bill-restaurent .modal-dialog .modal-content .modal-body .searchbox button.search {
      top: 16px;
      right: 17px;
  }
  .choose-bill-restaurent .modal-dialog {
    max-width: 364px;
    height: auto;
    margin: 0 auto;
}
.choose-bill-restaurent .modal-dialog .modal-content .modal-body .event-offer-popup-section a.btn-hover{
      margin: 22px 0px 30px;
          font-size: 16px;
    line-height: 16px;
}
  .choose-bill-restaurent .modal-dialog .modal-content .modal-header button.btn-close svg {
      width: 23px;
      height: 23px;
  }
  .choose-bill-restaurent .modal-dialog .modal-content .modal-header {
      border: none;
      padding: 15px 13px 9px 0px;
  }
  .choose-bill-restaurent .modal-dialog .modal-content .modal-body .heading {
      font-size: 18px;
      line-height: 23px;
      padding: 0px 0px 18px;
      letter-spacing: 1.44px;
  }
  .choose-bill-restaurent .modal-dialog .modal-content .modal-body .searchbox {
      height: 55px;
      margin: 0px 28px 31px;
  }
  .group-booking-section {
      margin-top: 105px;
  }
  section.menu-link-top .row.justify-content-center.align-items-center {
      justify-content: center;
  }

  section.menu-link-top ul.link {
      justify-content: center;
  }
  section.menu-link-bottom .heading {
      font-size: 14px;
      line-height: 17px;
      letter-spacing: 0px;
  }
  section.menu-link-bottom .right-part a.icon-box {
      top: -9px;
      width: 13px;
      height: 6px;
      transform: inherit;
      transition:inherit;
  }
 section.menu-link-bottom .right-part a.icon-box.active {
     top: -95px;
     width: 13px;
     height: 6px;
     transform: inherit;
     transition:inherit;
 }
    section.menu-link-bottom .view .btn {
        font-size: 10px;
        line-height: 17px;
    }
    section.menu-link-bottom .view .btn:hover, 
    section.menu-link-bottom .view .btn:focus{
      border:none;
    }
   section.menu-link-bottom .right-part .select-box ul li .chk label {
       font-size: 12px;
       line-height: 22px;
       letter-spacing: 0.12px;
   }
   section.menu-link-bottom .right-part .select-box ul {
       margin: 19px 0px 0px 0px;
       justify-content: flex-start;
       align-items: flex-start;
   }
    section.menu-link-bottom .right-part .select-box ul li .chk label span {
      
        margin-right: 8px;
    }
    section.menu-link-bottom .view.show {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    section.menu-link-bottom .view p {
        line-height: 22px;
        padding: 10px 0px 7px;
        font-size: 12px;
        width: 100%;
    }
    section.menu-link-bottom {
        padding:15px 13px 15px 28px;
    }
    .loc-wrapper.menu-wrapper {
        padding: 30px 28px 0px;
    }
    .loc-wrapper.menu-wrapper .stp-box ul li p {
        font-size: 12px;
        line-height: 22px;
        letter-spacing: 0.12px;
    }
    .loc-wrapper.menu-wrapper .stp-box ul li:last-child {
        width: 30%;
        text-align: right;
    }
    .loc-wrapper.menu-wrapper .stp-box ul li {
        width: 70%;
    }
    section.menu-link-top ul.link li {
        font-size: 14px;
        line-height: 16px;
        padding: 0px 14px;
        letter-spacing: 0;
        height: 33px;
        width: 30%;
        margin: 4px 0px;
        text-align: center;
    }
    section.menu-link-top ul.link li a {
        padding-bottom: 0;
    }
    section.menu-link-top ul.link.second_link {
        margin-top: 31px;
    }
  section.menu-link-top {
      padding: 29px 0px;
  }
  
  section.menu-link-top .col-12:last-child ul.link {
      justify-content: center;
      margin-bottom: 0px;
  }
  header nav.navbar.navbar-light.bg-light.fixed-top a.navbar-brand img , 
  header nav.navbar.navbar-light.bg-light.fixed-top a.custom-logo-link img{
      max-width: 76px;
      height: auto;
  }
  .inner-page header nav.navbar.navbar-light.bg-light.fixed-top,
  .inner-page header nav.navbar.navbar-light.bg-light.fixed-top.sticky,
  header nav.navbar.navbar-light.bg-light.fixed-top,
  header nav.navbar.navbar-light.bg-light.fixed-top.sticky {
      padding: 29px 0px 28px;
  }
  section.top-header.menu-banner {
      margin-top:99px;
  }
  body.inner-page.join-the-team{height:auto;}
  section.top-header.menu-banner, section.top-header.event-banner, section.private-dining-banner, section.top-header.info-banner.join-team-banner, section.top-header.info-banner, .wrapper.subscribe-section .img-box img, section.top-header.info-banner.contact-banner, section.join-team-banner.video, section.join-team-banner.video video {
      padding: 0;
      height:calc(100vh - 145px);
  }
  .menu-search-multipal .wrap-drop.input.form-select {
      max-width: 256px;
  }
  .menu-banner .autocomplete-items div {
      font-size: 20px !important;
      line-height: 20px !important;
  }
  section.top-header.menu-banner .content h1 {
    font-size: 61px;
    line-height: 61px;
    letter-spacing: 0;
    padding: 0 0 11px;
}
  section.top-header.menu-banner .row {
      min-height: 100%;
  }
  .event-open-section ul.box{
    padding:0px;
    flex-wrap: wrap;
    display: block;
  }
 .event-open-section .content-box .inner .title {
    font-size: 30px;
        line-height: 36px;
        letter-spacing: 0;
 }
 .event-open-section .content-box .inner p {
       font-size: 16px;
       line-height: 26px;
       padding: 12px 0px 0px;
       letter-spacing: 0.16px;
 }
 .event-open-section .content-box .inner a.btn {
    width: 172px;
      height: 51px;
      line-height: 24px;
      font-size: 20px;
      margin-top:25px;
 }
  .event-open-section .content-box .inner {
      padding: 45px 22px 0px;
  }
  .event-open-section ul.box li .img-box img {
      max-width: 100%;
      width: 100%;
      height: 401px;
      border-bottom: solid 2px var(--black-light);
    border-right: none;
  }
  
  .event-open-section ul.box li {
      width: 100%;
      padding: 0;
  }
  .event-open-section {
      padding: 0px 0px 55px;
  }
  .event-open-section .content-box {
      align-items: flex-start;
  }
  .event-open-section .content-box {
      margin-top: 0px;
  }
  #booking-confirmed .like-seated-box a.up-booking-btn {
      margin: 0px 0px 20px;
      display: inline-block;
  }
  #booking-confirmed .like-seated-box ul.seated-view {
      width: 268px;
  }

 #booking-confirmed .heading {
    font-size: 42px;
    line-height: 42px;
    letter-spacing: 0;
}
  #booking-confirmed .inner-booking p {
    font-size: 20px;
    line-height: 26px;
    padding: 0 0px 19px;
    letter-spacing: 0.16px;
}
#booking-confirmed .booking-bottom a.btn.LocDirection {
    background: var(--btn-color);
    width: 244px;
    border: solid 2px var(--black-light);
    font-size: 20px;
}
#booking-confirmed .modal-dialog.modal-fullscreen .modal-content .modal-body{
  padding: 0;
      align-items: center;
    justify-content: center;
    display: flex;
}
  /*#booking-confirmed a.btn {
      font-size: 14px;
      line-height: 28px;
      width: 152px;
      height: 48px;
      margin-top: 12px;
      letter-spacing: 0.42px;
      background: var(--bg-color);
      border-color: var(--bg-color);
  }*/
  #booking-confirmed .like-seated-box {
      margin: 46px 33px 0px;
      padding-top: 36px;
  }
  #booking-confirmed .like-seated-box .title {
      font-size: 18px;
      line-height: 23px;
      letter-spacing: 1.44px;
  }
  #booking-confirmed .like-seated-box ul.seated-view li {
      padding-right: 21px;
  }
  #booking-confirmed .like-seated-box ul.seated-view {
      width: 100%;
      justify-content: center;
      margin: 0 auto;
  }
  #booking-confirmed .like-seated-box ul.seated-view li a {
      width: 87px;
      font-size: 13px;
      line-height: 26px;
      height: 40px;
      margin: 27px 0px 23px;
      letter-spacing: 1.04px;
  }
  .find_your_details_popup {
          position: initial;
        transform: inherit;
        left: 0;
        top: 0;
        height: auto !important;
        overflow-y: initial;
        padding-bottom: 22px;
        padding-right: 15px;
      }
      div#your-details .find_your_details_popup {
          position: initial;
        transform: inherit;
        left: 0;
        top: 0;
        height: auto !important;
        overflow-y: initial;
        padding-bottom: 0;
        padding-right: 0;
      }
  .book-table-popup.fill-your-details .modal-dialog.modal-fullscreen .modal-content p.powerby-section {
      bottom: unset;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-footer{
    padding: 0px 0.75rem;
  }
  .find_your_details_popup .details-section {
      width: 100%;
      margin: 0 auto;
      padding: 60px 0px 0px;
  }
  div#your-details .find_your_details_popup .details-section {
      width: 100%;
      margin: 0 auto;
      padding: 0 0px 0px;
  }

  .book-table-popup ul.seated-box {
      width: 100%;
  }
  .select_seating_type {
      position: initial;
      transform: initial;
      left: 0;
      right: 0;
      top: 0;
      padding: 20px 0px 0px;
  }
  .book-table-popup .select_seating_type .heading {
      font-size: 18px;
      padding-bottom: 22px;
      line-height: 26px;
  }
  .locations-wrapper .nearest-bill-restorent .box {
      padding: 0px 0px 0px;
      height: inherit;
  }
  .locations-wrapper .nearest-bill-restorent .box::-webkit-scrollbar{
    display: none;
  }

  .locations-wrapper .nearest-bill-restorent .bottom-sec a.back-btn {
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 0.39px;
  }
  .locations-wrapper .nearest-bill-restorent .heading {
      font-size: 26px;
      line-height: 34px;
      letter-spacing: 2.08px;
      padding: 51px 0px 40px;
  }
  .locations-wrapper .nearest-bill-restorent {
      position: initial;
      transform: inherit;
      left: 0;
  }
 .locations-wrapper .inner .inner-box {
    width: 100%;
    margin: 0 auto;
    padding: 56px 22px 79px;
}
  .locations-wrapper .nearest-bill-restorent .box ul li:first-child {
      width: 100%;
      padding: 0;
      margin: 0;
  }
 .locations-wrapper .nearest-bill-restorent .box ul li:last-child {
     width: 100%;
     text-align: left;
 }
 .locations-wrapper .nearest-bill-restorent .box ul {
     padding: 42px 0px 22px;
 }
 .locations-wrapper .nearest-bill-restorent .box ul a.btn.large {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    width: 124px;
    letter-spacing: 0.39px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
}
 .locations-wrapper .nearest-bill-restorent .box ul .title {
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 0;
    display: flex;
    justify-content: start;
    align-items: end;
}
.locations-wrapper .nearest-bill-restorent .box ul .title span {
    font-size: 16px;
    padding-left: 12px;
    line-height: 26px;
    letter-spacing: 0;
}
.locations-wrapper .nearest-bill-restorent .box ul p {
    padding: 13px 0px 6px;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.16px;
}
 .locations-wrapper .nearest-bill-restorent .box ul li:nth-child(2) {
     width: 100%;
     padding: 5px 0px;
     display: flex;
 }
 .locations-wrapper .inner .inner-box h1 {
    font-size: 36px;
    line-height: 36px;
    padding-bottom: 22px;
    letter-spacing: 0;
 }
 .locations-wrapper .inner .inner-box .searchbox{
  height: 38px;
      max-width: 374px;
    margin: 0 auto;
 }
 .locations-wrapper .inner .container-fluid.searchArea .row .col-12{
  width: 100%;
 }
 .locations-wrapper .inner .inner-box .searchbox img {
     position: absolute;
     top: 12px;
     left:11px;
     width: 15px;
 }
 .locations-wrapper .inner .inner-box .searchbox button.btn {
     width: auto;
     font-size: 11px;
     padding: 10px;
     line-height: 13px;
     letter-spacing: 0.33px;
     width: 20%;
     
 }
 .locations-wrapper .inner .inner-box .searchbox input{
  font-size: 14px;
  padding-left: 35px;
  height: 38px;
  width: 80%;
 }
 .locations-wrapper .inner .inner-box .bottom-sec:before{
  height: 35px;
 }
 .locations-wrapper .inner .inner-box .bottom-sec .sub-title {
       font-size: 16px;
    padding: 22px 0px 17px;
    line-height: 16px;
    letter-spacing: 0.16px;
 }
 .locations-wrapper .inner {
     /*min-height: 83vh;*/
     height: 100%;
     padding: 0px;
 }

 .locations-wrapper {
     padding: 0;
     margin: 100px 0px 0px;
 }
  .book-table-popup .container .book-table-section {
      position: inherit;
      left: 0;
      transform: inherit;
      top: 0;
      width: 100%;
  }
  .nearest-bill-restorent .nearest-bill-restorent-result {
    width: 100%;
    margin: 0 auto;
    padding: 25px 20px 63px;
}
  .event-offers-section form.comm-form .mb-3.row .col-12:first-child {
      width: 100%;
  }
  
 .event-offers-section form.comm-form .mb-3.row .col-12:last-child {
     width: 50%;
     padding-right: 0;
 }
 .event-offers-section form.comm-form .mb-3.row .col-12.col-sm-5.col-md-10.col-lg-3.col-xl-5 {
     width: 63%;
 }
  .section-top .form-section .row.justify-content-center.align-items-center .col-12.col-sm-12.col-lg-5 {
      width: 100%;
  }
  .promo-popup .modal-body {
      overflow: inherit;
      overflow-y: auto;
  }
  .section-top .bg-cover {
      /*min-height: 100%;*/
      background: url(../images/header-bg-mobile.png);
      background-size: cover;
          background-position: center top;
  }
  section.top-header h1 {
      left: 0%;
      right: 0%;
      transform: translate(-0%, -50%);
  }
  .loc-wrapper {
      padding: 80px 20px;
  }

  ul.loc-icon-view li {
      width: 100%;
      padding: 0 0px;
  }
  section.group-booking-section .content h1 {
    font-size: 61px;
    line-height: 61px;
    letter-spacing: 0;
    padding: 0px 50px 5px;
  }
 section.group-booking-section .content p {
       font-size: 22px;
    line-height: 26px;
    letter-spacing: 0.16px;
 }
  section.group-booking-section {
      padding: 0px 0px;
  }
  header nav.navbar.navbar-light.bg-light.fixed-top .container-fluid {
      padding: 0px 22px;
  }
 section.booking-mid-sec .group-bookings-details {
     width: 100%;
     margin: 0 auto 65px;
     padding: 0;
     border-top: none;
 }
 section.booking-mid-sec {
    padding: 0 0px 61px;
    background: var(--bg-body);
}
section.booking-mid-sec .group-bookings-details .inner {
    padding:61px 54px 61px;
}

 section.booking-mid-sec .group-bookings-details .group-book-people {
     padding:51px 54px 41px;
     border-bottom:none;
 }
 #forminator-module-226.forminator-design--material .forminator-label[class*="forminator-floating-"] {
     font-size: 15px;
     line-height: 28px;
     letter-spacing: 0.15px;
 }
 section.booking-mid-sec .group-bookings-details .group-book-people p {
     font-size: 16px;
    padding-bottom: 14px;
    letter-spacing: 0.16px;
    line-height: 26px;
 }
 section.booking-mid-sec .group-bookings-details .group-book-people a {
     font-size: 14px;
     line-height: 28px;
     letter-spacing: 0.42px;
 }
 section.booking-mid-sec .right-part .heading {
     padding: 0px 20px 34px;
     font-size: 19px;
     line-height: 23px;
     letter-spacing: 0.57px;
 }
 section.booking-mid-sec .right-part #html-2 .heading {
    padding-left: 0;
}
 section.booking-mid-sec .right-part .mb-3 {
     margin-bottom: 40px !important;
     padding: 0px 20px;
 }
 section.booking-mid-sec .right-part .form-select {
     font-size: 13px;
     padding-bottom: 12px;
     background-size: 10% 99%;
 }
 section.booking-mid-sec .right-part .form-control, section.booking-mid-sec .right-part .form-select {
     font-size: 16px;
     padding-bottom: 12px;
 }
 section.booking-mid-sec .right-part .form-control#Preferreddateg {
    line-height: 39px;
    padding-bottom: 0;
}
 section.booking-mid-sec .right-part label {
     color: var(--black-light);
    font-size: 16px;
    padding-bottom: 0;
    letter-spacing: 0;
    letter-spacing: 0.16px;
 }
  section.booking-mid-sec  .check-box-row .check-feild {
    margin: 23px 0 0;
}
.booking-mid-sec .groupdining-form .common-btn{
    margin: 29px 0 0;
}
 section.booking-mid-sec .right-part textarea.form-control {
     min-height: 196px;
 }
 section.booking-mid-sec .right-part .form-check label.form-check-label {
     letter-spacing: 0.39px;
     font-size: 13px;
     line-height: 18px;
 }
 section.booking-mid-sec .right-part .btn {
     width: 115px;
     height: 42px;
     margin-top: 7px;
     font-size: 12px;
     line-height: 16px;
     letter-spacing: 0;
 }
 .mb-3.col-12.col-sm-12.col-md-12.col-lg-12.col-xl-12:last-child {
     margin-bottom: 0px !important;
 }
 .inner-page .book-table-btn {
  display: none;
     transform: inherit;
     left: 0;
     position: relative;
     overflow-y: scroll;
     overflow-x: hidden;
     right: 0;
     width: 100%;
     bottom: 0;
     top: inherit;
     z-index: 999;
     height: 54px;
     /*background: var(--black-light);*/
     /*color: var(--yellow-color);*/
     font-size: 14px;
     line-height: 26px;
     letter-spacing: 0.56px;
 }
 section.booking-mid-sec .group-bookings-details .inner .heading {
    font-size: 26px;
    line-height: 26px;
    padding-bottom: 26px;
    letter-spacing: 0;
 }
 .booking-mid-sec .group-book-people .heading{
        font-size: 26px;
    line-height: 26px;
    padding-bottom: 19px;
    letter-spacing: 0;
 }
 section.booking-mid-sec .group-bookings-details .inner p {
     font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.16px;
 }
 section.booking-mid-sec .group-bookings-details .inner p a.details {
     font-size: 14px;
     line-height: 17px;
     letter-spacing: 0.42px;
     padding: 0;
     margin: 20px 0px 0px;
 }
 section.booking-mid-sec .container {
     padding: 0px;
 }
 section.booking-mid-sec .container .row {
     margin: 0;
 }
 section.booking-mid-sec .container .col-12.col-sm-12.col-md-12.col-lg-6.col-xl-6 {
     padding: 0px;
 }
  .offcanvas .offcanvas-body {
      overflow-y: auto;
  }
  .alternative-time {
    width: 100%;
    padding: 34px 0px 0px;
    position: initial;
}
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .alternative-time a#billsLockTable {
      /*width: 317px;*/
      width: 100%;
      height: 32px;
      font-size: 14px;
      line-height: 13px;
      letter-spacing: 0.42px;
      background: var(--bg-color);
      color: var(--black-light);
      border-color: var(--bg-color) !important;
      margin: 0 auto;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .alternative-time a#billsLockTable:hover, 
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .alternative-time a#billsLockTable:focus {
      border: 1 solid var(--bg-color) !important;
      opacity: 0.8;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .alternative-time a.back-btn.white[data-bs-toggle="modal"] {
      font-size: 13px;
      letter-spacing: 0;
      line-height: 19px;
      margin: 15px auto 0;
  }
  .alternative-time-chart .more-times {
      margin-bottom: 40px;
      margin-top: 12px;
  }
  .alternative-time-chart .more-times .slick-arrow.slick-prev, .alternative-time-chart .more-times .slick-arrow.slick-next {
    width: 15px;
    height: 15px;
  }
  .alternative-time-chart .more-times span.text {
      font-size: 14px;
      line-height: 19px;
      padding: 0px 0px 0px;
      letter-spacing: 0;
  }
 .alternative-time .internal {
     width: 70px;
     margin: 0px 8px 9px 0px;
     height: 45px;
     line-height: 41px;
     font-size: 14px;
 }
  #choose-alternative-time .modal-dialog.modal-fullscreen .modal-content .modal-body, 
   {
      overflow-y: auto;
  }

  .locations-result .modal-body .card .row {
      min-height: calc(100vh - 7.5rem * 3 - 1.25rem);
  }
  .locations-popup .modal-body .card .row .inner ul li:nth-child(2) {
      width: 100%;
  }
  .locations-popup .modal-body .card .row .inner ul li:first-child {
      width: 100%;
  }
  .locations-popup .modal-body .card .row .inner ul li {
      width: 100%;
  }
  .locations-result .modal-body .card .heading{
    font-size: 29px;
    line-height: 33px;
  }
  .locations-result .modal-body .card .heading{
    padding: 40px 0px 0px;
  }
  .locations-popup .modal-body .card .row .inner ul{
    padding: 25px 0px 25px;
  }
  .locations-popup .modal-body .card .row .inner ul .title span{
    font-size: 16px;
  }
  .locations-popup .modal-body .card .row .inner ul .title{
    font-size: 24px;
    line-height: 22px;
  }
  .locations-popup .modal-body .card .row .inner ul li {
      width: 100%;
  }
  .locations-popup.locations-result .modal-body .card .row .inner {
      height: 240px;
      margin: 20px 0px 0px;
  }
  .locations-popup.locations-result .modal-body .card .bottom-sec {
      padding: 16px 0px 0px;
  }
  .locations-popup.locations-result .modal-body .card .bottom-sec a.back-btn{
    margin: 10px auto 0;
  }
  .locations-popup .modal-body .card .row .inner ul a.btn.large {
      display: block;
      width: 100%;
      height: 37px;
      line-height: 23px;
      font-size: 13px;
      font-weight: 600;
      margin: 4px 0px;
  }
  .locations-popup .modal-body .card .row .inner ul p{
    font-size: 12px;
    line-height: 17px;
    margin: 0;
    padding: 8px 0px 8px;
 
  }
  .locations-popup .modal-fullscreen .modal-content{
    padding: 10px 14px;
  }
  
  .locations-popup .modal-body .card .row .inner {
      text-align: center;
      padding: 30px 0px 0px;
  }
  .locations-popup .modal-body .card .row .inner .searchbox img {
      top: 16px;
      left: 15px;
  }
  .locations-popup .modal-body .card .row .inner .heading{
    letter-spacing: 2.4px;
        font-size: 28px;
        line-height: 34px;
  }
  .locations-popup .modal-body {
      background: var(--white);
      overflow-y:auto;
  }
  .offcanvas .offcanvas-body {
    /* overflow-y: auto;
         position: initial;
         transform: inherit;
         padding-top: 8%;
         left: 0;
         right: 0;  */

        overflow-y: auto;
            position: relative;
            right: 0;
            left: 0%;
            top: 0%;
            transform: initial;
            width: 100%;
            padding-top: 17%;
  }
  header .offcanvas ul.social-section:after {
      display: none;
  }
  header .offcanvas ul.social-section {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
  }
  header .offcanvas#offcanvasNavbar ul.social-section{
     position: inherit;
      left: initial;
      right: initial;
      bottom: initial;
  }
  header .offcanvas ul.social-section li svg {
      width: 26px;
      height: 26px;
  }
  promo-popup .modal-body .card img {
          width: 100%;
      }
     .promo-popup .modal-body .card .inner {
         padding: 32px 35px;
     }
     .promo-popup .modal-body .card .dec {
         letter-spacing: 0.36px;
         font-size: 12px;
         line-height: 24px;
         padding: 16px 0px;
     }
     .promo-popup .modal-body .card a.btn {
         width: 116px;
         font-size: 13px;
         height: 43px;
            line-height: 24px
     }
      .promo-popup .modal-header button.btn-close {
          /* background-color: var(--white); */
          background: url(../images/close-white-icon-mobile.svg);
          padding: 7px;
          opacity: 1;
          border-radius: 0px;
          top: 0px;
          right: 0px;
          background-size: cover;
          background-repeat: no-repeat;
          width: 25px;
          height: 25px;
          padding: 0;
          margin: 15px;
      }
      .promo-popup .modal-body {
          padding: 0;
          margin: 0;
          overflow-y: auto;
      }
  /*.book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-body {
      overflow-y: auto;
  }*/
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content{
      overflow-y: auto;
  }
  .section-top .form-section .col-12.col-sm-4.col-md-4.col-lg-5 {
      width: 100%;
  }
  header ul.custom-nav{
    display: none;
  }
  header .offcanvas ul.navbar-nav li a {
    padding: 29px 0px 0px;
    line-height: 20px;
    font-size: 20px;
    letter-spacing: 1.76px;
  }

  .section-top .form-section{
    max-width: 90%;
    bottom: 97px;
  }
  .section-top .form-section .title.mobile-view {
      /*border: 1px solid var(--accordion-bg-color);*/
      background:var(--orange-color); 
      margin: 0 auto;
      color: var(--white);
         line-height: 42px;
      font-size: 13px;
      letter-spacing: 0;
      width: 154px;
      height: 41px;
      text-transform: uppercase;
      
  }
  .section-top .form-section select{
    margin: 5px 0px;
  }
  .section-top .form-section button{
    display: block;
    width: 100%;
    margin-top: 10px;
  }
  .wrapper {
      padding:39px 0px 0px;
  }
  .what-at-bill .heading h1 {
      font-size: 28px;
      line-height: 36px;
  }
  .wrapper.info-wrap-section{
        padding: 50px 9px 0px;
  }
 .what-at-bill .card .inner {
     padding: 29px 30px 28px 41px;
 }
 .what-at-bill .card .inner .dec {
     font-size: 12px;
     line-height: 22px;
     padding: 15px 0px 19px;
     letter-spacing: 0.36px;
 }
 .what-at-bill .card a.btn {
     font-size: 12px;
   line-height: 11px;
     width: 112px;
     height: 32px;
     letter-spacing: 0;
 }
  .what-at-bill .card {
     margin-bottom:0px;
  }
  .what-at-bill .card:last-child {
      margin-bottom:0px;
  }
  section.what-at-bill .view-all-section {
      padding: 35px 0px;
  }
  section.discover-our-menus .inner {
      font-size: 12px;
      line-height: 22px;
      padding: 29px 30px 28px 41px;
      letter-spacing: 0.36px;
  }
  section.discover-our-menus .inner .dec {
      font-size: 12px;
      line-height: 22px;
      padding: 15px 0px 19px;
      letter-spacing: 0.36px;
  }
  section.discover-our-menus a.btn {
      font-size: 12px;
      line-height: 11px;
      width: 112px;
      height: 32px;
  }
  section.discover-our-menus.private-dining-section .inner {
      padding-left: 41px;
  }
  section.discover-our-menus .col-12.col-sm-5.col-md-5.col-lg-5 {
      order: 2;
  }
  section.discover-our-menus .carousel .carousel-item img {
      height: 280px;
        width: 100% !important;
      max-width: 100%;
  }
  section.discover-our-menus button.carousel-control-prev, 
  section.discover-our-menus button.carousel-control-next {
      width: 30px;
      height: 30px;
  }
  section.discover-our-menus button.carousel-control-prev span.carousel-control-prev-icon, 
  section.discover-our-menus button.carousel-control-next span.carousel-control-next-icon {
      filter: var(--white);
      width: 18px;
      height: 18px;
  }
  section.discover-our-menus button.carousel-control-next {
      right: 30px;
  }
  section.discover-our-menus button.carousel-control-prev {
      left: 30px;
  }
  section.discover-our-menus .carousel-indicators {
      margin-right: 30px;
      bottom: 43px;
  }
  section.discover-our-menus .carousel-caption.d-none.d-md-block {
      bottom: 30px;
      left: 30px;
      display: block !important;
  }
  section.discover-our-menus .carousel-caption.d-none.d-md-block h5 {
      font-size: 21px;
      line-height: normal;
  }
  section.what-at-bill .view-all-section a.btn.large {
      width: 112px;
      height: 32px;
      font-size: 12px;
      line-height: 13px;
  }
  .discover-our-menus .dis-box .inner .title {
      font-size: 31px;
      line-height: 40px;
      letter-spacing: 2.48px;
  }
  .group-booking .inner .info {
      padding: 0px 0px;
  }
  .group-booking .inner .title {
      font-size: 25px;
      padding: 32px 0px 19px;
      line-height: 32px;
      letter-spacing: 2px;
  }
  footer {
      padding: 53px 15px 64px 15px;
  }
  footer .footer-logo {
      text-align: left;
      padding: 0px 0px 22px;
  }
  footer .title {
     padding: 0px 0px 16px 0px;
    font-size: 22px;
    line-height: 22px;
  }
  footer ul.bottom-nav {
      justify-content: left;
      padding: 0;
  }
  footer ul.bottom-nav li a {
      padding: 0px 6px;
      font-size: 12px;
      line-height: 13px;
  }
  footer ul.social-section {
      justify-content: left;
      margin-bottom: 42px;
  }
  footer .row.justify-content-center .col-12:nth-child(1) {
      order:0;
  }
  footer ul li a {
    line-height: 17px;
    padding-bottom: 23px;
        font-size: 14px;
    }
    footer .row.justify-content-center .col-12:nth-child(4) {
        margin-top: 20px;
        margin-bottom: 41px;
    }
    footer .row.justify-content-center .col-12:nth-child(5) {
        margin-bottom: 41px;
    }
  .group-booking {
      padding: 48px 10px 36px;
  }
  .what-at-bill .card:nth-child(2n+0) .row .col-lg-7 {
      order: 2;
  }
  .what-at-bill .card:nth-child(2n+0) .row .col-lg-5 {
      order: 1;
  }
  .book-table-btn{
       height: 48px;
           width: 149px;
           font-size: 14px;
           line-height: 26px;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content label {
      font-size: 14px;
      padding-bottom: 23px;
      line-height: 18px;
      letter-spacing: 1.12px;
  }

  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .form-select, .book-table-popup .modal-dialog.modal-fullscreen .modal-content .form-control {
    height: auto;
    /*background-position-x: 103%;*/
    background-position-x: 100%;
    margin-bottom: 4px !important;
    }
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .mb-3 {
        margin-bottom: 10px !important;
    }
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content .mb-3 .mb-3 {
        margin-bottom: 0px !important;
    }
    .book-table-popup .modal-dialog.modal-fullscreen .modal-content {
        padding: 8px 22px 24px 22px;
    }
    .book-table-popup#exampleModalCenteredScrollable .container{
      padding: 0;
    }
.book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-footer img {
    width: 76px;
    height: auto;
}

.book-table-popup .modal-dialog.modal-fullscreen .modal-content .btn {
    width: 100%;
    height: 51px;
    margin: 0 auto 0px;
    line-height: 30px;
    font-size: 20px;
    letter-spacing: 0;
}
#bill-experiences .modal-dialog.modal-fullscreen .modal-content .btn.skip-experiences{
  width: 244px;
    height: 51px;
    display: flex;
    justify-content: center;
    line-height: 29px;
    font-size: 20px;
}
#bill-experiences .modal-body {
    align-items: start;
 }
.book-table-popup .modal-dialog.modal-fullscreen .modal-content .col-12.col-sm-12.col-md-6.col-lg-3:nth-child(4) .mb-3 {
    margin-bottom: 36px !important;
}
.book-table-popup .modal-dialog.modal-fullscreen .modal-content .col-12.col-sm-12.col-md-6.col-lg-3:nth-child(4) .mb-3 .mb-3 {
    margin-bottom: 0px !important;
}
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-footer p{
    font-size: 16px;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .col-12 {
      padding: 0px 0;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .credit-card .col-12 {
    padding: 0 12px !important;
}

  section.top-header h1{
    font-size: 36px;
  }
  section.top-header.event-banner h1 {
    font-size: 56px;
    line-height: 56px;
    letter-spacing: 0;
    }
    .event-offers-section .location-arrow {
        width: 100%;
     }
     .event-offers-section form.comm-form .mb-3.row .col-12:first-child{
        padding-right: 0;
     }
     .event-offers-section form.comm-form .mb-3.row .col-12:nth-child(2) {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .event-offers-section form.comm-form .mb-3.row div#region{
        width: 100% !important;
    }
   
  section.top-header{
    min-height: 360px;
  }
  section.top-header .row {
      min-height: 30vh;
  }
  .comm-form .col-12 .mb-3.row .col-12 {
      padding-right: 15px;
      margin: 13px 0px;
  }
  .comm-form button.btn {
        float: right;
        width: 103px;
        height: 35px;
        font-size: 13px;
        line-height: 17px;
        letter-spacing: 1.04px;
    }
    section.event-offers-section .mb-3.row {
        margin-bottom: 0px !important;
    }
   .event-offers-section .box-section {
       padding: 23px 0px 15px;
   }

    .event-offers-section .box-section .large-box .inner {
        padding: 46px 23px 43px;
    }
    .event-offers-section .box-section .large-box .inner h2 {
        font-size: 26px;
        padding: 0px 0px 17px;
        line-height: 25px;
        letter-spacing: 0;
    }
    .event-offers-section .box-section .large-box .inner p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.16px;
}
    .event-offers-section .box-section .large-box .inner a.btn {
        margin-top: 18px;
        width: 112px;
        font-size: 12px;
        height: 32px;
        line-height: 10px;
        letter-spacing: 0;
    }
    .event-offers-section .box-section .large-box {
        margin-bottom:0px;
    }
    .event-offers-section .box-section .large .box {
        min-height: inherit;
            margin-bottom: 0px;
    }

  .event-offers-section .box-section .large .box p {
      min-height: inherit;
  }
 .event-offers-section .box-section .large .box .inner {
     padding: 42px 22px 42px;
 }
 .event-offers-section .box-section .large .box .inner, .event-offers-section .box-section .box .inner {
     padding: 42px 22px 42px;
 }
 .event-offers-section .box-section .large .box .inner .title, .event-offers-section .box-section .box .inner .title {
    padding-bottom: 17px;
    font-size: 26px;
    line-height: 26px;
    letter-spacing: 0;
}
.event-offers-section .box-section .box .inner p {
    min-height: inherit;
    font-size: 16px;
    letter-spacing: 0.16px;
    line-height: 26px;
    left: 22px;
    padding-bottom: 13px;
}
    .event-offers-section .btn-find-more {
        padding: 13px 0 42px 22px;
    }
 .event-offers-section .box-section .large .box .inner a.btn, .event-offers-section .box-section .box .inner a.btn {
   margin-top: 25px;
   width: 113px;
   height: 34px;
   font-size: 11px;
   line-height: 13px;
   letter-spacing: 0;
 }
  .event-offers-section .box-section .box .inner p{
    min-height: initial;
    height: auto;
  }
  .event-offers-section .box-section .large .box .inner a.btn {
      margin-top: 20px;
  }
  .event-offers-section .box-section .box {
      min-height: inherit;
  }
 #choose-alternative-time .heading {
    font-size: 37px;
    letter-spacing: 0;
    padding: 96px 0px 11px;
    line-height: 37px;
    margin: 0;
}
  .alternative-time .internal.due:after {
      width: 117%;
      left: -6px;
      transform: rotate(32deg);
      top: 20px;
  }
  .wrapper.contact-wrap .heading-comm h2{
    font-size: 26px;
    line-height: 26px;
    }
  .wrapper.contact-wrap .heading-comm p {
      line-height: 26px;
      padding: 15px 38px 0px;
      font-size: 16px;
      letter-spacing: 0.16px;
  }
  .wrapper.contact-wrap .contact-section .inner-section .heading {
      font-size: 26px;
      line-height: 26px;
      padding-bottom: 0;
  }
  .form-row-grid {
    display: grid;
    grid-row-gap: 53px;
    grid-template: repeat(1, 1fr)/repeat(1, 1fr);
    grid-column-gap: 0;
    width: 100%;
    margin: 31px auto 0;
    }   
    .newsletter-form .form-row-grid{
        margin: 43px auto 0;
    }
    .wrapper.contact-wrap .form-row-grid{
        margin: 29px auto 0;
    }
  .wrapper.contact-wrap .contact-section .inner-section select {
      padding-right: 0;
      background-position: 101% 90%;
  }
  .wrapper.contact-wrap .contact-section .inner-section .mb-3 {
      margin-bottom: 41px !important;
  }
  .wrapper.contact-wrap .contact-section .inner-section label.form-label {
      font-size: 13px;
      line-height: 16px;
      letter-spacing: 0.39px;
      padding-left: 0px;
  }

  .wrapper.contact-wrap .contact-section .inner-section .chk label span {
      height: 21px;
      width: 21px;
      margin-right: 15px;
      padding-right: 19px;
      margin-top: 3px;
  }
  .wrapper.contact-wrap .contact-section .inner-section .chk [type=checkbox]:checked + span:before {
      width: 17px;
      height: 17px;
  }
  .wrapper.contact-wrap .contact-section .inner-section .chk label em {
      font-style: normal;
      font-size: 13px;
      line-height: 18px;
      letter-spacing: 0.39px;
  }
  .wrapper.contact-wrap .contact-section .inner-section button.btn {
      margin-top: 18px;
      width: 115px;
      height: 48px;
      font-size: 12px;
      line-height: 16px;
      letter-spacing: 0;
  }
  section.loc-six-banner {
      margin-top: 100px;
      min-height: initial;
  }
  section.loc-six-banner .carousel-inner .carousel-item img.desktop{
    display: none;
  }
section.loc-six-banner h1 {
    font-size: 65px;
    line-height: 61px;
    letter-spacing: 0;
}
 section.loc-six-banner p {
    font-size: 20px;
    line-height: 27px;
    padding: 9px 0px 0px;
    letter-spacing: 0.16px;
 }
 section.loc-six-banner.loaction-view p{
  margin: -30px auto 0;
  max-width: 340px;
 }
 section.loc-six-banner.loaction-view h1{
    max-width: 336px;
    margin: 0 auto;
 }
  section.loc-six-banner .carousel-indicators {
      bottom: 32px;
      margin: 0;
      display: none;
  }
  section.loc-six-banner .carousel-indicators button {
      width: 9px;
      height: 9px;
      margin-right: 4px;
      margin-left: 4px;
  }
  .banner-bottom-section .bottom-sec {
      padding: 0px 6px 44px;
      width: 100%;
      margin: 0 auto;
      border: none;
  }
  .location-manchester-wrap .banner-bottom-section {
      padding: 56px 0px 72px;
  }
  .slick-initialized .slick-slide {
      display: block;
      margin:0px 8px;
  }
  .alternative-time-chart .slick-initialized .slick-slide {
      display: grid;
      margin-right: 0px;
      -webkit-column-gap:15px;
      column-gap: 15px;
          row-gap: 11px;
  }
  .location-bottom-section {
      padding: 54px 36px 70px;
  }
  .location-bottom-section .location-content p {
      font-size: 14px;
      line-height: 28px;
      padding: 0px 0px 20px;
      letter-spacing: 0.14px;
  }
 ul.loc-icon-view {
     text-align: left;
     padding: 24px 0 0px;
     justify-content: flex-start;
 }
 
  ul.loc-icon-view li {
     font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.16px;
  }
  
  .map-sec {
      padding: 0px 22px 33px;
      position: relative;
  }
  .map-sec img {
      height: 334px;
      object-fit: cover;
      object-position: 40% 0%;
  }
  .map-sec img.icon {
      width: 52px;
      height: 67px;
  }
}
@media (max-width: 780px) {
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content a.arrow-img-sec {
        right: 68px;
    }
  
}
/* Portrait phones and smaller */
@media (max-width: 736px) {
  header .offcanvas ul.social-section {
      position: relative;
      left: 0;
      right: 0;
      bottom: 0;
  }
  .offcanvas .offcanvas-body {
      padding-top: 0%;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content a.arrow-img-sec {
      right: 57px;
  }
}
@media (max-width: 600px) {
  .section-top .form-section {
      bottom: 77px;
  }
  
}
/* Portrait phones and smaller */
@media (max-width: 480px) {
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content a.arrow-img-sec {
      right: 51px;
  }
 .section-top .form-section {
     bottom: 97px;
 }

   .locations-popup .modal-body .card .row .inner .searchbox input{
     padding-left: 54px;
     font-size: 15px;
   }
   .alternative-time ul.three-part-section li a {
     
      height: 34px;
      padding: 6px 0px;
      margin: 0px;
      font-size: 12px;
      display: flex;
align-items: center;
line-height: 14px;
justify-content: center;
  }
}
@media (max-width: 430px) {

 .section-top .form-section {
     bottom:140px;
 }

  .section-top.hero-slider-add .slick-dots{
    bottom: 0;
  }
}
@media (max-width: 420px) {

  .offcanvas .offcanvas-body {
      padding-top: 0%;
  }
  section.group-booking-section .content h1 {
      padding: 0px 70px 17px;
  }
  section.menu-link-bottom .right-part .select-box ul {
      justify-content: flex-start;
  }
}
@media (max-width: 375px) {
    .dropq-wn-location {
    padding: 0 17px 53px;
}
  header .offcanvas ul.navbar-nav li a {
      padding: 23px 0px 0px;
      line-height: 23px;
      font-size: 17px;
      letter-spacing: 1.76px;
  }
  .alternative-time {
      padding: 34px 0px 0px;
  }
  .offcanvas .offcanvas-body {
      padding-top: 0%;
  }
}
@media (max-width: 360px) {
  .section-top .form-section {
      bottom:70px;
  }
  section.group-booking-section .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6 .img-box {
      height: 504px;
  }
  section.menu-link-bottom .right-part .select-box ul {
      justify-content: flex-start;
  }
  section.group-booking-section .content h1 {
      padding: 0px 50px 17px;
  }
  .offcanvas .offcanvas-body{
    padding-top: 0px;
  }
  section.top-header.info-banner h1 {
      font-size: 28px;
  }
  .alternative-time {
      width: 100%;
  }
  .alternative-time .internal {
      width: 66px;
      margin: 0px 7px 8px 0px;
      height: 43px;
      line-height: 41px;
      font-size: 13px;
  }
}
/* Portrait phones and smaller */



@media (max-width: 320px) {
  ul.loc-icon-view li {
      font-size: 11px;
      line-height: 14px;
      letter-spacing: 0;
  }
  ul.loc-icon-view li img {
      vertical-align: middle;
      padding-right: 10px;
  }
  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .modal-footer p span {
      font-size: 13px;
      line-height: 42px;
      width: 100%;
      height: 45px;
  }
  section.booking-mid-sec .group-bookings-details {
      width: 260px;
      margin: 0 auto;
      padding: 23px 0px;
  }
  .alternative-time-chart .slick-initialized .slick-slide {
      -webkit-column-gap: 11px;
      column-gap: 11px;
  }

  .book-table-popup .modal-dialog.modal-fullscreen .modal-content .alternative-time a#billsLockTable {
      width: 100%;
  }
  .alternative-time-chart .alternative-time-grid .time-box {
      width: 58px;
      height: 34px;
      font-size: 13px;
  }
  .alternative-time {
      padding: 14px 0px 0px;
  }
  section.group-booking-section .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6 .img-box {
      height: 464px;
  }
  section.group-booking-section .content h1 {
      padding: 0px 35px 17px;
  }
  header .offcanvas ul.navbar-nav li a {
      padding: 16px 0px 0px;
      line-height: 12px;
      font-size: 13px;
      letter-spacing: 1.76px;
  }
  section.top-header.info-banner h1 {
      padding: 0px 11px;
  }
  .alternative-time .internal.due:after {
      width: 122%;
      left: -6px;
      transform: rotate(36deg);
      top: 20px;
  }
  #choose-alternative-time .heading {
      font-size: 28px;
          line-height: 28px;
  }
  .alternative-time .internal {
      width: 58px;
      margin: 4px 2px;
  }
   .locations-popup .modal-body .card .row .inner .searchbox input{
     padding-left:38px;
     font-size: 13px;
   }
   .locations-popup .modal-body .card .row .inner .searchbox img {
       top: 19px;
       left: 15px;
       width: 15px;
   }
}




/*loader effect css start*/
   #loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5)
}
#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: var(--black-light);
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite
}
#loader {
  z-index: 1001
}

#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: var(--Sprout-color);
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite
}
#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: var(--bg-color);
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #222222;
  z-index: 1000
}
#loader-wrapper .loader-section.section-left {
  left: 0
}
#loader-wrapper .loader-section.section-right {
  right: 0
}
.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%)
}
.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%)
}
.loaded {
  visibility: hidden
}

/*loader effect css End*/

.content_location h1 {
    margin: 0;
    padding-top: 10px;
}
.content_location a {
    font-size: 20px;
    text-decoration: none;
    color: #000;
    padding: 0 20px 6px;
    display: block;
}
.content_location {
    text-align: center;
}
.content_location p {
    font-size: 15px;
    max-width: 350px;
    line-height: 25px;
    text-align: center;
}

.gm-ui-hover-effect{
top: 0px !important;
right: 0px !important;
}

/*#exampleModalCenteredScrollable ul#ui-id-1 {
    z-index: 1000000;
}*/
.thank_you_confirmation{
text-align: center;
min-height: 628px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.powerby_section{
text-align: center;   
}
.thank_you_confirmation{
  position: initial !important;
  transform: initial  !important;
  position: relative  !important;
  top:0px  !important;
  left: 0px  !important;
}

.bottom-section-thanks {
    position: fixed;
    width: 100%;
    bottom: 0;
}

.thank_you_confirmation>.heading>h3 {
    margin-bottom: 30px;
}
.thank_you_confirmation .booking-bottom a.btn:before, 
.thank_you_confirmation .booking-bottom a.btn:after{
  display: none;
}
.thank_you_confirmation .booking-bottom a.btn:hover, 
.thank_you_confirmation .booking-bottom a.btn:focus{
      border: 1px solid var(--black-light);
      background: transparent;
      color: var(--black-leather-jacket-color);
}
#booking-confirmed p.powerby-section {
    font-size: 12px !important;
    line-height: 14px !important;
    letter-spacing: 0.36px !important;
    position: absolute;
    bottom: 20px;
    padding: 0 !important;
    left: 0;
    right: 0;
    text-align: center;
}
#booking-confirmed p.powerby-section img {
    display: block;
    text-align: center;
    margin: 10px auto 0;
}
@media (max-width: 1500px) {
 
  .thank_you_confirmation {
      min-height: 474px;
  }
}


@media only screen and (max-width:810px) {
  .thank_you_confirmation{
  min-height: 650px;
  } 
}
@media only screen and (max-width:767px) {
    .wrapper.subscribe-section {
        padding: 93px 0px 0px;
    }
    .wrapper.subscribe-section .container-fluid ul#title li {
      display: block;
  }
.thank_you_confirmation{
  min-height: 530px;
  } 
  .thank_you_confirmation .booking-bottom a.btn{
        border: 1px solid var(--black-light) !important;
        background: transparent  !important;
        color: var(--black-leather-jacket-color)  !important;
  }
  .bottom-section-thanks {
      position: initial;
  }
  #your-details .modal-dialog.modal-fullscreen .modal-content .mb-3.textarea-box {
    margin-bottom: 25px !important;
}
.whats-on.private-dining .nonloop-new{
        padding: 0 15px;
}

}




/*drop down banner*/
.fixed-top{
    z-index: 1050;
}
section.top-header.menu-banner.desktop-banner{
        justify-content: center;
    align-items: center;
    display: flex;
}
.menu-banner .custom.wrap-drop {
    cursor: pointer;
    max-width: 318px;
    padding: 14px 19px;
    width: 100%;
    z-index: 1051;
    background-image: inherit !important;
    border: solid 1px #000;
    text-align: center;
    justify-content: center;
    position: relative;
}

.menu-banner .custom.wrap-drop::after {
    border: solid #000000;
    border-width: 0px 2px 2px 0px;
    content: "";
    height: 10px;
    position: absolute;
    right: 19px;
    top: 55%;
    width: 10px;
    transform: translateY(-45%) rotate(45deg);
    transition: ease-in 0.2s all;
       

}

.menu-banner .custom.wrap-drop .drop {
    box-shadow: 3px 3px 3px rgb(0 0 0 / 20%);
    display: none;
    left: 0;
    list-style: none;
    margin-top: 0;
    opacity: 0;
    padding-left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 2;
    min-height: auto !important;
    height: auto !important;
    max-height: inherit;
    height: 208px !important;
}

.menu-banner .custom.wrap-drop .drop li a {
    text-align: left;
    color:var(--black-light);
    display:block;
    padding:15px 19px;
    text-decoration:none;
    letter-spacing: 0px;
    font-size: 16px;
    line-height: 23px;
    /*font-weight: var(--font-weight-500);*/  

}

.menu-banner .custom.wrap-drop span {
    color: var(--dark-charcoal-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
}

.menu-banner .custom.wrap-drop.active::after {
    transform: rotate(225deg);
}

.menu-banner .custom.wrap-drop.active .drop {
    display:block;
    opacity:1;
    pointer-events:auto;
}
/*drop down banner*/


/*popop 07/06/22*/
.book-table-popup .modal-dialog.modal-fullscreen .top-section .title {
    padding-top: 78px;
    padding-bottom: 47px;
}
.book-table-popup .modal-dialog.modal-fullscreen .top-section p {
    padding: 0 0 43px 0 !important;
    color: var(--black-light);
    
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.14px;
    text-align: center;
}

section.inner-page.activation-page {
    padding-top: 81px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    min-height: calc(100vh - 292px);
    padding: 81px 15px 0;
}

section.inner-page.activation-page form label{
    text-align: left;
    display: block;
}
section.inner-page.activation-page form label ~ br{
    display: none;
}
.activation-page #submit, .activation-page #key{
    width: 100%;
}
.datepicker table.table-condensed td.old.active.day{
    background:var(--black-light) !important;
}




/*==============================================bookatable=================================*/
.experiencesN{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 100px 15px 140px;
    flex-direction: column;

}
.experiencesN .title {
    color: var(--black-light);
    
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.72px;
    text-align: center;
        padding-top: 0;
    padding-bottom: 47px;
}
#bill-experiences .bill-exp-section .top-section .title{
    padding-top: 0;
}
/*#bill-experiencesN .title{
    padding-top: 78px;

}*/
#bill-experiencesN .top-section .title {
    padding-top: 78px;
}
.experiencesN .img-box,
.experiencesN .img-box img{
    width: 238px;
    height: 238px;
    object-fit: cover;
    object-position: 50% 50%;
}
.experiencesN .img-box img{
  border: solid 2px var(--black-light);
}
.experiencesN .box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 49px;
    border-bottom: solid 2px var(--black-light);
    padding: 0 0 49px;
}
.experiencesN .content-box {
      width: 626px;
    margin-left: 39px;
}
.experiencesN .content-box .title {
    color: var(--black-light);
    font-size: 26px;
    line-height: 26px;
    letter-spacing: 0;
    padding: 0 0 17px;
    text-align: left;
    margin-left: 0;
}

.experiencesN .modal-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    border: none;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.experiencesN a.back-btn.back-experiences-button {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0;
    padding-bottom: 0;
}

.experiencesN .bottom-section a.btn.skip-experiences:after,
.experiencesN .content-box a.add-experiences:before,
.experiencesN .bottom-section a.btn.skip-experiences:before{
    content: none !important;
}
.experiencesN p.powerby-section img,
.experiencesN p.powerby-section img,
.fill-your-details.yourdetailsPage.custom p.powerby-section img{
        display: block;
    text-align: center;
    margin: 10px auto 0;
        width: 106px;
}
.fourth.experiencesN#bill-experiencesN .modal-footer{
  display: none;
}
.experiencesN p.powerby-section {
    
    color: var(--black-light);
    font-size: 12px !important;
    line-height: 14px !important;
    letter-spacing: 0.36px !important;
}

.experiencesN .content-box p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.16px;
    margin: 0;
    padding: 0;
    color: var(--dark-charcoal-color);
}
.experiencesN .mid-section.exp-box-list {
    padding: 0px;
    max-height: calc(100vh - 460px) !important;
       overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #3c383475;
    scrollbar-width: thin;
    scrollbar-color: var(--black-light) gray;
}

.experiencesN .mid-section.exp-box-list::-webkit-scrollbar-corner,
.experiencesN .mid-section.exp-box-list::-webkit-scrollbar-track {
  background-color: transparent;
}

.experiencesN .mid-section.exp-box-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.experiencesN .mid-section.exp-box-list::-webkit-scrollbar-track {
  background-clip: content-box;
  border: 8px solid rgba(128, 128, 128, 0.3);
  background-color: transparent;
}

.experiencesN .mid-section.exp-box-list::-webkit-scrollbar-thumb {
  background-color: var(--black-light);
  border-radius: 12px;
}
.experiencesN .mid-section.exp-box-list::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 12px;
    border: solid 2px var(--black-light);
}

.experiencesN .mid-section.exp-box-list::-webkit-scrollbar-corner,
.experiencesN .mid-section.exp-box-list::-webkit-scrollbar-track {
  background-color: var(--black-light);
  border-radius: 12px;
}

.book-table-popup.first.custom-booktable-bottom input:focus{
      outline: none;
      box-shadow: inherit !important;
      border-bottom-color: var(--black-light) !important;
   }
  .book-table-popup.first.custom-booktable-bottom .container {
   position: relative;
   display: block;
   clear: both;
   overflow: hidden;
   padding-top: 400px;
}
.book-table-popup.first.custom-booktable-bottom {
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    padding: 140px 15px 140px;
}

   .book-table-popup.first.custom-booktable-bottom .form-label {
      letter-spacing: 0.18px;
      color: var(--dark-charcoal-color);
      opacity: 1;
      font-size: 17px;
      line-height: 22px;
      text-align: left;
      padding: 0px 0px 43px 0px;
      margin: 0;
      
   }
 .book-table-popup.first.custom-booktable-bottom .location-input input {
   height: 54px;
   border-radius: 0px !important;
   background: transparent !important;
}
.book-table-popup.first.custom-booktable-bottom #homeDatepicker{
   background: var(--white) url(../images/icon-feather-calendar.svg);
background-repeat: no-repeat;
background-position: 100%;
  background-position-x: 100%;
background-position-x: 98%;
background-size: 7% 30%;
}
.book-table-popup.first.custom-booktable-bottom #rlocation {
    outline: none;
    box-shadow: none;
    /* background: var(--white) url(../images/icon-feather-search.svg); */
    background-position: right;
    background-position-x: 100%;
    text-indent: 3px;
    background-size: 7% 37%;
    border: solid 2px var(--dark-charcoal-color);
    padding-bottom: 0;
    width: 100%;
    height: 50px;
    color: var(--black-light);
    letter-spacing: 0;
    font-size: 20px;
    line-height: 23px;
    border-radius: 0px;
    background-color: transparent;
    font-family: var(--BalboaPlus);
    font-weight: 300;
        padding: 7px 19px !important;
}
.book-table-popup.first.custom-booktable-bottom #rlocation::placeholder {
    font-weight: 300;
    color: var(--black-light);
}
.custom-booktable-bottom .wrap-drop.input.book_location div#rlocationautocomplete-list{
    top: 96%;
   max-height: 146px !important;
}
.custom-booktable-bottom .row.justify-content-center.align-items-center .col-12 .row{
    max-width: 1080px;
    margin: 0 auto;
    flex-wrap: nowrap;
}
.custom-booktable-bottom .autocomplete-items div {
    color: var(--black-light) !important;
    display: flex;
    justify-content: space-between;
    padding: 11px 19px!important;
    text-decoration: none !important;
    letter-spacing: 0px !important;
    font-size: 20px !important;
    line-height: 24px !important;
    margin: 0 !important;
    text-align: left;
    /* border-bottom: 0.2px solid var(--black-light) !important; */
    font-family: var(--BalboaPlus);
}
.book-table-popup.first.custom-booktable-bottom div#rparty_size {
    width: 100%;
    padding: 10px 19px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: var(--white);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border: solid 2px var(--dark-charcoal-color);
    border-radius: 0px;
    display: flex;
    align-items: center;
    font-family: var(--BalboaPlus);
}
.book-table-popup.first.custom-booktable-bottom .wrap-drop .drop li a {
    font-size: 20px;
    color: var(--black-light);
    font-family: var(--BalboaPlus);
    height: 48px;
}
.book-table-popup.first.custom-booktable-bottom ul.drop{
      height: 147px;
}
.book-table-popup.first.custom-booktable-bottom .form-select {
    text-indent: 3px;
    background-size: 7% 37%;
    border: solid 2px var(--dark-charcoal-color) !important;
    width: 100%;
    height: 50px;
    color: var(--black-light);
    letter-spacing: 0;
    font-size: 20px;
    line-height: 23px;
    font-weight: var(--font-weight-500);
    border-radius: 0px;
    line-height: 26px;
    border: none;
    font-family: var(--BalboaPlus);
    padding: 7px 19px;
}
.book-table-popup.first.custom-booktable-bottom #form-findATable .col-12 {
   width: 20%;
}
.book-table-popup.first.custom-booktable-bottom .required-here p {
    display: block;
    width: 100%;
    color: var(--black-light);
    letter-spacing: 0.16px;
    font-size: 16px;
    line-height: 26px;
    margin: 0;
}
.book-table-popup.first.custom-booktable-bottom .required-here a{
  color: var(--black-light);
}
.book-table-popup.first.custom-booktable-bottom .required-here p.powerby-section {
    font-size: 12px !important;
    line-height: 12px !important;
    letter-spacing: 0.12px !important;
    color: var(--dark-charcoal-color);
    font-weight: 600;
}
.book-table-popup.first.custom-booktable-bottom .wrap-drop.input.book_location {
    padding: 0 !important;
    border: none !important;
}
.wrap-drop.input.book_location.border.border-3.border-red input {
    border-color: red !important;
}

 .book-table-popup.first.custom-booktable-bottom .wrap-drop{
   height: 50px;
   background-size: 8% 36% !important;
}

 .book-table-popup.first.custom-booktable-bottom  .wrap-drop span {
    font-size: 20px;
}

.book-table-popup.first.custom-booktable-bottom .wrap-drop::after {
  z-index: 1000;
}
.book-table-popup.first.custom-booktable-bottom .required-here {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 0 30px;
}
.first.custom-booktable-bottom.billscustom_homeback_main_page .billscustom_homeback {
    margin: 0;
    position: absolute;
    top: 150px;
}
@media (max-width: 1500px){
  .first.custom-booktable-bottom.billscustom_homeback_main_page .billscustom_homeback{
        top: 110px;
  }
}
@media (max-width: 1500px){
      .first.custom-booktable-bottom.billscustom_homeback_main_page .billscustom_homeback{
        top: 120px;
  }
}
.first.custom-booktable-bottom.billscustom_homeback_main_page {
    min-height: auto !important;
    height: calc(100vh - 0px);
}
/*sec*/
.fill-your-details.custom {
    position: relative;
}
.fill-your-details.custom .find_your_details_popup_sec {
    width: 666px;
    margin: 0px auto;
    padding: 130px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    background: transparent !important;
}

.fill-your-details.custom .heading {
    letter-spacing: 0.72px;
    font-size: 24px;
    line-height: 29px;
    color: var(--dark-charcoal-color);
    text-align: center;
    
    
}
.fill-your-details.custom .heading p {
    margin: 0;
    padding: 5px 0px 0px;
    font-size: 15px;
}
.fill-your-details.custom label.form-label {
        margin: 0;
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 0;
    font-family: var(--BalboaPlus);
    color: var(--black-light);
    padding: 0 0 14px;
}

.fill-your-details.custom .form-control.input {
    background: none;
    border: none;
    border-bottom: solid 1px var(--black-light);
    padding: 7px 7px 7px 0;
    font-size: 16px;
    color: var(--dark-charcoal-color);
    font-family: var(--input-sans);
    height: 50px;
    border-radius: 0px;
}
.fill-your-details.custom form#detailsForm .mb-3 div#occasion{
   height: 50px;
    padding: 7px 7px 7px 0;
    font-size: 16px;
 }
.fill-your-details.custom input:focus{
   border-bottom-color: var(--dark-charcoal-color);
   box-shadow: inherit !important;
   border-bottom-color: transparent;
}
.fill-your-details.custom form#detailsForm .mb-3 div#occasion {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat  !important;
    background-position: right .75rem center !important;
    padding: 9px 0px 0px 0 !important;
    border-bottom: solid 1px;
    text-indent: 3px;
    background-size: 7% 37% !important;
    height: 37px;
        display: flex;
    align-items: center;
}
.fill-your-details.custom textarea {
    height: 80px !important;
    
    resize: initial;
    background: transparent;
    border: solid 1px var(--dark-charcoal-color);
    border-radius: 0px;
}
.fill-your-details.custom textarea:focus{
   box-shadow: inherit;
   border-color: var(--dark-charcoal-color);
}
.fill-your-details.custom label sup{
       top: 0;
    font-size: 22px;
  padding-left: 5px;
}

.fill-your-details.custom span.tems-user-section {
       text-align: left;
    display: block;
    font-size: 14px;
    padding: 20px 0px 0px;
    
}
.fill-your-details.custom span.tems-user-section a{
   color: var(--black-light);
}
.fill-your-details.custom .modal-footer {
    border-top: transparent;
    justify-content: center;
    margin-top: 70px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.alternative-timeternate-cus p.powerby-section ,
.fill-your-details.custom p.powerby-section,
.book-table-popup.first.custom-booktable-bottom p.powerby-section {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.36px;
    padding: 14px 0px 0;
    
    color: var(--black-light);
}
.book-table-popup.first.custom-booktable-bottom p.powerby-section img {
    display: block;
    text-align: center;
    margin: 12px auto 0;
    width: 106px;
}
.alternative-timeternate-cus p.powerby-section img,
.fill-your-details.custom p.powerby-section img,
.book-table-popup.first.custom-booktable-bottom p.powerby-section img{
   display: block;
   margin: 10px auto 0;
}
.alternative-timeternate-cus span.error.text-danger,
.fill-your-details.custom span.error.text-danger,
.book-table-popup.first.custom-booktable-bottom span.error.text-danger {
    position: absolute;
    font-size: 14px;
}

.alternative-timeternate-cus {

    position: relative;
}
.alternative-timeternate-cus .alternative-section_cus{
      display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 15px 130px;
}
/*three*/
.alternative-timeternate-cus .alternative-section_cus {
    width: 482px;
    margin: 0 auto;
    text-align: center;
}
.alternative-timeternate-cus .heading {
    font-size: 37px;
    margin-bottom: 14px;
    letter-spacing: 0;
    line-height: 37px;
    color: var(--black-light);
    text-align: center;
}
.alternative-timeternate-cus .sub-heading {
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.16px;
    color: var(--dark-charcoal-color);
}

.alternative-timeternate-cus .modal-footer {
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    border-top: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
}
.alternative-timeternate-cus a#billsLockTable {
    width: 100%;
}
.alternative-timeternate-cus a.back-btn.white.timeBackClose {
    margin-top: 24px;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0px;
    color: var(--dark-charcoal-color);
}


/*four*/
.fourth_custom.billscustom_homeback_main.billscustom_homeback_main_page {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
        padding-top: 140px !important;
}
.fourth_custom.billscustom_homeback_main.billscustom_homeback_main_page a.billscustom_homeback.book-table-bhback.common-btn {
    position: absolute;
    top: 150px;
    left: 0;
    margin: 10px;
}
.fourth_custom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 100px 15px 100px;
    position: relative;
}
.fourth_custom p.powerby-section img{
  width: 106px;
}
.fourth_custom .modal-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0px auto !important;
    border: none;
    align-items: center;
    justify-content: center;
}
.booking-confi-popup_custom {
    text-align: center;
    margin: 0 auto;
}
.fourth_custom .heading {
   position: relative;
    font-size: 42px;
    line-height: 42px;
    letter-spacing: 0;
    color: var(--black-light);
    text-decoration: none;
    padding: 0 0 25px;
}

.fourth_custom .inner-booking p {
        font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
    padding: 0px 0px 19px;
    margin: 0;
    color: var(--dark-charcoal-color);
}
.fourth_custom  .booking-confirm-thanks-msg{
  display: none;
}
.fourth_custom .booking-bottom a.btn.LocDirection {
    margin: 0 auto;
        margin: 0 auto;
    width: 244px;
    height: 51px;
        font-size: 20px;
}

.booking-confirm-thanks-msg {
    text-align: center;
    width: 450px;
    margin: 0 auto;
    padding: 20px 0px 0px;
}
.fourth_custom p.powerby-section {
    font-size: 12px !important;
    line-height: 14px !important;
    letter-spacing: 0.36px !important;
    padding: 0 !important;
    text-align: center;
    
}

.fourth_custom p.powerby-section img {
    display: block;
    text-align: center;
    margin: 10px auto 0;
}


.yourdetailsPage .details-section a#billsTableBook {
    margin: 0 auto 24px;
}



@media (max-width: 1700px){
  .first.custom-booktable-bottom .location-arrow {
        position: relative;
        width: auto;
        left: 0;
    }
    .section-top .form-section .form-select{
            width: 100%;
    }
    div#rparty_size{
        width: auto;
    }
    .nonloop-new.gallery-sec button.slick-prev.slick-arrow{
        left: -30px;
    }
    .nonloop-new.gallery-sec button.slick-next.slick-arrow{
        right: -30px;
    }
    .fourth_custom .heading {
        position: relative;
        font-size: 32px;
        line-height: 39px;
    }

    .whats-on.private-dining .nonloop-new button.slick-next.slick-arrow {
        right: -70px;
    }
    .whats-on.private-dining .nonloop-new button.slick-prev.slick-arrow {
        left: -70px;
    }
}



@media (max-width: 1500px) {
    .nonloop-new.gallery-sec button.slick-prev.slick-arrow {
      left: 15px;
  }
    .nonloop-new.gallery-sec button.slick-next.slick-arrow{
        right: 15px;
    }
    .alternative-timeternate-cus .heading {
    font-size: 28px;
    margin-bottom: 20px;
    line-height: 28px;
}
    .whats-on.private-dining .nonloop-new button.slick-prev.slick-arrow {
        left: 0;
    }
    .whats-on.private-dining .nonloop-new button.slick-next.slick-arrow {
        right: 0;
    }
    .fill-your-details.custom label.form-label{
        padding: 17px 0px 0px 0px;
        font-size: 15px;
    }
     .fourth_custom .heading {
            position: relative;
            font-size: 30px;
            line-height: 41px;
    }
    .experiencesN .content-box .title {
        font-size: 21px;
        line-height: 26px;
        padding-bottom: 21px;
    }
    .experiencesN .content-box p{
        line-height: 27px;
    }
}


@media (max-width: 1366px) {
  .hero-slider-add .location-arrow {
      position: relative;
      width: auto;
      left: inherit;
  }
    .common-btn {
        width: 204px;
     }
    .row-text-area textarea {
        height: 131px;
        font-size: 15px;
     }  
    .custom-drop-multipal span,
    .custom-drop-two span{
        font-size: 15px;
    }
    .wrap-drop.custom-drop-multipal span,
    .wrap-drop.custom-drop-two span{
        font-size: 15px;
    }
    .wrap-drop.custom-drop-multipal li a,
    .wrap-drop.custom-drop-two li a{
        font-size: 15px;
    }
    .form-row-grid .form-control{
        font-size: 15px;
    }
    .check-feild label{
        font-size: 15px;
    }
    .contact-section .inner-section{
        padding: 40px 25px 58px;
    }
    .common-slider .btn-main-whats .what-btn.active:before,
    .common-slider .btn-main-whats .what-btn:before{
        height: 14px;
        width: 26px;
    }
    .book-atable-content .down img {
        display: inline-block;
    }
    .heading-btn-big {
        height: 123px;
        font-size: 22px;
        line-height: 30px;
     }
    .private-dining-container {
        padding: 58px 15px 67px;
    }
    .private-dining-box .content span {
          font-size: 40px;
          line-height: 40px;
    }
    .private-dining-box .item-img {
        height: 306px;
    }
    .private-dining-box {
        grid-row-gap: 25px;
        grid-column-gap: 20px;
    }
    .whats-on .btn-main-whats {
        height: 123px;
    }
    .whats-on .btn-main-whats .what-btn,
    .common-pr-sec .btn-main-whats .what-btn{
        font-size: 30px;
         line-height: 30px;
    }
    .whats-on.private-dining .nonloop-new button.slick-arrow {
        height: 35px;
        width: 35px;
    }

    .whats-on.private-dining .nonloop-new button.slick-prev.slick-arrow {
        left: 0;
    }
    .whats-on.private-dining .nonloop-new button.slick-next.slick-arrow {
        right: 10px;
    }
    .whats-on.private-dining .nonloop-new {
        margin: 63px auto 63px;
        padding: 0 40px;
    }
    .discover .btn-main-whats {
        height: 123px;
    }
    .discover button.what-btn {
        line-height: 30px;
        font-size: 22px;
    }
    .discover .private-dining-container {
        padding: 55px 15px 58px;
    }
    .dining-footer {
        padding: 54px 0;
    }
    .experiencesN p.powerby-section img {
        display: block;
        text-align: center;
        margin: 4px auto 0;
        width: 98px;
    }

    .experiencesN .content-box .title {
        font-size: 21px;
        line-height: 24px;
        padding-bottom: 13px;
    }
    .experiencesN .title {
        font-size: 21px;
        line-height: 24px;
    }
    .alternative-timeternate-cus .heading{
          font-size: 25px;
    margin-bottom: 15px;
    line-height: 25px;
    }
    .fourth_custom p.powerby-section img{
            width: 98px;
    }
    .fourth_custom .heading {
         font-size: 28px;
        line-height: 30px;
    }

    .fill-your-details.custom label.form-label{
          padding: 14px 0px 0px 0px;
    font-size: 22px;
    margin-bottom: 0;
    line-height: 22px;
    }
    .fill-your-details.custom .form-control.input {
    background: none;
    border: none;
    border-bottom: solid 1px var(--black-light);
    padding: 7px 7px 7px 0;
    font-size: 16px;
    color: var(--dark-charcoal-color);
    font-family: var(--input-sans);
    height: 50px;
    border-radius: 0px;
}
    .book-table-popup.first.custom-booktable-bottom .form-select,
    .book-table-popup.first.custom-booktable-bottom .wrap-drop span,
    .book-table-popup.first.custom-booktable-bottom #rlocation{
        font-size: 15px;
    }
    .book-table-popup.first.custom-booktable-bottom .form-label{
        font-size: 14px;
        line-height: 19px;
        padding: 0px 0px 11px 0px;
    }
    .custom-booktable-bottom .row .col-md-6 {
        padding: 0px 13px 0;
    }
}

@media (max-width: 1199px) {
    .location-manchester-wrap .enquiere-dining {
        margin: 47px auto 50px;
    }
    .banner-bottom-section .bottom-sec {
        padding: 52px 0px 22px;
    }
    .view-gallery .nonloop-new .box img {
        height: 353px !important;
    }
    .location-manchester-wrap .enquiere-dining p {
        padding-bottom: 29px;
    }
    .private-dining-container {
        padding: 48px 15px 57px;
    }
    .private-dining-box .item-img {
        height: 250px;
    }
    .private-dining-box .content span {
        font-size: 34px;
        line-height: 34px;
    }
    .whats-on.private-dining .nonloop-new {
        margin: 53px auto 53px;
    }
    .discover .private-dining-container {
        padding: 45px 15px 48px;
    }
    .dining-footer {
        padding: 44px 0;
    }
    .loc-pr-din-enq-section {
        padding-bottom: 56px;
    }
}

@media (max-width: 991px) {
    .whats-on .btn-main-whats {
        height: 90px;
    }
    .discover .btn-main-whats {
        height: 90px;
    }
    .discover button.what-btn {
        line-height: 20px;
        font-size: 20px;
    }
    .private-dining-container {
        padding: 40px 15px 40px;
    }
    .discover .private-dining-container {
        padding: 40px 15px 40px;
    }
    .dining-footer {
        padding: 40px 0;
    }
    .dining-footer span {
        font-size: 14px;
        line-height: 20px;
        margin: 0 auto 23px;
    }
    .private-dining-box{
        grid-template: repeat(1, 1fr) / repeat(2, 1fr);
        grid-row-gap: 15px;
        grid-column-gap: 15px;
    }
    .whats-on .btn-main-whats .what-btn,
    .common-pr-sec .btn-main-whats .what-btn{
        font-size: 25px;
        line-height: 25px;
    }
    .whats-on.private-dining .nonloop-new {
        margin: 40px auto 40px;
    }


    .private-dining-box .content span {
        font-size: 27px;
        line-height: 27px;
    }
    .private-dining-box .item-img {
        height: 270px;
    }
    .alternative-time ul.three-part-section li a {
     
      height: 34px;
      padding: 6px 0px;
      margin: 0px;
      font-size: 12px;
        display: flex;
    justify-content: center;
    align-items: center;
  }
    .experiencesN .title {
        padding-top: 38px;
        font-size: 19px;
        line-height: 20px;
    }
    .experiencesN .content-box .title {
        font-size: 19px;
        line-height: 20px;
        padding-bottom: 8px;
    }
    .experiencesN .content-box p {
        line-height: 22px;
        font-size: 13px;
    }

    .experiencesN .content-box {
        width: 482px;
        margin-left: 21px;
    }
    .experiencesN .img-box,
    .experiencesN .img-box img {
        width: 190px;
        height: 190px;
        object-fit: cover;
        object-position: 50% 50%;
    }
    .alternative-timeternate-cus .heading{
        font-size: 18px;
        margin-bottom: 10px;

    }
    .alternative-timeternate-cus .sub-heading {
        text-align: center;
        font-size: 16px;
        line-height: 14px;
        letter-spacing: 0.74px;
    }
    .fourth_custom .heading {
        font-size: 25px;
        line-height: 26px;
    }
    .alternative-time span.alternative-location {
        padding: 28px 0 33px;
        font-size: 16px;
    }
    .heading-btn-big {
        height: 90px;
        font-size: 20px;
        line-height: 23px;
    }
    .location-manchester-wrap .enquiere-now>span {
        padding: 61px 15px 46px;
        font-size: 15px;
        line-height: 20px;
    }
    .loc-pr-din-enq-section {
        padding-bottom: 36px;
    }
    .view-gallery .gallery-sec{
        margin: 50px auto 50px !important;
    }
    .view-gallery .nonloop-new .box img {
        height: 333px !important;
    }
    .loc-six-banner .carousel-inner .carousel-item img.mobile {
        display: block;
        height: 606px;
    }
    .location-manchester-wrap .enquiere-dining {
        margin: 64px auto 74px;
    }
    .location-manchester-wrap .enquiere-dining p {
     padding-bottom: 31px;
    font-size: 16px;
    line-height: 26px;
    }
    .location-manchester-wrap .enquiere-dining a.btn-enquire {
        height: 34px;
        font-size: 11px;
        line-height: 16px;
        width: 113px;
    }

}
@media (max-width: 390px) {
  footer .container{
    padding: 0;
  }
  footer .col-6.col-sm-6.col-md-2.col-lg-2.mobile-view-footer {
      padding: 0;
  }
  footer ul.social-section li:nth-child(2) {
      padding: 0px 12px;
  }
  footer .title{
    font-size: 16px;
    line-height: 18px;
  }
  img.mfp-img{
    width: 198px !important;
  }
  #choose-alternative-time .alternative-time-chart .alternative-time-grid{
        column-gap: 2px;
            grid-template-columns: repeat(3, 1fr);
  }
  #choose-alternative-time .alternative-time-chart .alternative-time-grid .time-box{
        width: 86px;
  }
}
@media (max-width: 427px) {

  .whats-on .nonloop-new .find-btm .common-btn {
      width: 174px;
      font-size: 20px;
      color: var(--black-light);
  }
  .dropq-wn-location h2 {
    padding-top: 0;
    font-size: 30px;
    margin-bottom: 30px;
    letter-spacing: 0;
    line-height: 30px;
}
      .locations-wrapper .inner .inner-box h1 {
        font-size: 29px;
        line-height: 29px;
        padding-bottom: 15px;
        letter-spacing: 0;
    }
    .dropq-wn-location button.btn-primary {
    font-size: 30px;
    line-height: 30px;
    margin-top: 0;
    letter-spacing: 0;
    padding: 20px 0 20px;
}
    
    .locations-wrapper .inner .inner-box .searchbox .wrap-drop.input.form-select input {
        height: 50px;
        padding: 10px 10px 10px 30px;
        font-size: 18px;
    }
    .comm-form .form-check label.form-check-label {
        font-size: 17px;
        line-height: 17px;
        letter-spacing: 0;
    }
    .comm-form .form-check {
        margin-top: 3px;
        margin-right: 9px;
    }
    .event-offers-section form.comm-form .mb-3.row .col-12:last-child {
        width: 41%;
        padding-right: 0;
    }
    .event-offers-section form.comm-form .mb-3.row .common-btn {
        width: 135px;
        margin-left: auto;
        font-size: 17px;
    }
    .home-popupbox .modal-dialog .modal-body .img-box{
        width: 100%;
    }
    .home-popupbox .modal-dialog .modal-body .content{
        width: 100%;
    }
    .home-popupbox .modal-dialog .modal-body .img-box img {
        max-height: 197px;
        border-right: none;
        border-bottom: solid 2px var(--black-light);
    }
    .home-popupbox .modal-dialog {
        padding: 0 22px;
    }
    .home-popupbox .modal-dialog .modal-body .content {
        padding: 2px 26px 24px 25px;
    }
    .home-popupbox .modal-dialog .modal-body .content .title {
        font-size: 22px;
        line-height: 22px;
        padding: 0px 0 14px;
    }
    .home-popupbox .modal-dialog .modal-body .content p {
        font-size: 14px;
        line-height: 22px;
        padding: 0 0 20px;
    }
    .home-popupbox .modal-dialog .modal-body .content .common-btn {
        width: 214px;
        font-size: 18px;
    }
     .section-top h1, .section-top .heading {
        font-size: 46px;
        line-height: 57px;
        padding: 0px 15px;
    }
}
@media (max-width: 400px) {
  #your-details .modal-dialog.modal-fullscreen .modal-content .common-pdding {
    width: 100%;
    padding: 0;
}
#your-details .modal-content .details-section label.form-label {
    padding: 0px 0px 00px;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 22px;
}
#your-details .modal-content .details-section label.form-label {
    padding: 0px 0px 00px;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 18px;
}
#your-details .heading {
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 0;
    padding: 51px 0 16px;
    margin: 0 auto;
}
#your-details .credit-card .heading{
  font-size: 22px;
  line-height: 22px;
}
  .locations-wrapper .inner .inner-box .searchbox .wrap-drop.input.form-select {
        min-width: 234px;
    }
    .locations-wrapper .inner .inner-box .searchbox .common-btn {
          min-width: calc(100% - 1000px);
    }
    .locations-wrapper .inner .inner-box {
      width: 100%;
      margin: 0 auto;
      padding: 56px 12px 79px;
  }
}


@media (max-width: 767px){
  .experiencesN .mid-section.exp-box-list {
      max-height: 100% !important;
      overflow-y: hidden !important;
  }
  .first.custom-booktable-bottom.billscustom_homeback_main_page{
  height: auto;
}
.first.custom-booktable-bottom.billscustom_homeback_main_page .col-12 .row .common-padding .common-btn{
      margin: 0 0 20px !important;
}
   .fill-your-details.custom .find_your_details_popup_sec{
        width: auto;
    }

  section.loc-six-banner .carousel-inner .carousel-item img.mobile{
    display: block;
  }
   section.loc-six-banner .carousel-inner .carousel-item img.desktop{
    display: none;
   }
  .alternative-timeternate-cus .heading {
    font-size: 37px;
    margin-bottom: 10px;
    line-height: 37px;
    color: var(--black-light);
}
  .first.custom-booktable-bottom button#findATable,
  .custom-booktable-bottom .row.justify-content-center.align-items-center .col-12 .row .common-padding{
    font-size: 20px;
        width: 100%;
        padding: 0;
  }
  .book-table-popup.first.custom-booktable-bottom .wrap-drop{
    background-position-x: 99%;
  }

   .custom-booktable-bottom .d-md-none.d-lg-none.d-xl-none.d-xxl-none.col-12{
    display: none;
  }
  .custom-booktable-bottom .row.justify-content-center.align-items-center .col-12 .row{
    flex-wrap: wrap;
  }
  .custom-booktable-bottom .row .col-md-6 {
      width: 100%;
  }
  .custom-booktable-bottom .row .col-md-6:first-child {
    margin-bottom: 28px !important;
}

  .loc-wrapper.location-manchester-wrap.previous-location-master .banner-bottom-section .col-12 {
    background: transparent;
    padding: 0 0 55px;
}
.loc-wrapper.location-manchester-wrap.previous-location-master .banner-bottom-section .col-12:nth-child(3){
  padding: 0 0 0;
}
     .wrap-drop.custom-drop-multipal span, .wrap-drop.custom-drop-two span{
    font-size: 16px;
  }
    .wrapper.contact-wrap .contact-section .inner-section .heading.sec {
        margin: 60px 0 0;
    }
    .custom-drop-multipal,
    .custom-drop-two{
        padding: 0 0 12px!important;
    }
    .check-feild label{
        font-size: 16px;
    }
    .custom-drop-multipal span, .custom-drop-two span{
        font-size: 16px;
    }
    .wrap-drop.custom-drop-multipal li a, .wrap-drop.custom-drop-two li a{
        font-size: 16px;
    }
    .row-text-area textarea{
        font-size: 16px;
        height: 151px;
        margin: 60px 0 0;
    }
    .form-row-grid .form-control{
        font-size: 16px;
    }
    .contact-section .check-box-row {
        margin: 45px 0 29px;
    }
    section.private-dining-banner {
        margin-top: 100px;
    }
    .loc-wrapper.location-manchester-wrap div#rMap {
     height: 424px !important;
     border-top: transparent;
    }
    .private-dining-box {
        grid-template: repeat(1, 1fr) / repeat(1, 1fr);
        grid-row-gap: 17px;
        grid-column-gap: 0;
    }
    .previous-location-master .banner-bottom-section .col-12:nth-child(2) .bottom-sec, .previous-location-master .banner-bottom-section .col-12:nth-child(3) .bottom-sec{
            padding-left: 0;
    }
    .location-manchester-wrap .banner-bottom-section .row>.col-12:first-child, .location-manchester-wrap .banner-bottom-section .row>.col-12:nth-child(2) {
        width: 100%;
    }
    .banner-bottom-section.new-designpdrcustom .bottom-sec .top-content-facilities,
    .banner-bottom-section.new-designpdrcustom .bottom-nner-pd{
          padding: 0 0;
    margin: 0;
        max-width: 100%;
    }
    .location-manchester-wrap .banner-bottom-section .col-12{
      padding: 0 0;
    }
    .location-manchester-wrap .banner-bottom-section .col-12 {
        padding: 0px 22px 35px 44px;
    }
    
    .banner-bottom-section .bottom-sec .heading {
        font-size: 26px;
    line-height: 31px;
    letter-spacing: 0;
    padding: 0 0 19px;

    }
    .banner-bottom-section .col-12:nth-child(2) .bottom-sec .bottom-nner-pd {
        padding-top: 65px;
    }
    .location-manchester-wrap .banner-bottom-section .col-12:last-child {
        padding-bottom: 0;
    }
    .banner-bottom-section .bottom-nner-pd.facilities ul{
      margin-bottom: 0;
    }
    .location-manchester-wrap .banner-bottom-section .col-12:last-child .bottom-sec .bottom-nner-pd.facilities {
      padding-top: 65px;
  }
    .banner-bottom-section.new-designpdrcustom span {
        font-size: 16px;
        color: var(--black-light);
        letter-spacing: 0.16px;
        line-height: 26px;
    }
    .banner-bottom-section.new-designpdrcustom .bottom-sec .top-content-facilities span{
      margin: 0;
    }
    .banner-bottom-section .col-12:nth-child(3) .bottom-sec{
        padding-top: 0;
    }
    .banner-bottom-section .col-12:nth-child(2) .bottom-sec {
        padding-bottom: 0;
    }
    .location-manchester-wrap .enquiere-dining {
        max-width: 386px;
        margin: 71px auto 55px;
        padding: 0 15px;
    }
    .heading-btn-big {
            height: 143px;
    font-size: 26px;
    line-height: 26px;
    }
    .location-manchester-wrap .enquiere-now>span {
           padding: 33px 22px 42px;
    font-size: 16px;
    line-height: 26px;
    max-width: 100%;
    }
    .single-resturant .right-part {
        width: 100%;
        margin: 0 auto 100px;
    }
    .single-resturant {
      padding: 0 8px;
  }
    .single-resturant .right-part .title {
      font-size: 26px;
      color: var(--black-light);
      margin: 0 0 55px;
      line-height: 26px;
    }
   .single-resturant .form-row-grid {
      grid-row-gap: 47px;

  }
  .single-resturant .right-part .row-text-area {
    margin: 47px 0 0;
}
.single-resturant .right-part .common-btn {
    margin: 28px auto 0;
} 
    .loc-pr-din-enq-section .container-fluid .row .col-12:nth-child(1) {
        width: 318px !important;
    }
    section.loc-pr-din-enq-section .right-part .title {
            font-size: 26px;
    line-height: 26px;
    padding-bottom: 30px;
    letter-spacing: 0;
    }
    .previous-private-from .container-fluid .right-part .title {
    padding: 0 0 55px;
}

    section.loc-pr-din-enq-section .right-part div#select-2 span {
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.15px !important;
        color: var(--input-color) !important;
        border-color: var(--input-color) !important;
    }
    section.loc-pr-din-enq-section {
        padding-bottom: 59px;
    }
    .nonloop-new.gallery-sec button.slick-arrow {
        height: 30px;
        width: 30px;
    }

    .nonloop-new.gallery-sec .slick-prev:before {
            left: 19px;
    top: 17px;
    height: 11px;
    width: 11px;
    border-width: 0px 2px 2px 0px;
    }
    .nonloop-new.gallery-sec .slick-next:before{
        right: 12px;
        top: 12px;
        border-width: 0px 1px 1px 0px;
        height: 7px;
        width: 7px;
    }
    .nonloop-new.gallery-sec .gallery-sec {
        margin: 50px auto 150px !important;
    }
    .nonloop-new.gallery-sec .slick-next:before {
            right: 17px;
    top: 17px;
    height: 11px;
    width: 11px;
    border-width: 0px 2px 2px 0px;
    }
    .nonloop-new.gallery-sec .box img{
        height: 423px !important;
    }
    .view-gallery .gallery-sec {
           margin: 0 0 47px!important;
    padding: 56px 27px 41px;
    border-bottom: solid 2px var(--black-light);
    }

    .private-dining-box .content span {
      font-size: 39px;
      line-height: 39px;
    }
    .private-dining-box .item-img {
        height: 280px;
    }
    .private-dining-container {
        padding: 36px 22px 42px;
    }
    .common-pr-sec.private-dining .btn-main-whats .what-btn.active:before{
      display: none;
    }
    .whats-on .btn-main-whats .what-btn,
    .common-pr-sec .btn-main-whats .what-btn{
            font-size: 38px;
    line-height: 38px;
    }
    .whats-on.private-dining .nonloop-new {
        margin: 38px auto 106px;
    }
    .whats-on.private-dining .nonloop-new .inner p {
        font-size: 16px;
      line-height: 26px;
      color: var(--dark-charcoal-color);
      /* height: 160px; */
      height: auto;
      margin-bottom: 17px;
    }
    .whats-on.private-dining .nonloop-new button.slick-next.slick-arrow {
        right: 20px;
    }
    .whats-on.private-dining .nonloop-new button.slick-arrow {
        height: 30px;
        width: 30px;
    }
    .whats-on.private-dining .nonloop-new .slick-prev:before, .whats-on.private-dining .nonloop-new .slick-next:before {
      right: 17px;
      top: 17px;
      height: 11px;
      width: 11px;
      border-width: 0px 2px 2px 0px;
    }
    .whats-on.private-dining .nonloop-new .slick-next:before {
          right: 17px;
        top: 17px;
        height: 11px;
        width: 11px;
        border-width: 0px 2px 2px 0px;
    }
    .whats-on.private-dining .nonloop-new .slick-prev:before {
       left: 19px;
      top: 17px;
      height: 11px;
      width: 11px;
      border-width: 0px 2px 2px 0px;
    }
    .whats-on.private-dining .nonloop-new button.slick-prev.slick-arrow {
       left: 20px;
    }
    .discover .btn-main-whats {
        height: 143px;
        pointer-events: none !important;
    }
    .whats-on .btn-main-whats {
        height: 143px;
        pointer-events: none !important;
    }
    .view-gallery.whats-on .btn-main-whats {
      background: var(--yellow);
    }
    .view-gallery.whats-on .heading-btn-big {
      background: var(--yellow);
    }
    .discover button.what-btn {
        line-height: 27px;
        font-size: 19px;
    }
    .discover .private-dining-container {
        padding: 42px 22px 42px;
    }
    .dining-footer span {
      font-size: 16px;
    line-height: 26px;
    max-width: 385px;
        margin-bottom: 20px;
    }
    .dining-footer {
        padding: 43px 0;
    }
    .whats-on .nonloop-new .find-btm {
      padding: 0 31px 0 33px;
  }

    .experiencesN .content-box{
        text-align: center;
    }
    .experiencesN .content-box .title{
        text-align: center;
    }
       .experiencesN .content-box .title {
    font-size: 22px;
    line-height: 24px;
    padding: 13px 0px;
    text-align: center;
}
    .experiencesN .img-box{
        margin: 10px 0 0;
        display: block;
    }
    .experiencesN .img-box, .experiencesN .img-box img {
      width: 250px;
      height: 250px;
      object-fit: cover;
      object-position: 50% 50%;
      margin: 10px auto;
      display: block;
  }
   .experiencesN .content-box {
     padding: 30px 0px 10px;
      width: 100%;
      margin-left: 0;
      text-align: center;
  }
.experiencesN .content-box .add-experiences {
    width: 147px;
    margin: 14px auto 0;
    font-size: 20px;
    height: 51px;
}
    .experiencesN {
        padding: 100px 15px 140px;
    }

    .experiencesN .title {
        font-size: 26px;
        line-height: 34px;
    }
    .experiencesN .top-section .title {
        padding: 20px 0;
    }
    .experiencesN .mid-section.exp-box-list .box {
        margin:0 0 15px;
    }
    .alternative-timeternate-cus .alternative-section_cus{
        width: auto;
    }
    .fourth_custom {
         padding: 130px 15px 130px;
    }
    .fourth_custom .heading{
       font-size: 42px;
      line-height: 42px;
      letter-spacing: 0;
    }

    .booking-confirm-thanks-msg {
        text-align: center;
        width: 90%;
    }
    #your-details .mb-3 .chk label {
        align-items: start;
    }
    .fill-your-details.custom{
        width: auto;
    }
    .book-table-popup.first.custom-booktable-bottom .form-label{
        font-size: 14px;
        padding-bottom: 23px;
        line-height: 18px;
        letter-spacing: 1.12px;
    }   
    .custom-booktable-bottom .row .col-md-6 {
        padding: 0px 0 0px;
        margin-bottom: 28px !important;
    }
    .book-table-popup.first.custom-booktable-bottom .required-here P {
        font-size: 16px;
    }
    .book-table-popup.first.custom-booktable-bottom .form-select, 
    .book-table-popup.first.custom-booktable-bottom .wrap-drop span, 
    .book-table-popup.first.custom-booktable-bottom #rlocation,
    .book-table-popup.first.custom-booktable-bottom div#rparty_size{
      font-size: 20px;
  }
  ul.ui-timepicker-viewport li.ui-menu-item a{
    font-size: 20px;
  }
  .custom-booktable-bottom .location-arrow a.arrow-img-sec {
    right: 45px;
    top: 12px;
}
}


@media (min-width: 992px) and (max-width: 1199px){
  .locations-wrapper .inner .inner-box .bottom-sec .sub-title {
    font-size: 14px;
    padding: 19px 0px 11px;
  }
  .dropq-wn-location .box-innerstreet p {
      font-size: 14px;
      line-height: 22px;
      margin: 0 0 10px;
  }
  .locations-wrapper .inner .inner-box .bottom-sec .common-btn {
    width: 200px;
    font-size: 18px;
}
  .dropq-wn-location .box-innerstreet {
      grid-column-gap: 63px;
  }
.dropq-wn-location .box-innerstreet .box-inner:before {
    right: -32px;
}
.dropq-wn-location .box-innerstreet .group-btn a {
    font-size: 12px;
    width: 98px;
  }

  section.loc-six-banner.loaction-view {
    margin-top: 62px;
}
   .wrapper.subscribe-section {
      padding: 63px 0px 0px;
  }
  .wrapper.subscribe-section .container-fluid ul {
    /*height: calc(100vh - 63px);*/
}
       .book-table-popup.first.custom-booktable-bottom .form-select,
       .book-table-popup.first.custom-booktable-bottom .wrap-drop span,
       .book-table-popup.first.custom-booktable-bottom #rlocation{
            font-size: 15px;
        }
    .fourth_custom .heading {
        font-size: 26px;
        line-height: 27px;
    }
}




.single-rest-btn.mobile {
   background: var(--orange-color);
       color: var(--white);
       line-height: 42px;
       font-size: 13px;
       letter-spacing: 0;
       width: auto;
       text-decoration: none;
       box-shadow: none;
       height: 41px;
       text-align: center;
       text-transform: uppercase;
       
    margin: 0 32px;
    text-transform: uppercase;
    display: none;
}
 .footer-news-letter-section .custom-drop-multipal input{width: 100%; background: none;border: none;color:#fff}
 .footer-news-letter-section .custom-drop-multipal input:focus{border: none;outline: none;box-shadow: none;}
 .footer-news-letter-section .custom-drop-multipal input::placeholder{color:#fff;opacity: 1;}



@media (max-width: 767px) {
   .alternative-time ul.three-part-section li{
       width: 100%;
    margin-bottom: 9px;
  }
  .alternative-time ul.three-part-section li a {
      height: 51px;
      padding: 0;
      margin: 0px;
      font-size: 20px;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 20px;
      width: 100%;
  }

  .alternative-time ul.three-part-section {
   flex-wrap: wrap;
    width: 100%;
    justify-content: initial;
    margin: 0px 0 1px;
     
  }

  .alternative-time-chart .alternative-time-grid {
    -webkit-column-gap: 8px;
    column-gap: 8px;
        row-gap: 13px;
        padding-bottom: 13px;
}
.alternative-time ul.three-part-section li:nth-child(2){
  margin: 0 0 9px;
}
div#choose-alternative-time .modal-dialog.modal-fullscreen .modal-content .alternative-time a.btn.full {
    width: 100%;
    height: 51px;
    background: var(--btn-color);
    border: solid 2px var(--black-light) !important;
    font-size: 20px;
    color: var(--black-light);
}
  .single-rest-btn.mobile {
      display: block;
  }
  .loc-wrapper.location-manchester-wrap.previous-location-master .banner-bottom-section .bottom-sec {
      padding-top: 0;
  }
  .loc-wrapper.location-manchester-wrap.previous-location-master .banner-bottom-section .col-12 {
      width: 100%;
  }
  .loc-wrapper.location-manchester-wrap.previous-location-master .banner-bottom-section .col-12:nth-child(2) .bottom-sec {
      display: flex;
      flex-wrap: wrap;
  }
  .loc-wrapper.location-manchester-wrap.previous-location-master .left-part {
      padding: 49px 0px 42px;
  }
}

.group-booking-page .right-part .select-nearestbills::-webkit-scrollbar, 
.booking-group-bdy ul.select2-results__options::-webkit-scrollbar {
    display: block !important;
}

.group-booking-page .right-part .select-nearestbills {
overflow: auto;
/*position: relative;*/
padding: 0px;
max-width: 100%;
height: calc(100vh - 505px);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
scrollbar-width: thin;
scrollbar-color: var(--black-light);
scrollbar-width: thin;
scrollbar-color: var(--black-light) var(--white); }
.group-booking-page .right-part .select-nearestbills::-webkit-scrollbar-corner, .group-booking-page .right-part .select-nearestbills .scrollbar-1::-webkit-scrollbar-track {
background-color: #cdcdcd; }
.group-booking-page .right-part .select-nearestbills::-webkit-scrollbar {
width: 6px;
height: 6px; }
.group-booking-page .right-part .select-nearestbills::-webkit-scrollbar-track {
background-clip: content-box;
border: 8px solid rgba(255, 255, 255, 0.3);
background-color: var(--white); }
.group-booking-page .right-part .select-nearestbills::-webkit-scrollbar-thumb {
background-color: var(--black-light);
border-radius: 12px; }
.group-booking-page .right-part .select-nearestbills::-webkit-scrollbar-thumb:hover {
background-color: var(--black-light); }
.group-booking-page .right-part .select-nearestbills::-webkit-scrollbar-corner, .group-booking-page .right-part .select-nearestbills::-webkit-scrollbar-track {
background-color: var(--black-light);
border-radius: 12px; }

.group-booking-page .right-part #have_you_held_data{
height: auto;
}







.booking-group-bdy ul.select2-results__options {
overflow: auto;
/*position: relative;*/
padding: 0px;
max-width: 100%;
height: calc(100vh - 505px);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
scrollbar-width: thin;
scrollbar-color: var(--black-light);
scrollbar-width: thin;
scrollbar-color: var(--black-light) var(--white); }
.booking-group-bdy ul.select2-results__options::-webkit-scrollbar-corner, .booking-group-bdy ul.select2-results__options .scrollbar-1::-webkit-scrollbar-track {
background-color: #cdcdcd; }
.booking-group-bdy ul.select2-results__options::-webkit-scrollbar {
width: 6px;
height: 6px; }
.booking-group-bdy ul.select2-results__options::-webkit-scrollbar-track {
background-clip: content-box;
border: 8px solid rgba(255, 255, 255, 0.3);
background-color: var(--white); }
.booking-group-bdy ul.select2-results__options::-webkit-scrollbar-thumb {
background-color: var(--black-light);
border-radius: 12px; }
.booking-group-bdy ul.select2-results__options::-webkit-scrollbar-thumb:hover {
background-color: var(--black-light); }
.booking-group-bdy ul.select2-results__options::-webkit-scrollbar-corner, .booking-group-bdy ul.select2-results__options::-webkit-scrollbar-track {
background-color: var(--black-light);
border-radius: 12px; }

.booking-group-bdy ul.select2-results__options{
  -ms-overflow-style: thin !important;
  scrollbar-width: thin !important;
  overflow-y: scroll;
}


.booking-group-bdy .forminator-select-dropdown{
    max-height: initial !important;
}

div#ascrail2001 {
    display: block !important;
}



/*commen slider*/

.common-slider .what-btn {
    background: var(--canvas-beige);
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    cursor: pointer;
    padding: 40.9px 50px;
    font-size: 45px;
    line-height: 55px;
    color: var(--black-light);
    margin: 0 auto;
    text-align: center;
    position: relative;
    border: solid 2px var(--black-light);
    font-family: var(--BalboaPlus);
}
.common-slider .btn-main-whats .what-btn.active:before {
   content: '' !important;
    background: url(../images/arrow.png);
    position: absolute;
    top: 50%;
    right: 70px;
    transform: translateY(-50%) rotate(0deg);
    margin-top: 0;
    transition: all ease-in 0.3s;
    background-size: cover;
    height: 20px;
    width: 34px;
}
.common-slider .btn-main-whats .what-btn:before {
    content: '' !important;
    background: url(../images/arrow.png);
    position: absolute;
    top: 50%;
    right: 70px;
    transform: translateY(-50%) rotate(-180deg);
    margin-top: 0;
    transition: all ease-in 0.3s;
    background-size: cover;
    height: 20px;
    width: 34px;
}
.common-slider .drop-down-resturant-view{
    display: none;
}
.common-slider .drop-down-resturant-view.active{
    display: block;
    padding: 0 15px;
    overflow-x: hidden;
    margin: 50px 0 0;
}

.common-slider .itembox {
    background: var(--canvas-beige);
    border: solid 2px var(--black-light);
    height: 100%;
    min-height: 100%;
}
.common-slider .inner-content {
    padding: 50px 44px 28px 40px;
    border-top: solid 2px var(--black-light);
}

.common-btn {
    background: var(--btn-color);
    width: 244px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-size: 20px;
    line-height: 24px;
    height: 51px;
    color: var(--black-light);
    border: solid 2px var(--black-light);
    transition: all ease-in 0.3s;
    position: relative;
    z-index: 10;
}
.common-btn:hover{
    color: var(--black-light);
    transform: translateY(-5px);
    box-shadow: 2px 15px 0px -10px  var(--black-light);
}
.common-slider .more-btn.common-btn{
    margin: 37px auto 51px;
}
.common-slider .inner-home .btn {
    justify-content: start;
    padding: 10px 18px 10px 18px;
}
.common-slider .inner .title {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 17px;
    color: var(--black-light);
    cursor: pointer;
        text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.common-slider .inner p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.16px;
    margin-bottom: 18px;
    color: var(--dark-charcoal-color);
    min-height: 110px;
}
.common-slider button.slick-arrow {
    background: var(--btn-color);
    height: 48px;
    width: 48px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 111;
    color: var(--black-light);
    border-radius: 100%;
    border: solid 2px var(--black-light);
     transition: all ease-in 0.3s;
}
.common-slider button.slick-prev{
    left: 50px;
}
.common-slider button.slick-next{
    right: 50px;
}
.common-slider .slick-prev:before {
    content: '' !important;
    border: solid 2px;
    border-width: 0px 3px 3px 0px;
    border-color: var(--black-light);
    position: absolute;
    padding: 2px;
    height: 10px;
    width: 10px;
    left: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
}
.common-slider .slick-next:before {
    content: '' !important;
    border: solid 2px;
    border-width: 0px 3px 3px 0px;
    border-color: var(--black-light);
    position: absolute;
    padding: 2px;
    height: 10px;
    width: 10px;
    left: 16px;
    top: 52%;
    transform: translateY(-52%) rotate(-45deg);

}
.common-slider button.slick-arrow:hover{
    box-shadow: 0px 5px 0px 0px var(--black-light);
    top: 49%;
}
.common-slider .box img {
    height: 254px;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
        cursor: pointer;
}

  /*home slider*/
section.common-slider.up .drop-down-resturant-view {
    max-width: 1405px;
    margin: 0 auto;
}
section.common-slider.up button.slick-prev {
    left: 0px;
}
section.common-slider.up button.slick-next {
    right: 0;
}
section.common-slider.up .item.slick-slide {
    margin: 0 15px;
}
/*home slider*/


@media (max-width: 1700px) {
    .common-slider .inner p {
        min-height: 110px;
    }
}
@media (max-width: 1500px) {
    .common-slider .btn-main-whats .what-btn.active:before, .common-slider .btn-main-whats .what-btn:before {
           height: 17px;
    width: 30px;
        right: 40px;
    }
    .common-slider button.slick-prev {
        left: 0;
    }
    .common-slider button.slick-next {
        right: 0;
    }
    .common-slider .inner .title {
        font-size: 25px;
        line-height: 30px;
    }
    .common-slider .box img {
        height: 244px;
     }
    .common-slider .inner p {
        min-height: 110px;
    }
    .common-slider .what-btn {
        padding: 37.9px 40px;
        font-size: 49px;
        line-height: 60px;

    }
}
@media (max-width: 1366px) {
    
    .common-slider .inner-home .btn{
        width: 180px;
    }
    .common-slider .box img {
        height: 190px;
     }
    .common-slider .inner p {
        min-height: 110px;
        font-size: 14px;
        line-height: 26px;
    }
    .common-slider .inner .title {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 15px;
    }
    .common-slider .what-btn {
        font-size: 45px;
        line-height: 50px;

    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .common-slider .inner-home.active {
        padding: 0 25px;
     }
    .common-slider .box img {
        height: 188px;
    }
    .common-slider .inner-home .btn,
    .common-slider .more-btn.common-btn{
        width: 160px;
        font-size: 15px;
        height: 41px;
    }
    .common-slider .inner-content {
        padding: 34px 20px 22px 20px;
     }
    .common-slider .inner p {
        min-height: 110px;
        font-size: 13px;
        line-height: 24px;
    }
    .common-slider .what-btn {
        font-size: 40px;
        line-height: 45px;
        padding: 27.9px 30px;
    }
    .common-slider .inner .title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
  .common-slider .inner p {
      min-height: 90px;
      font-size: 14px;
      line-height: 26px;
  }
  .custom-booktable-bottom .row.justify-content-center.align-items-center .col-12 .row {
    flex-wrap: wrap;
}
.first.custom-booktable-bottom .locations {
    width: 50%;
}
.custom-booktable-bottom .row .col-md-6 {
    width: 50%;
       padding: 0px 13px 16px;
}
    .common-slider .inner-home.active {
        padding: 0 20px;
     }
    .common-slider .what-btn {
        padding: 27.9px 30px;
        font-size: 40px;
        line-height: 50px;
    }
    .common-slider .btn-main-whats .what-btn.active:before, .common-slider .btn-main-whats .what-btn:before {
        height: 15px;
        width: 27px;
            right: 40px;
    }
}
@media (max-width: 767px) {
  .common-slider .box img {
        height: 254px;
    }
  .common-slider .drop-down-resturant-view.active{
    margin: 10px 0 0;
}
    .common-slider .inner-home.active {
        padding: 0 15px;
     }
    .common-slider .what-btn {
        padding: 28px 164px 28px 32px;
        font-size: 45px;
        line-height: 55px;
        text-align: left;
    }
    .common-slider .btn-main-whats .what-btn.active:before, .common-slider .btn-main-whats .what-btn:before{
       height: 17px;
      width: 30px;
      right: 40px;
    }
    .common-slider button.slick-next{
        right: -25px;
    }
    .common-slider button.slick-prev{
        left: -25px;
    }
    .common-slider .inner p{
        min-height: 110px;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0.16px;
        margin-bottom: 17px;
    }
    .common-slider .inner .title {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 13px;

    }
    .common-slider .inner-content {
        padding: 35px 36px 37px 33px;
    }
    .common-slider .inner-home .btn{
        width: 244px;
        height: 51px;
        font-size: 20px;
        line-height: 24px;
    }
    .common-slider .more-btn.common-btn {
        width: 244px;
        height: 51px;
        font-size: 20px;
        line-height: 24px;
        margin: 32px auto 69px;
    }
}

@media (max-width: 427px) {
  .experiencesN .content-box {
width: 100%;
    margin-left: 0;
    text-align: center;
    padding-left: 0;
}
  .bill-experiencesmodel .modal-dialog.modal-fullscreen .modal-content .btn.add-experiences {
        width: 137px;
    margin: 14px auto 0;
    font-size: 16px;
    height: 47px;
}
.experiencesN .content-box .add-experiences {
    width: 137px;
    margin: 14px auto 0;
    font-size: 16px;
    height: 47px;
}
  .custom-booktable-bottom .location-arrow a.arrow-img-sec {
    right: 35px;
    top: 12px;
}
    .common-slider .what-btn {
        padding: 20px 98px 20px 36px;
        font-size: 34px;
        line-height: 45px;
        margin-top: -2px;
    }
    .common-slider .btn-main-whats .what-btn.active:before, .common-slider .btn-main-whats .what-btn:before {
          height: 15px;
    width: 26px;
        right: 30px;
    }
    .common-slider .inner-home .btn,
    .common-slider .more-btn.common-btn{
        width: 154px;
            font-size: 18px;

    }
}
/*commen slider*/
.k10-menus .k10-menu-selector_drop-down .k10-menu-selector__name, 
.k10-menus .k10-menu-selector_drop-down .k10-menu-selector__option-name, 
.k10-menus .k10-menu-section-selector__options-li {
    font-family: var(--BalboaPlus);
    color: var(--black-light) !important;
}
.k10-menus .k10-w-labels-filter div {
    font-family: var(--BalboaPlus);
    color: var(--black-light);
}
.k10-menus .k10-labels-filter2__header {
    border-bottom: solid 1px #000;
    padding: 40px 0 16px 0;
}
.k10-menus .k10-w-labels-filter div span {
    color: var(--dark-charcoal-color) !important;
}
.k10-menus .k10-course__name_level_1 {
    border-bottom: solid #000 1px;
}
.k10-menus .k10-course__name_level_1, .k10-menus .k10-recipe__col_main, .k10-menus .k10-recipe__price {
    padding-left: 0 !important;
    color: var(--black-light) !important;
    font-family: var(--BalboaPlus);
    letter-spacing: 0px;
}
.k10-menus .k10-menu-section-selector__options-li_current-menu-section {
    border-color: var(--black-light) !important;
}
.k10-menus .k10-recipe__label-info {
    color: var(--black-light) !important;
}
.k10-menus .k10-recipe__label-info {
    color: var(--black-light) !important;
    font-weight: 300 !important;
}
.k10-menus, .k10-menus .k10-popover__labels, .popover-content>.k10-popover {
    font-family: "input-sans-compressed",sans-serif !important;
    color: var(--black-light) !important;
}
.k10-menus .k10-toggle__label:after {
    background: var(--black-light) !important;
    color: var(--black-light) !important;
}
.k10-menus .k10-menu-selector_drop-down .k10-menu-selector__name {
    padding: 14px 30px 12px 10px !important;
}
.k10-menus .k10-menu-selector_drop-down {
    border-color: var(--black-light) !important;
}

.k10-menus .k10-label_radio-button .k10-label__checkmark:after{
  background-color: var(--btn-color) !important;
}
.k10-menus .k10-menu-selector_drop-down .k10-menu-selector__option-name_active{
  color: var(--btn-color) !important;
}
.wrapper.subscribe-section .container-fluid ul.title_sectioncontainer li {
    width: 100%;
}
.wrapper.offer-open-video-wrap .video-section {
    height: 749px;
}
.wrapper.offer-open-video-wrap .video-section:before{
  height: 100%;
} 
 @media (max-width: 1700px) {
  .wrapper.offer-open-video-wrap .video-section {
      height: 510px;
  }
}
@media (max-width: 1500px) {
  .wrapper.offer-open-video-wrap {
      padding: 84px 0px 17px;
  }
  .wrapper.offer-open-video-wrap .video-section {
      height: 520px;
  }
}
@media (max-width: 1388px) {
  .wrapper.offer-open-video-wrap {
      padding: 73px 0px 17px;
  }
  .wrapper.offer-open-video-wrap .video-section {
      height: 470px;
  }
}
@media (min-width:1200px) and (max-width:1280px) {
    #bill-experiences .modal-dialog.modal-fullscreen .modal-content .common-pdding {
    padding: 0 12px;
}
   #bill-experiences .modal-dialog.modal-fullscreen .modal-content .modal-body{
          padding-bottom: 160px;
    }
    #bill-experiences .modal-dialog.modal-fullscreen .modal-content .modal-footer p {
      padding-bottom: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .wrapper.event-offer-wrap {
      padding:63px 0px 0px;
  }
  .wrapper.offer-open-video-wrap {
      padding: 63px 0px 17px;
  }
  .wrapper.offer-open-video-wrap .video-section {
      height: 351px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .wrapper.event-offer-wrap {
      padding:63px 0px 0px;
  }
  .wrapper.offer-open-video-wrap {
      padding: 62px 0px 17px;
  }
  .wrapper.offer-open-video-wrap .video-section {
      height: 272px;
  }
}
/*galarysec mobile*/
@media (max-width:480px){
    .loc-wrapper.location-manchester-wrap.previous-location-master .gallery-slider img{
        height: 423px;
        border: solid 2px var(--black-light);
  }
  .banner-bottom-section .gallery-slider button.slick-next.slick-arrow {
         background: var(--btn-color);
    height: 48px;
    width: 48px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    color: var(--black-light);
    border-radius: 100%;
    border: solid 2px var(--black-light);
    transition: all ease-in 0.3s;
  }
  .banner-bottom-section .gallery-slider button.slick-next.slick-arrow{
    display: block !important;
  }
  .banner-bottom-section .gallery-slider button.slick-prev.slick-arrow{
    display: block !important;
  }

  .banner-bottom-section .gallery-slider button.slick-next.slick-arrow:after{
    display: none;
  }
  .banner-bottom-section .gallery-slider button.slick-prev.slick-arrow:after{
           display: none;
  }

   .banner-bottom-section .gallery-slider button.slick-next.slick-arrow:before {
    display: block !important;
     content: '' !important;
    border: solid 2px;
    border-width: 0px 3px 3px 0px;
    border-color: var(--black-light);
    position: absolute;
    padding: 2px;
    height: 10px;
    width: 10px;
    left: 16px;
    top: 52%;
    transform: translateY(-52%) rotate(-45deg);
  }
  .banner-bottom-section .gallery-slider button.slick-arrow {
    background: var(--btn-color);
    height: 48px;
    width: 48px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    color: var(--black-light);
    border-radius: 100%;
    border: solid 2px var(--black-light);
    transition: all ease-in 0.3s;
  }
  .banner-bottom-section .gallery-slider .slick-prev:before {
    display: block !important;
         content: '' !important;
    border: solid 2px;
    border-width: 0px 3px 3px 0px;
    border-color: var(--black-light);
    position: absolute;
    padding: 2px;
    height: 10px;
    width: 10px;
    left: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
  }
  .banner-bottom-section .gallery-slider button.slick-next:hover{
      box-shadow: 0px 5px 0px 0px var(--black-light);
      top: 49%;
  }
  .banner-bottom-section .gallery-slider .slick-prev:hover{
      box-shadow: 0px 5px 0px 0px var(--black-light);
      top: 49%;
  }
}
/*galarysec mobile*/




@media (max-width: 767px) {
  .billscustom_homeback_main_page .bill-exp-section {
      max-width: 960px;
      margin: 0 auto;
      width: 100%;
      padding: 0 0;
  }

  .wrapper.offer-open-video-wrap .video-section {
      height: 401px;
  }
  .wrapper.offer-open-video-wrap {
      padding: 99px 0px 0px;
  }
}

.offer-open-video-wrap .video-section video{
  border-bottom: 2px solid var(--black-light);
}


.event-offers-section .location-arrow.loc-arrow.nearest_location div.autocomplete-items {
    width: 270px;
    left: -19px;
    top: 151%;
    pointer-events: auto;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: #ff0000;
    scrollbar-width: thin;
    scrollbar-color: #ff0000 #000000;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .event-offers-section .location-arrow.loc-arrow.nearest_location div.autocomplete-items {
    width:250px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
   .event-offers-section .location-arrow.loc-arrow.nearest_location div.autocomplete-items {
     width:320px;
   }
   .common-slider button.slick-prev {
      left: 0;
  }
  .common-slider button.slick-next {
      right: 0;
  }
}
@media (max-width: 767px) {
  .view-all-section.event-view {
      padding: 15px 0px 44px;
  }
  .event-offers-section .location-arrow.loc-arrow.nearest_location div.autocomplete-items {
        width: 101%;
    left: -2px;
  }
  .event-offers-section .location-arrow.loc-arrow.nearest_location {
      padding: 15px 0px 12px 0px;
  }
  .event-offers-section .location-arrow.loc-arrow.nearest_location .wrap-drop.input.form-select{
    padding-left:17px !important;
  }
  .event-offers-section .location-arrow.loc-arrow.nearest_location .wrap-drop.input.form-select:before {
      right: 17px;
  }
}

.event-offers-section .location-arrow.loc-arrow.nearest_location div.autocomplete-items div {
    /*display: block;*/
    padding: 15px 19px !important;
    letter-spacing: 0px !important;
    font-size: 16px !important;
    line-height: 17px !important;
    font-family: var(--BalboaPlus);
    color: var(--black-light) !important;
}




.event-offers-section .location-arrow.loc-arrow.nearest_location div.autocomplete-items::-webkit-scrollbar-corner,
.event-offers-section .location-arrow.loc-arrow.nearest_location div.autocomplete-items .scrollbar-1::-webkit-scrollbar-track {
  background-color: var(--black-light);
}

.event-offers-section .location-arrow.loc-arrow.nearest_location div.autocomplete-items::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.event-offers-section .location-arrow.loc-arrow.nearest_location div.autocomplete-items::-webkit-scrollbar-track {
  background-clip: content-box;
  border: 8px solid rgba(var(--black-light), 0.3);
  background-color: var(--black-light);
}

.event-offers-section .location-arrow.loc-arrow.nearest_location div.autocomplete-items::-webkit-scrollbar-thumb {
  background-color: var(--black-light);
  border-radius: 12px;
}

.event-offers-section .location-arrow.loc-arrow.nearest_location div.autocomplete-items::-webkit-scrollbar-thumb:hover {
  background-color: var(--black-light);
}

.event-offers-section .location-arrow.loc-arrow.nearest_location div.autocomplete-items::-webkit-scrollbar-corner,
.event-offers-section .location-arrow.loc-arrow.nearest_location div.autocomplete-items::-webkit-scrollbar-track {
  /*background-color: var(--black-light);*/
  background-color: #cdcdcd;
  border-radius: 12px;
}
.event-offers-section .location-arrow.loc-arrow.nearest_location div.autocomplete-items::-webkit-scrollbar{
  display: inherit;
}
.private-dining .btn-main-whats {
    border-bottom: none;
}
.private-dining .btn-main-whats.active {
    border-bottom: solid 2px var(--black-light);
}

.wrapper.terms-con-wrap h4, 
.wrapper.terms-con-wrap h3 {
    font-size: 16px;
    line-height: 27px;
    padding:5px 0px 10px;
    color: var(--black-light);
    /*font-family: "input-sans-compressed",sans-serif !important;*/
    font-family: "balboa-plus-fill",sans-serif !important;
    margin: 0;
    letter-spacing: 0.16px;
    font-weight: bold;
    text-transform: uppercase;
}
.wrapper.terms-con-wrap a{
  color: var(--black-light);
}

.k10-menus .k10-menu-selector_drop-down .k10-menu-selector__arrow{
  top: 23px !important;
}
.k10-menus .k10-menu-selector_drop-down .k10-menu-selector__arrow svg.arrow-svg {
    opacity: 0;
}
.k10-menus .k10-recipe__info-img svg.info-svg {
    vertical-align: 0px !important;
}

@media (max-width: 767px) {
  .wrapper.terms-con-wrap h4, 
.wrapper.terms-con-wrap h3 {
    padding:70px 0px 27px;
    margin: 0;
}
  }


  .k10-menus .k10-menu-selector_drop-down .k10-menu-selector__arrow{
    background: url(../images/event-feather-arrow-left-icon.svg) no-repeat center center/100% !important;
    height: 15px !important;
        width: 15px !important;
  }


@media (min-width: 768px) and (max-width: 1199px) {
  section.top-header.mobile-banner{
      display: block;
  }

  section.top-header.desktop-banner {
      display: none;
  }
}



.home .custom-position {
    background: var(--canvas-beige) !important;
    padding: 0px 0px 30px 0px !important;
}
.home .custom-position img {
    max-width: 100%;
    border-right: solid 2px var(--black-light);
    height: 100%;
    object-fit: cover;
    max-height: 285px;
    width: 100%;
    min-height: 100%;
}

.home .custom-position p {
    padding: 0 0 10px;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.16px;
    margin: 0;
    color: var(--dark-charcoal-color);
}
.home .custom-position a.common-btn {
    text-align: left;
    justify-content: start;
    padding: 8px 15px 8px 15px;
    margin-top: 20px;
    max-width: 200px;
    font-size: 16px;
}
.home .pum-title.popmake-title {

            display: none;
}
.pum-content.popmake-content .content .title{
      font-size: 23px !important;
    line-height: 32px !important;
    margin: 0 !important;
    padding: 0px 0 18px !important;
    color: var(--black-light) !important;
    font-family: 'balboa-plus-fill' !important;
    
}
.home .pum-container.popmake {
    border-radius: 0px !important;
    border: solid 2px #3c3834 !important;
        padding-right: 0 !important;
}
.home  .pum-content + .pum-close, 
.home .pum-content + .pum-close{
    right: 18px !important;
    bottom: auto !important;
    top: 32px !important;
    padding: 4px !important;
    color: #3c3834 !important;
    font-family: Times New Roman !important;
    font-weight: 700 !important;
    font-size: 45px !important;
    line-height: 20px !important;
    border-radius: 0 !important;
    background-color: transparent !important;
}
.pum-container.popmake.theme-619.pum-responsive.pum-responsive-medium.responsive.size-medium.active.custom-position {
    padding: 0 !important;
}
.home .pum-container.pum-responsive.pum-responsive-medium{
        width: calc(100% - 30px) !important;
    max-width: 600px !important;
    padding: 0 !important;
     margin: 0px auto 0 !important;
     top: 50% !important;
     transform: translateY(-50%) !important;
}
.menus .loc-wrapper.menu-wrapper .container {
    max-width: inherit;
}
.pum-content.popmake-content {
    display: flex;
}
.pum-content.popmake-content .content{
      width: 50%;
    padding: 68px 56px 30px 40px;
}
.pum-content.popmake-content .content.full{
  width: 100%;
}
.pum-content.popmake-content .img-box{
      width: 50%;

}
@media (max-width: 1366px) {
  .pum-content.popmake-content .content{
        padding: 78px 26px 81px 26px;
  }
  .home .custom-position p{
    font-size: 15px !important;
      line-height: 25px !important;
  }
  .home .custom-position img{
        max-height: 304px !important;
  }
}
@media (max-width: 991px) {
  .home .custom-position img{
        max-height: 294px !important;
  }
  .home .custom-position p{
        font-size: 13px !important;
    line-height: 23px !important;
  }
}
@media (max-width: 767px) {
.home .pum-content + .pum-close, .home .pum-content + .pum-close {
    top: -40px !important;
    background: #9dd4ca !important;
    height: 40px !important;
    width: 40px !important;
    right: -2px !important;
    font-size: 32px !important;
    border: solid 2px #3c3860 !important;
}
  .pum-content.popmake-content{
    flex-wrap: wrap;
  }
  .pum-container.popmake.theme-619.pum-responsive.pum-responsive-medium.responsive.size-medium.active.custom-position{
        width: calc(100% - 44px) !important;
  }

  .home .pum-container.pum-responsive.pum-responsive-medium{
    transform: initial !important;
    top: inherit !important;
    left: inherit !important;
    margin: 80px auto 0 !important;
  }
  .pum-theme-619 .pum-content, .pum-theme-enterprise-blue .pum-content{
        flex-wrap: wrap;
    width: 100%;
  }
  .pum-content.popmake-content .img-box {
    width: 100%;
}
.pum-content.popmake-content .content{
  padding: 32px 26px 24px 25px;
  width: 100%;
}

   .home .pum-container.pum-responsive.pum-responsive-medium {
      width: 98% !important;
  }
  
  .home .custom-position img{
          max-height: 197px !important;
    height: 197px !important;
    border-bottom: solid 2px #3c3834;
    border-right: none;
  }
  .home .custom-position p{
      font-size: 16px !important;
     line-height: 26px !important;
  }



}
#your-details .heading p span#selected_table_type {
    position: relative;
    display: inline-block;
    padding: 0px 10px;
    text-transform: capitalize;
}
#your-details .heading p span#selected_table_type:before {
    content: '(';
    position: absolute;
    left: 0;
    top: 0;
}

#your-details .heading p span#selected_table_type:after {
    content: ')';
    position: absolute;
    top: 0;
    right: 0;
}


/*====================footer newsletter form create css start===============*/
.footer-news-letter-section .two-col {
    display: flex;
    column-gap: 16px;
}
.footer-news-letter-section .two-col .form-group {
    width: 50%;
}
.footer-news-letter-section .two-col .form-control {
    border-radius: 0px;
    box-shadow: none;
    outline: none;
    background: none;
    border: none;
    border-bottom: 1px solid var(--white);
    padding-left:2px;
    color: var(--white) !important;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0;
    padding-bottom: 6px;
    margin-top: 0px;
        padding-top: 0;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -ox-background-clip: text !important;
    -webkit-text-fill-color: var(--white) !important;
    -moz-text-fill-color: var(--white) !important;
    -ox-text-fill-color: var(--white) !important;
    outline-color: var(--white) !important;
    caret-color: var(--white) !important;
}

.footer-news-letter-section .two-col span{
  margin-bottom: 18px;
  display: block;
  height: 35px;
}
@media (max-width: 767px) {
  .footer-news-letter-section .two-col span {
      margin-bottom: 16px;
      display: block;
      height: auto;
  }
}
.footer-news-letter-section .full-col {
    /*margin-top: 16px;*/
}
  .footer-news-letter-section .two-col input.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--white);
    opacity: 1; /* Firefox */
  }

  .footer-news-letter-section .two-col input.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--white);
  }

  .footer-news-letter-section .two-col input.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--white);
  }

  .footer-news-letter-section .two-col .form-control::-webkit-outer-spin-button,
  .footer-news-letter-section .two-col .form-control::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* Firefox */
  .footer-news-letter-section .two-col .form-control[type=number] {
    -moz-appearance: textfield;
  }

  .footer-news-letter-section .custom-drop-multipal {
      border-bottom: 1px solid var(--white);
      margin-bottom: 15px;
      margin-top: 0;
      padding-top: 0 !important;
      color: var(--white);
      font-size: 14px;
      padding-bottom: 6px !important;
      line-height: 26px !important;
  }
  .footer-news-letter-section .custom-drop-multipal ul.drop {
      max-height: 148px;
      border: 1px solid var(--white);
  }
  .footer-news-letter-section .custom-drop-multipal ul.drop li.selected a {
      opacity: 0.8;
      font-weight: 600;
  }
  .footer-news-letter-section .custom-drop-multipal span {
      color: var(--white);
      font-size: 14px;
      letter-spacing: 0;
  }
  .footer-news-letter-section .custom-drop-multipal:before {
      height: 9px;
      width: 9px;
      top: 42%;
  }
  .footer-news-letter-section .check-box-row .check-feild {
      margin: 15px 0px !important;
  }
  .footer-news-letter-section .check-box-row .check-feild label {
      font-size: 10px;
      color: var(--white);
      line-height: 20px;
      letter-spacing: 0.1px;
  }
  .footer-news-letter-section .check-box-row .check-feild label a{
    color: var(--white);
    text-decoration: underline;
    outline-color: none;
    box-shadow: none;
  }
  .footer-news-letter-section .check-box-row .check-feild .check-input {
     height: 17px;
         width: 17px;
  }
  .footer-news-letter-section .check-box-row .check-feild input {
      width: 17px;
      height: 17px;
  }
  .footer-news-letter-section .check-box-row .check-feild .check-input span:before {
      width: 17px;
      height: 17px;
      border: solid 1px var(--white);
  }
  .footer-news-letter-section .check-box-row .check-feild .check-input input:checked ~ span:after {
      border-color: var(--btn-color);
      opacity: 2;
      background: var(--btn-color);
      width: 15px;
      height: 15px;
  }


.top-header .down, .group-booking-section .down, .subscribe-section .down, .join-team-banner .down{position:absolute;bottom:130px;left: 0;right: 0;margin: auto;width:35px;height:35px;display: none;z-index: 1;}
.carousel-caption br{display: none;}
.subscribe-section .left-banner{position: relative;}



  @media (max-width: 767px) {
    footer .col-sm-6.col-md-4.col-lg-4.menu-ftr, 
    footer .col-6.col-sm-6.col-md-2.col-lg-2.mobile-view-footer, 
    .col-6.col-sm-6.col-md-2.col-lg-4.desktop-view-footer{
      width:100%;
      padding-right: calc(var(--bs-gutter-x) * .5);
          padding-left: calc(var(--bs-gutter-x) * .5);
    }
    .footer-news-letter-section .two-col {
        display: block;
        column-gap: 0;
        flex-wrap: wrap;
        width: 100%;
    }
    .footer-news-letter-section .two-col .form-group, 
    .footer-news-letter-section .full-col, 
    .footer-news-letter-section .check-box-row{
        width: 172px;
    }
    footer a.btn {
      width: 172px;
      height: 35px;
    }
    .col-6.col-sm-6.col-md-2.col-lg-2.mobile-view-footer .title {
        padding-top: 18.82px;
    }
    .top-header .down, .group-booking-section .down, .subscribe-section .down, .join-team-banner .down{display: block;}
    .carousel-caption br{display: block;}
  }
/*====================footer newsletter form create css End===============*/

.wrapper.subscribe-section .container-fluid ul.title_sectioncontainer li a{
 color: var(--black-light);
     display: block;
     padding: 15px 19px;
     text-decoration: none;
     letter-spacing: 0px;
     font-size: 16px;
     line-height: 17px;
}


@media (min-width: 768px) and (max-width: 991px) {
  .col-6.col-sm-6.col-md-2.col-lg-4.desktop-view-footer {
      width: 33%;
  }

  }
 .wrapper.join-team-wrap .join-team-box .box .heading{
    font-size: 26px;
    line-height: 26px;
    letter-spacing: 0;
    color: var(--black-light);
    padding-bottom:12px;
  } 
  
  

/*================group dining banner css 12-04-2023 start==================*/
  body.booking-group-bdy.group-dining section.group-booking-section .img-box img, 
  body.booking-group-bdy.group-bookings section.group-booking-section .img-box img {
      height: 464px;
      object-fit: cover;
      object-position: 50% 50%;
  }

  body.booking-group-bdy.group-dining section.group-booking-section .img-box, 
  body.booking-group-bdy.group-bookings section.group-booking-section .img-box{
    height: auto !important;
  }

  
   /* @media (max-width: 1700px) {
    body.booking-group-bdy.group-dining section.group-booking-section .img-box img, 
    body.booking-group-bdy.group-bookings section.group-booking-section .img-box img {
        height: 410px;
    }
  } */
  
  @media (min-width: 768px) and (max-width: 991px) {
    body.booking-group-bdy.group-dining section.group-booking-section .img-box img, 
    body.booking-group-bdy.group-bookings section.group-booking-section .img-box img {
        height:186px;
        margin-top: 0;
    }
  }
  @media (max-width: 767px) {
    body.booking-group-bdy.group-dining section.group-booking-section .img-box img, 
    body.booking-group-bdy.group-bookings section.group-booking-section .img-box img {
        height: calc(100vh - 145px) !important;
    }

  }
  /*================group dining banner css 12-04-2023 End==================*/

  /*=================scroll arrow img css 12-04-2023 start=====================*/
  .scroll-to-top img{
    width: 24px;
    height: 24px;
    display: block;
    max-width: inherit;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
  }
  /*=================scroll arrow img css 12-04-2023 End=====================*/
  
  /*Strive - 12-05-2023*/
  .common-btn img {
    width: 13px;
    margin-right: 6px;
}

.common-btn{
    width: 147px;
    font-size: 20px;
    margin-left: 31px;
    height: 51px;
}

 /*=================Join The Team Css 31-5-2023 =====================*/
 .wrapper-join .container-fluid, .testmonials_clint_wrapper .container-fluid {padding: 0 15px;max-width: 1685px;margin: auto;}
.core-values-section {padding: 66px 0 43px;background: #9DD4CA;border-bottom: 2px solid #3C3834;}
.same-heading {text-align: center;padding-bottom:40px;}
.same-heading h2 {margin: 0;font-size: 37px;color: #3C3834;line-height: 44px;}
.core-values-section .core-service-box ul {display: flex;display: -webkit-flex;flex-wrap: wrap;list-style: none;margin: -15px;}
.core-values-section .core-service-box ul li {width: 33.333%;padding: 15px;text-align: center;}
.core-values-section .core-service-box ul li figure {max-width: 99px;margin: auto auto 40px;}
.core-values-section .core-service-box ul li .content-aera h2 {font-size: 30px;color: #3C3834;line-height: 36px;margin: 0;padding-bottom: 17px;}
.core-values-section .core-service-box ul li .content-aera p {font-size: 16px;color: #2F2F2F;line-height: 26px;margin: 0;font-weight: 400;letter-spacing: 0.16px;}
.core-values-section .core-service-box ul li .core-blog-service {max-width: 270px;margin: auto;}
.team-featured-jobs {padding-top: 70px;padding-bottom: 79px;}
.team-featured-inner .same-heading {text-align: left;}
.team-featured-row {display: flex;flex-wrap: wrap;display: -webkit-flex;border: 2px solid #3C3834;}
.team-featured-row .team-featured-img {max-width: 935px;width: 100%;}
.team-featured-row .team-featured-content {max-width: calc(100% - 935px);display: flex;flex-wrap: wrap;align-items: center;padding: 40px;background: #9DD4CA;border-left: 2px solid #3C3834;}
.team-featured-row .team-featured-img figure {height: 100%;}
.team-featured-row .team-featured-img figure img {height: 100%;object-fit: cover; width: 100%;}
.team-featured-row .team-featured-content h2 {font-size: 30px;color: #3C3834;line-height: 36px;padding-bottom: 17px;margin: 0;}
.team-featured-row .team-featured-content p {font-size: 16px;line-height: 26px;margin: 0;color: #2F2F2F;letter-spacing: 0.16px; margin-bottom: 30px;}
.team-featured-row .team-featured-content .btn {text-align: left !important;justify-content: left;}
.vacancies-team-inner .same-heading { text-align: left;}
.vacancies-team-section {border-top: 2px solid #3C3834;padding-top: 52px;padding-bottom: 77px;}
.call-action-team-section.color-yello-theme {background: #FDD963;text-align: center;padding: 72px 0;border-top: 2px solid #3C3834;border-bottom: 2px solid #3C3834;}
.call-action-team-inner p{ max-width:600px;}
.wrapper.join-team-wrap .join-team-box .img-box .inner-box .title {padding-bottom: 0;}
.benefits-heading .heading-comm {background: var(--canvas-beige);padding: 36px 0;margin: 0;border-top: solid 2px var(--black-light);border-bottom: solid 2px var(--black-light);}
.benefits-heading .heading-comm h2 {font-size: 24px;}
.join-team-box .container-fluid .row.justify-content-center.align-items-center:first-child .col-12:last-child .img-box::after {border-top: none;border-bottom: none;}
.main_cover_inner_slider figure {border: 3px solid #3C3834; margin: 0 !important; position: relative; width: 100%; height: 318px; position:relative; }
.main_cover_inner_slider figure img {object-position: center center; object-fit: cover; width: 100%; height: 100%; }
.main_cover_inner_slider figure::after {position: absolute; content: ""; left: 0; top: 0; background: #fff; width: 100%; height: 100%; opacity: 0.45; pointer-events: none; }
.main_cover_inner_slider {position: relative; }
.vacancies_c {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.main_cover_inner_slider h2 {font-size: 37px;color: #3C3834;max-width: 208px;text-align: center;line-height: 42px;  margin: 0;margin-bottom: 10px;min-height: 85px;display: flex;align-items: center;}
.vacancies-team-slider {margin-top: 0 !important; margin-left: -15px !important; margin-right: -15px !important; }
.benefits-heading.benefits-section .core-service-box ul {display: flex; flex-wrap: wrap; list-style: none; margin: 0 !important; padding: 0 !important; }
.benefits-heading.benefits-section .core-service {padding: 77px 0 60px; }
.core-blog-service h2 {font-size: 30px; line-height: 36px; color: #3C3834; max-wq: ; max-width: 304px; margin: auto; }
.benefits-heading.benefits-section .core-service-box ul li:first-child {margin-bottom: 125px; }
.benefits-heading.benefits-section .container-fluid {max-width: 1470px; }
.benefits-heading.benefits-section .core-service-box ul li {width: 33.3%; text-align: center; }
.top_cover_comman {background: var(--canvas-beige); padding: 36px 0; margin: 0; border-top: solid 2px var(--black-light); border-bottom: solid 2px var(--black-light); text-align: center; }
.top_cover_comman h2 {letter-spacing: 0px; color: var(--black-light); font-size: 24px; opacity: 4; line-height: 34px; text-align: center; padding: 0; margin: 0; }
.say_slider_wrapper_box {overflow: hidden; padding: 80px 0; }
.say_slider_wrapper_box .people_say_slider {margin: 0 !important; }
.people_say_slider_inner {border: 2px solid #3C3834; background: #9DD4CA; }
.people_say_slider_inner figure {margin: 0; padding: 0; border-bottom: 2px solid #3C3834; }
.people_say_content {padding: 57px 40px; }
.people_say_content h2 {font-size: 30px; color: #3C3834; line-height: 36px; margin: 0; padding-bottom: 21px;}
.people_say_content p {font-size: 16px; line-height: 26px; letter-spacing: 0.16px; margin: 0 !important; color: #2F2F2F; }
.people_say_slider_inner figure img {width: 100%; }
.vacancies-team-slider .slick-arrow, .people_say_slider .slick-arrow {width: 48px;height: 48px;transition: 0.3s ease-out;border-radius: 100px;}
.vacancies-team-slider .slick-prev.slick-arrow, .people_say_slider .slick-prev.slick-arrow, .common-slider.featured_job_slider .slick-prev.slick-arrow {background-image: url(../images/left-arrow-i.svg); background-size: cover; background-repeat: no-repeat; z-index: 9; left: 0; border: 0; }
.vacancies-team-slider .slick-next.slick-arrow, .people_say_slider .slick-next.slick-arrow, .common-slider.featured_job_slider .slick-next.slick-arrow {background-image: url(../images/right-arrow-i.svg); background-size: cover; background-repeat: no-repeat; z-index: 9; right: 0; border: 0; }
.vacancies-team-slider .slick-arrow::before, .people_say_slider .slick-arrow::before, .common-slider.featured_job_slider .slick-arrow::before {display:none;}
 .people_say_slider .slick-next.slick-arrow.slick-disabled{display: block !important;}
.vacancies-team-slider .slick-arrow:hover, .people_say_slider .slick-arrow:hover {margin-top: -5px;box-shadow: 0 10px 0px -3px var(--black-light);}
.people_say_slider .slick-prev.slick-arrow{left:40px;}
.people_say_slider .slick-next.slick-arrow{right:40px;}
.bill-s-socials-section .people_say_content .same-btn{margin-top:30px;justify-content: left;}
.for-information-section {padding-bottom: 66px;text-align: center;}
.for-information-section .for-information-inner {max-width: 605px;margin: auto;}
.for-information-section .for-information-inner p {font-size: 16px;color: #2F2F2F;line-height: 26px;}
.bill-s-socials-section .people_say_content {padding-bottom: 32px;}
.wrapper-join .btn.same-info::before {content: attr(data-text);}
.wrapper-join .btn.same-info:hover::before {content: attr(data-hover);}

.call-action-team-section .btn::before {content: attr(data-touch);}
.call-action-team-section .btn:hover::before {content: attr(data-hover);}
.say_slider_wrapper_box .btn::before {content: attr(data-bill);}
.say_slider_wrapper_box .btn:hover::before {content: attr(data-hover);}
.bill-s-socials-section {display: none;}
.for-information-section{display: none;}
.core-values-section .core-service-box ul{padding:0;}
.for-information-section {display: block;}
.for-information-section .for-information-inner p a {text-decoration: none;}
.people_say_slider_inner figure img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: top;
}



/* 06-19-2023 Start CSS */
.featured_job_slider.slick-initialized, 
.people_say_slider.slick-initialized {
  margin-top: 0px;
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.featured_job_slider.slick-initialized .slick-slide {
	margin: 0px 15px;
}
.featured_job_slider .team-featured-row {
}
.featured_job_slider .team-featured-row .team-featured-img {
	width: 46.5%;
	max-width: 100%;
}
.featured_job_slider .team-featured-row .team-featured-content {
	max-width: 100%;
	width: 53.5%;
}
.common-slider.featured_job_slider button.slick-prev {
  left: 0px;
}
.common-slider.common-slider button.slick-next {
  right: 0;
}
.people_say_slider .slick-prev.slick-arrow {
  left: 0px;
}
.people_say_slider .slick-next.slick-arrow {
  right: 0px;
}

/* 06-19-2023 End CSS */


@media (max-width: 1700px){
.core-values-section{padding:54px 0 43px;}
.team-featured-jobs {padding-top: 54px;padding-bottom: 54px;}
.vacancies-team-section{padding:54px 0;}
.call-action-team-section.color-yello-theme{padding:54px 0;}
.benefits-heading.benefits-section .core-service{padding:54px 0;}
.say_slider_wrapper_box{padding:54px 0;}
.people_say_content h2{font-size:25px; line-height:33px;}
.people_say_content{padding:35px;}
.core-blog-service h2{font-size:26px;}
.main_cover_inner_slider h2{font-size:32px;line-height: 35px;}
.main_cover_inner_slider h2{min-height: 70px;}
.same-heading h2{font-size: 32px;line-height: 40px;}
.same-heading{padding-bottom: 30px;}
.team-featured-row .team-featured-content h2{font-size: 28px;line-height: 30px;padding-bottom: 15px;}
.team-featured-row .team-featured-content p{margin-bottom: 25px;}
.core-values-section .core-service-box ul li .content-aera h2{font-size: 28px;line-height: 30px;}
.wrapper-join .container-fluid, .testmonials_clint_wrapper .container-fluid{max-width:1366px;}
.vacancies-team-slider .slick-arrow, .people_say_slider .slick-arrow, .common-slider.featured_job_slider .slick-arrow{width: 35px;height: 35px;}
.common-slider.featured_job_slider .slick-prev::before {left: 11px;}
.common-slider.featured_job_slider .slick-next::before {left: 10px;}
.vacancies-team-slider .slick-prev.slick-arrow{left: -2px;}
.vacancies-team-slider .slick-next.slick-arrow{right: -2px;}
.team-featured-row .team-featured-img{max-width: 800px;}
.team-featured-row .team-featured-content{max-width: calc(100% - 800px);}
.core-values-section .core-service-box ul li figure{max-width: 65px;margin: auto auto 30px;max-height: 65px;}
.for-information-section{padding-bottom:54px;}
.team-featured-row .team-featured-content{padding:30px;}
.join-team-banner h1 {
  padding-top: 50px;
}
}
@media (max-width: 1600px){
.people_say_slider_inner figure img{height: auto;}
    
}
@media (max-width: 1375px){
.vacancies-team-slider .slick-prev.slick-arrow{left: 5px;} 
.vacancies-team-slider .slick-next.slick-arrow{right: 5px;}
.team-featured-row .team-featured-img{max-width: 690px;}
.team-featured-row .team-featured-content {max-width: calc(100% - 690px);}
.main_cover_inner_slider h2{font-size: 28px;line-height: 30px;min-height: 60px;}
.people_say_content{padding:20px;}
.people_say_content h2{padding-bottom: 15px;}
.benefits-heading.benefits-section .core-service-box ul li:first-child {margin-bottom: 80px;}
.people_say_slider_inner figure img{height: auto;}
.join-team-banner h1 {
  padding-top:20px;
}
}
@media (max-width: 1199px){
 .team-featured-row .team-featured-img {max-width: 540px;} 
.team-featured-row .team-featured-content{max-width: calc(100% - 540px);}
.slick-initialized .slick-slide{margin: 0 10px;}
.featured_job_slider.slick-initialized, .people_say_slider.slick-initialized {margin-left: -10px !important; margin-right: -10px !important; }
.featured_job_slider.slick-initialized .slick-slide {margin: 0px 10px; }
/*.people_say_slider .slick-next.slick-arrow {right: 20px;}*/
/*.people_say_slider .slick-prev.slick-arrow {left: 20px;}*/
.people_say_content h2 {font-size: 22px;line-height: 30px;}
.people_say_slider_inner figure img{height: auto;}

}
@media (max-width: 991px){
.core-blog-service figure {max-width: 70px;margin-left: auto;margin-right: auto;}
.core-blog-service figure img {width: 100%;}
.benefits-heading.benefits-section .core-service-box ul li{width: 50%;}  
.benefits-heading.benefits-section .core-service-box ul li + li + li{margin-top:40px;}
.benefits-heading.benefits-section .core-service-box ul li:first-child {margin-bottom: 0;}
.team-featured-row .team-featured-img{width:100%;max-width: 100%;}
.team-featured-row .team-featured-content {max-width: 100%;border: 0;}
.core-values-section .core-service-box ul li{width:50%;}
.core-values-section .core-service-box ul{margin:-15px 0;justify-content: center;}
.same-heading h2{font-size:26px;}  
.core-values-section .core-service-box ul li .content-aera h2 {font-size: 26px;line-height: 25px;padding-bottom: 10px;}
.same-heading h2{line-height: 30px;}
.team-featured-row .team-featured-content {padding: 35px 33px 40px;}
.team-featured-row .team-featured-content h2{font-size:30px;}
.wrapper.join-team-wrap .join-team-box .img-box::after{display:none;}
.wrapper.join-team-wrap .join-team-box .img-box{border-top: solid 2px var(--black-light);}
.vacancies-team-slider .slick-prev.slick-arrow{left: 20px;}
.vacancies-team-slider .slick-next.slick-arrow{right:20px;}
 .core-blog-service h2{font-size:20px;line-height: 24px;} 
 .core-blog-service figure{max-width: 65px;}
.people_say_slider_inner figure img{height: auto;}

}
@media (max-width: 767px){
.core-values-section .core-service-box ul li{width:100%;}
.people_say_content h2{font-size:26px;line-height:31px;}
/*.vacancies-team-slider .slick-arrow, .people_say_slider .slick-arrow, .common-slider.featured_job_slider .slick-arrow {width: 48px;height: 48px;}*/
/*.people_say_slider .slick-prev.slick-arrow{left:0;}*/
/*.people_say_slider .slick-next.slick-arrow{right:0;}*/
.top_cover_comman h2{font-size:26px;}
.top_cover_comman{padding:54px 0;}
.vacancies-team-slider .slick-next.slick-arrow{right:3px;}
.vacancies-team-slider .slick-prev.slick-arrow{left:3px;}
.join-team-banner h1 {
  padding-top: 40px;
}
/*responsivefooter*/  
footer .row.justify-content-center .col-12:nth-child(1) {
    width: 100% !important;
} 
footer .col-6, footer .col-12 {
    width: 50% !important;
}
.col-6.col-sm-6.col-md-2.col-lg-4.desktop-view-footer {
    width: 100% !important;
} 
.mobile-view-footer .col-12.col-sm-12.col-md-12.col-lg-12 {
    width: 100% !important;
} 
.footer-news-letter-section .full-col {
    width: 100%;
}
.featured_job_slider .team-featured-row .team-featured-img, 
.featured_job_slider .team-featured-row .team-featured-content {
  width: 100%;
  max-width: 100%;
}

}
@media (max-width:600px){
.slick-initialized .slick-slide{margin:0;}    
 .vacancies-team-slider{margin:0 !important;}   
}
.people_say_slick .slick-track {
  display: flex;
  flex-wrap: wrap;
}
.people_say_slick .slick-track .people_say_slider_inner {
  height: 100%;
}
.people_say_slick .slick-track .item {
  height: auto !important;
}
.join-the-team .bookatable-commen a {
  pointer-events: none;
}



/* mrx  christmas css here */

.top-header.info-banner.section-top.hero-slider-add.join-team-banner.desktop-banner.christmas-banner {
  height: 464px;
}
.top-header.info-banner.section-top.hero-slider-add.join-team-banner.desktop-banner.christmas-banner .form-section {
  bottom: 51px !important;
}
.insta-wrap .container-fluid {
    padding: 0 !important;
}
.insta-wrap #sbi_images {
    padding: 0 !important;
}
.insta-wrap .sbi-owl-dots {
    display: none;
}

.insta-wrap #sb_instagram {
    padding-bottom: 0 !important;
}
.bookatable-commen.desktop.new {
    width: auto !important;
    max-width: 192px !important;
}
.featured_job_slider .team-featured-row .team-featured-content {
    min-height: 352px !important;
}
.bookatable-commen.desktop.new a {
    position: relative;
    display: block;
    z-index: 1;
    pointer-events: auto !important;
}
/*********16-06-2023*******/
.for-information-section {
    padding: 66px 0 50px;
    text-align: center;
}
.join-the-team  .for-information-inner a {
    color:#000 !important;
    font-weight: bold;
}
.insta-wrap {
    padding-top: 80px;
}
  @media (max-width: 1700px){
.insta-wrap {
	padding-top: 54px;
}
.for-information-section {
	padding: 54px 0 40px;

}
}


body.inner-page.private-dining section.gift-card-banner {
    padding-top: 0 !important;
}




/*11-07-2023css*/
.custom-drop-multipal input {
    background: transparent;
    border: none;

    color: var(--dark-charcoal-color);
    border-radius: 0px;
    padding-left: 0;
    font-size: 16px;
    letter-spacing: 0.16px;
    line-height: 26px;
    width: 100%;
    outline: 0;
}

.custom-drop-multipal input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #2f2f2f !important;
}
.custom-drop-multipal input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #2f2f2f !important;
   opacity:  1;
}
.custom-drop-multipal input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #2f2f2f !important;
   opacity:  1;
}
.custom-drop-multipal input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #2f2f2f !important;
}
.custom-drop-multipal input::-ms-input-placeholder { /* Microsoft Edge */
   color:    #2f2f2f !important;
}

.custom-drop-multipal input::placeholder { /* Most modern browsers support this now. */
   color:    #2f2f2f !important;
}


body .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    background: var(--white) !important;
    box-shadow: 3px 3px 3px rgb(0 0 0 / 20%) !important;
    left: 0;
    list-style: none;
    margin-top: 0;
    padding-left: 0;
    pointer-events: initial !important;
    border: 2px solid var(--black-light) !important;
    max-height: 164px !important;
    overflow-y: scroll !important;
    scrollbar-width: thin;
    scrollbar-color: red;
    scrollbar-width: thin;
    scrollbar-color: var(--black-light) gray;
    width: 100% !important;
    max-width: 358px !important;
}

body .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li {
    color: var(--black-light);
    display: block;
    text-decoration: none;
    letter-spacing: 0px;
    font-size: 16px;
    padding: 15px 19px;
    line-height: 17px;
    border-bottom: 2px solid var(--black-light);
}

 /*scroolbar*/

body .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front::-webkit-scrollbar-corner,
body .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front::-webkit-scrollbar-track {
  background-color: gray;
}

body .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

body .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front::-webkit-scrollbar-track {
  background-clip: content-box;
  border: 8px solid rgba(128, 128, 128, 0.3);
  background-color: gray;
}

body .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front::-webkit-scrollbar-thumb {
  background-color: var(--black-light);
  border-radius: 12px;
}

body .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front::-webkit-scrollbar-thumb:hover {
  background-color: var(--black-light);
}

body .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front::-webkit-scrollbar-corner,
body .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front::-webkit-scrollbar-track {
  background-color: var(--black-light);
  border-radius: 12px;
}


@media (max-width: 767px) {
 body .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {max-width: 90% !important; }


	
}


/*13-07-2023*/
div#loader-wrapper img {
    width: 223px;
    margin: auto;
}
.inner_loaders {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
#loader-wrapper {
    background: rgba(158,211,201,0.5) !important;
}
div#slot_lock_api_failed .modal-content {min-height: auto !important; background: #fff !important; max-width: 429px; margin: auto; padding: 11px 33px; }
div#slot_lock_api_failed .modal-content .modal-header {background: #fff !important; }
div#slot_lock_api_failed  .modal-body {background: #fff !important; }
div#slot_lock_api_failed  .modal-footer {background: #fff !important; }
div#slot_lock_api_failed div#error_message {text-align: center; }
div#slot_lock_api_failed .alternative-time {width: 100% !important; }
div#slot_lock_api_failed a.modal-title img {max-width: 86px; }
div#slot_lock_api_failed img {max-width: 23px; }
div#slot_lock_api_failed .alternative-time {
    padding: 0 !important;
}
div#slot_lock_api_failed .modal-header {
    padding-bottom: 28px !important;
}
div#slot_lock_api_failed .modal-footer {
    padding: 18px 0 27px;
}
div#slot_lock_api_failed a.modal-title img {
    margin: auto !important;
}
div#slot_lock_api_failed .modal-header {
    justify-content: center;
}
@media (max-width:1500px) {
div#slot_lock_api_failed .modal-body {
    padding: 0 !important;
    }

}


@media (max-width: 991px) {
	
div#slot_lock_api_failed .heading {
    padding:  0 !important;
}


	
}




/*8-08-2023 footer button book css go live thursday*/
a.book-table-btn.mobile-view-section.cmdsd {
	height: auto !important;
	background: transparent !important;	
	border: none !important;
}
.book-table-btn.mobile-view-section.cmdsd {
	bottom: -3px !important;
}
.banner-bottom-section.new-designpdrcustom.custom-pdr-section .bottom-sec .timing-sec.facilities li:after {
    position: absolute;
    content: "";
    left: 0;
    top: 7px;
    width: 6px;
    height: 6px;
    background: var(--black-light);
    border-radius: 39px;
}
.home a.book-table-btn.mobile-view-section {
	display: none !important;
}
.home a.book-table-btn.mobile-view-section.cmdsd {
	display: block !important;
}
.banner-bottom-section.new-designpdrcustom.custom-pdr-section .bottom-sec .timing-sec.facilities li {
    width: 100% !important;
    position: relative;
    padding-left: 17px;
}
@media (max-width: 767px) {
 .banner-bottom-section .bottom-sec .heading {padding-top: 28px; }
.banner-bottom-section.new-designpdrcustom.custom-pdr-section .col-xl-4 {
    padding-bottom: 0 !important;
}
}




/*17-08-2023*/
.banner-bottom-section .bottom-sec .weeks {
    padding: 0 !important;
}


/*05-09-2023*/
@media (max-width:1700px) {
	.got-question .box .accordion {
    margin-bottom: 30px !important;
}
	
	
	
	
	
	
}

/*12-9*/
.booking-process-modal a.bookot-link.common-btn.full-width {
    margin-left: 0 !important;
}
.booking-process-modal .common-btn {
    margin-left: 0 !important;
}





















/**********************************************************/
/*custom
/**********************************************************/


.home #form-frontpage {
	position: relative;
	z-index: 99;
}
.home div#popmake-271438 {
    width: 60% !important;
    margin: auto !important;
    padding: 10px !important;
    max-width: 100% !important;
}
#cn-close-notice {
	display: none !important;
}

.cookie-notice-container {
    padding: 15px 30px;
    text-align: center;
    width: 100%;
    z-index: 9;
}


#cookie-notice .cn-button:not(.cn-button-custom) {
    font-family: -apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: .25px;
    line-height: 20px;
    margin: 0 0 0 10px;
    text-align: center;
    text-transform: none;
    display: inline-block;
    cursor: pointer;
    touch-action: manipulation;
    white-space: nowrap;
    outline: none;
    box-shadow: none;
    text-shadow: none;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    padding: 8.5px 10px;
    line-height: 1;
    color: inherit;
}
.event-open-section ul.box li {
	color: var(--dark-charcoal-color);
}
body .chrismas_inner_playbtn a {
    z-index: 9 !important;
}
.wrapper.join-team-wrap .join-team-box .row:nth-child(2n) .col-12:nth-child(1) {
  order: 2;
}
.content-row-comman ul {
    margin: 0 !important;
    padding: 0 !important;
    padding-left: 17px !important;
}
.event-open-section .content-box {
    padding-top: 40px;
    padding-bottom: 40px;
}
.content-row-comman strong {
    letter-spacing: 0.16px;
    font-size: 16px;
    line-height: 26px;
    color: var(--dark-charcoal-color);
    margin: 0;
    padding: 14px 0px 0px;
}
section.top-header.info-banner.contact-banner {
    background-repeat: no-repeat;
    background-size: cover;
}
#popmake-271438.pum-container.pum-responsive.pum-responsive-medium {
    background: #fff !important;
    border: none !important;
    box-shadow: unset !important;
}
.image-video video {
 
    overflow: hidden;
    outline: 0 !important;
  border: 0;
padding: 0;
  border:1px solid transparent !important;
}
div#popmake-271438 p {
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
.top-header.info-banner.section-top.hero-slider-add.join-team-banner.desktop-banner.christmas-banner {
  height: 464px;
}
.top-header.info-banner.section-top.hero-slider-add.join-team-banner.desktop-banner.christmas-banner .form-section {
  bottom: 51px !important;
}
.top-header.info-banner.join-team-banner.desktop-banner.spring-header.new_banner_page::before {
  display: none;
}
.join-the-team .bookatable-commen.desktop.career {
    display: none;
}
.wrapper.terms-con-wrap span {
  font-size: 14px;
  color: var(--dark-charcoal-color);
  line-height: 27px;
  letter-spacing: 0.16px;
  font-family: "input-sans-compressed",sans-serif;
}
#cn-close-notice {
  right: auto;
  left: 6px;
  top: 15px;
}
.wrapper.terms-con-wrap table p {
  margin: 0 !important;
  padding: 0 !important;
}

.wrapper.terms-con-wrap table br {display:none !important;}
@media(max-width:767px){
  .menu-search-multipal .wrap-drop.input.form-select {
    max-width: 298px !important;
}
.wrapper.join-team-wrap .join-team-box .row:nth-child(2n) .col-12:nth-child(1) {
  order: 0;
}
}
.wrapper.terms-con-wrap h4, 
.wrapper.terms-con-wrap h3 {
    font-size: 16px;
   font-family: "balboa-plus-fill",sans-serif !important;}



/***24may*************/
  .custom-drop-multipal.wrap-drop.active .drop {
   
    height: auto;
}
.custom-drop-multipal span {
 
    padding-right: 23px;
}
@media only screen and (max-width: 992px) and (min-width: 768px)  {
section.group-booking-section {
   
    margin-top: 62px;
  
}
  .custom-drop-multipal.wrap-drop.active .drop {
   
    height: auto;
}
}
@media(max-width:767px){
  .wrap-drop.custom-drop-multipal:before {
    
    top: 34%;
  
}

}



.top-header.info-banner.join-team-banner.desktop-banner.spring-header.new_banner_page h1 {left: 299px; text-align: left !important; }
.top-header.info-banner.join-team-banner.desktop-banner.spring-header.new_banner_page {background-position: top center; }
.wrapper.join-team-wrap.up.new_join_capion .join-team-box .box {position: relative;  }
.wrapper.join-team-wrap.up.new_join_capion .join-team-box .box {position: relative; height: 100%; display: grid; place-items: center; }
.content_div_innner {position: relative;}
.wrapper.join-team-wrap.up.new_join_capion .row:nth-child(1) .content_div_innner::after {position: absolute; content: ""; left: 0; top: 0; background: url('https://bills-website.co.uk/wp-content/uploads/2023/06/Summer_Website_Agave_1.gif'); background-size: contain !important; background-repeat: no-repeat; width: 330px; height: 327px; z-index: -1; }
.wrapper.join-team-wrap.up.new_join_capion .row:nth-child(1) .content_div_innner::before {
  position: absolute;
  content: "";
  right: 25px;
  bottom: 14px;
  background: url('https://bills-website.co.uk/wp-content/uploads/2023/06/Summer_Website-marg.png');
  background-size: contain !important;
  background-repeat: no-repeat;
  width: 163px;
  height: 175px;
  z-index: -1;
  transform: rotateY(180deg);
}
.wrapper.join-team-wrap.up.new_join_capion {overflow: hidden; }
.wrapper.join-team-wrap.up.new_join_capion .img-box::before {display: none !important; }
.wrapper.join-team-wrap.up.new_join_capion .row:nth-child(2) .content_div_innner::after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 24px;
  background: url('https://bills-website.co.uk/wp-content/uploads/2023/06/Summer_Website-taco.png');
  background-size: contain !important;
  background-repeat: no-repeat;
  width: 223px;
  height: 126px;
  z-index: -1;
}
.wrapper.join-team-wrap.up.new_join_capion .row:nth-child(3) .content_div_innner::after {position: absolute; content: ""; left: 0; top: 9px; background: url('https://bills-website.co.uk/wp-content/uploads/2023/06/Summer_Website-lemonlime.png'); background-size: contain !important; background-repeat: no-repeat; width: 142px; height: 172px; z-index: -1; transform: rotate(103deg); }
.wrapper.join-team-wrap.up.new_join_capion .row:nth-child(3) .content_div_innner::after {
  position: absolute;
  content: "";
  left: 0;
  top: 9px;
  background: url('https://bills-website.co.uk/wp-content/uploads/2023/06/Summer_Website-lemonlime.png');
  background-size: contain !important;
  background-repeat: no-repeat;
  width: 93px;
  height: 129px;
  z-index: -1;
  transform: rotate(103deg);
}
.wrapper.join-team-wrap.up.new_join_capion .row:nth-child(3) .content_div_innner::before {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0px;
  background: url('https://bills-website.co.uk/wp-content/uploads/2023/06/Summer_Website_Sun_1_1.gif');
  background-size: cover;
  background-repeat: no-repeat;
  width: 359px;
  height: 359px;
  z-index: -1;
}

section.top-header.info-banner.join-team-banner.mobile-banner.campiyan_mobile h1 span {
    display: block;
}
.top-header.info-banner.join-team-banner.desktop-banner.spring-header.new_banner_page h1 {
    left: 50% !important;
    text-align: center !important;
}


@media (min-width: 1200px) {
.wrapper.join-team-wrap.up.new_join_capion .row:nth-child(1) .img-box:after {
    border-top: none !important;
}



  
}



@media (min-width:1300px) {
.top-header.info-banner.join-team-banner.desktop-banner.spring-header.new_banner_page h1 {
    top: 50%;
}


  
}



@media (max-width: 1700px) {
.top-header.info-banner.join-team-banner.desktop-banner.spring-header.new_banner_page h1 {font-size: 61px !important; }




}



@media (max-width:1650px) {
.wrapper.join-team-wrap.up.new_join_capion .row:nth-child(1) .content_div_innner::before {width: 118px; height: 118px; right: 12px; bottom: 11px; }
.wrapper.join-team-wrap.up.new_join_capion .row:nth-child(2) .content_div_innner::after {width: 173px; height: 93px; bottom: 10px; }
.wrapper.join-team-wrap.up.new_join_capion .row:nth-child(1) .content_div_innner::after {width: 330px; height: 209px; }
.wrapper.join-team-wrap.up.new_join_capion .row:nth-child(3) .content_div_innner::before {width: 179px; height: 206px; }
.wrapper.join-team-wrap.up.new_join_capion .row:nth-child(3) .content_div_innner::after { width: 73px; height: 110px; left: 0; top: 0;}





}

@media (max-width:1500px) {
.wrapper.join-team-wrap.up.new_join_capion .join-team-box .box { padding-top:68px; padding-bottom:68px; }

.top-header.info-banner.join-team-banner.desktop-banner.spring-header.new_banner_page h1 {font-size: 61px !important; line-height: 55px; }


}


@media (max-width:1199px) {
.wrapper.join-team-wrap.up.new_join_capion .img-box {height: 100% !important; }
.wrapper.join-team-wrap.up.new_join_capion .img-box img {height: 100%; object-fit: cover; }
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(1) .content_div_innner.gif_animation::before {
    height: 59px;
}



}






@media (max-width:767px) {  
.banner_bg_cover img { 
    border-bottom: 4px solid black;
}









.wrapper.join-team-wrap.up.new_join_capion .row:nth-child(2) .content_div_innner::before {background-size: 100%; top: -10px; left: 13px; }
.wrapper.join-team-wrap.up.new_join_capion .row:nth-child(2) .content_div_innner::after {width: 122px; height: 65px; bottom: 10px; }
.wrapper.join-team-wrap.up.new_join_capion .row:nth-child(3) .content_div_innner::after {width: 73px; height: 69px; left: 0; top: 11px; }
.wrapper.join-team-wrap.up.new_join_capion .row:nth-child(3) .content_div_innner::before {width: 116px; height: 119px; }
.wrapper.join-team-wrap.up.new_join_capion .row:nth-child(1) .content_div_innner .box {padding-top: 115px !important; }
.banner_bg_cover img {height: 83vh;  width: 100%; object-fit: cover !important;}
.banner_bg_cover {position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; }
.wrapper.join-team-wrap.up.new_join_capion .row:nth-child(2) .content_div_innner .box {padding-top: 100px !important; }
.wrapper.join-team-wrap.up.new_join_capion .row:nth-child(1) .content_div_innner::before {width: 85px; height: 84px; right: 18px; bottom: 11px; }
section.top-header.info-banner.join-team-banner.mobile-banner.campiyan_mobile h1 {font-size: 31px; }

}
  .datepicker.datepicker-dropdown.dropdown-menu {
  z-index: 99999;
}
@media screen and (max-width: 1500px) and (min-width: 1389px) {
.summer-campaign  section.top-header.info-banner {
  margin-top: 87px;

}    
}

 .wrapper-join .container-fluid, .testmonials_clint_wrapper .container-fluid {padding: 0 15px;max-width: 1685px;margin: auto;}
.core-values-section {padding: 66px 0 43px;background: #9DD4CA;border-bottom: 2px solid #3C3834;}
.same-heading {text-align: center;padding-bottom:40px;}
.same-heading h2 {margin: 0;font-size: 37px;color: #3C3834;line-height: 44px;}
.core-values-section .core-service-box ul {display: flex;display: -webkit-flex;flex-wrap: wrap;list-style: none;margin: -15px;}
.core-values-section .core-service-box ul li {width: 33.333%;padding: 15px;text-align: center;}
.core-values-section .core-service-box ul li figure {max-width: 99px;margin: auto auto 40px;}
.core-values-section .core-service-box ul li .content-aera h2 {font-size: 30px;color: #3C3834;line-height: 36px;margin: 0;padding-bottom: 17px;}
.core-values-section .core-service-box ul li .content-aera p {font-size: 16px;color: #2F2F2F;line-height: 26px;margin: 0;font-weight: 400;letter-spacing: 0.16px;}
.core-values-section .core-service-box ul li .core-blog-service {max-width: 270px;margin: auto;}
.team-featured-jobs {padding-top: 70px;padding-bottom: 79px;}
.team-featured-inner .same-heading {text-align: left;}
.team-featured-row {display: flex;flex-wrap: wrap;display: -webkit-flex;border: 2px solid #3C3834;}
.team-featured-row .team-featured-img {max-width: 935px;width: 100%;}
.team-featured-row .team-featured-content {max-width: calc(100% - 935px);display: flex;flex-wrap: wrap;align-items: center;padding: 40px;background: #9DD4CA;border-left: 2px solid #3C3834;}
.team-featured-row .team-featured-img figure {height: 100%;}
.team-featured-row .team-featured-img figure img {height: 100%;object-fit: cover; width: 100%;}
.team-featured-row .team-featured-content h2 {font-size: 30px;color: #3C3834;line-height: 36px;padding-bottom: 17px;margin: 0;}
.team-featured-row .team-featured-content p {font-size: 16px;line-height: 26px;margin: 0;color: #2F2F2F;letter-spacing: 0.16px; margin-bottom: 30px;}
.team-featured-row .team-featured-content .btn {text-align: left !important;justify-content: left;}
.vacancies-team-inner .same-heading { text-align: left;}
.vacancies-team-section {border-top: 2px solid #3C3834;padding-top: 52px;padding-bottom: 77px;}
.call-action-team-section.color-yello-theme {background: #FDD963;text-align: center;padding: 72px 0;border-top: 2px solid #3C3834;border-bottom: 2px solid #3C3834;}
.call-action-team-inner p{ max-width:600px;}
.wrapper.join-team-wrap .join-team-box .img-box .inner-box .title {padding-bottom: 0;}
.benefits-heading .heading-comm {background: var(--canvas-beige);padding: 36px 0;margin: 0;border-top: solid 2px var(--black-light);border-bottom: solid 2px var(--black-light);}
.benefits-heading .heading-comm h2 {font-size: 24px;}
.join-team-box .container-fluid .row.justify-content-center.align-items-center:first-child .col-12:last-child .img-box::after {border-top: none;border-bottom: none;}
.main_cover_inner_slider figure {border: 3px solid #3C3834; margin: 0 !important; position: relative; width: 100%; height: 318px; position:relative; }
.main_cover_inner_slider figure img {object-position: center center; object-fit: cover; width: 100%; height: 100%; }
.main_cover_inner_slider figure::after {position: absolute; content: ""; left: 0; top: 0; background: #fff; width: 100%; height: 100%; opacity: 0.45; pointer-events: none; }
.main_cover_inner_slider {position: relative; }
.vacancies_c {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.main_cover_inner_slider h2 {font-size: 37px;color: #3C3834;max-width: 208px;text-align: center;line-height: 42px;  margin: 0;margin-bottom: 10px;min-height: 85px;display: flex;align-items: center;}
.vacancies-team-slider {margin-top: 0 !important; margin-left: -15px !important; margin-right: -15px !important; }
.benefits-heading.benefits-section .core-service-box ul {display: flex; flex-wrap: wrap; list-style: none; margin: 0 !important; padding: 0 !important; }
.benefits-heading.benefits-section .core-service {padding: 77px 0 60px; }
.core-blog-service h2 {font-size: 30px; line-height: 36px; color: #3C3834; max-width: 304px; margin: auto; }
.benefits-heading.benefits-section .core-service-box ul li:first-child {margin-bottom: 125px; }
.benefits-heading.benefits-section .container-fluid {max-width: 1470px; }
.benefits-heading.benefits-section .core-service-box ul li {width: 33.3%; text-align: center; }
.top_cover_comman {background: var(--canvas-beige); padding: 36px 0; margin: 0; border-top: solid 2px var(--black-light); border-bottom: solid 2px var(--black-light); text-align: center; }
.top_cover_comman h2 {letter-spacing: 0px; color: var(--black-light); font-size: 24px; opacity: 4; line-height: 34px; text-align: center; padding: 0; margin: 0; }
.say_slider_wrapper_box {overflow: hidden; padding: 80px 0; }
.say_slider_wrapper_box .people_say_slider {margin: 0 !important; }
.people_say_slider_inner {border: 2px solid #3C3834; background: #9DD4CA; }
.people_say_slider_inner figure {margin: 0; padding: 0; border-bottom: 2px solid #3C3834; }
.people_say_content {padding: 57px 40px; }
.people_say_content h2 {font-size: 30px; color: #3C3834; line-height: 36px; margin: 0; padding-bottom: 21px;}
.people_say_content p {font-size: 16px; line-height: 26px; letter-spacing: 0.16px; margin: 0 !important; color: #2F2F2F; }
.people_say_slider_inner figure img {width: 100%; }
.vacancies-team-slider .slick-arrow, .people_say_slider .slick-arrow {width: 48px;height: 48px;transition: 0.3s ease-out;border-radius: 100px;}
.vacancies-team-slider .slick-prev.slick-arrow, .people_say_slider .slick-prev.slick-arrow, .common-slider.featured_job_slider .slick-prev.slick-arrow {background-image: url(https://bills-website.co.uk/wp-content/uploads/2023/06/left-arrow-i.svg); background-size: cover; background-repeat: no-repeat; z-index: 9; left: 0; border: 0; }
.vacancies-team-slider .slick-next.slick-arrow, .people_say_slider .slick-next.slick-arrow, .common-slider.featured_job_slider .slick-next.slick-arrow {background-image: url(https://bills-website.co.uk/wp-content/uploads/2023/06/right-arrow-i.svg); background-size: cover; background-repeat: no-repeat; z-index: 9; right: 0; border: 0; }
.vacancies-team-slider .slick-arrow::before, .people_say_slider .slick-arrow::before, .common-slider.featured_job_slider .slick-arrow::before {display:none;}
 .people_say_slider .slick-next.slick-arrow.slick-disabled{display: block !important;}
.vacancies-team-slider .slick-arrow:hover, .people_say_slider .slick-arrow:hover {margin-top: -5px;box-shadow: 0 10px 0px -3px var(--black-light);}
.people_say_slider .slick-prev.slick-arrow{left:40px;}
.people_say_slider .slick-next.slick-arrow{right:40px;}
.bill-s-socials-section .people_say_content .same-btn{margin-top:30px;justify-content: left;}
.for-information-section {padding-bottom: 66px;text-align: center;}
.for-information-section .for-information-inner {max-width: 605px;margin: auto;}
.for-information-section .for-information-inner p {font-size: 16px;color: #2F2F2F;line-height: 26px;}
.bill-s-socials-section .people_say_content {padding-bottom: 32px;}
.wrapper-join .btn.same-info::before {content: attr(data-text);}
.wrapper-join .btn.same-info:hover::before {content: attr(data-hover);}

.call-action-team-section .btn::before {content: attr(data-touch);}
.call-action-team-section .btn:hover::before {content: attr(data-hover);}
.say_slider_wrapper_box .btn::before {content: attr(data-bill);}
.say_slider_wrapper_box .btn:hover::before {content: attr(data-hover);}
.bill-s-socials-section {display: none;}
.for-information-section{display: none;}
.core-values-section .core-service-box ul{padding:0;}
.for-information-section {display: block;}
.for-information-section .for-information-inner p a {color: #2F2F2F;text-decoration: none;}
.people_say_slider_inner figure img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: top;
}



/* 06-19-2023 Start CSS */
.featured_job_slider.slick-initialized, 
.people_say_slider.slick-initialized {
  margin-top: 0px;
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.featured_job_slider.slick-initialized .slick-slide {
  margin: 0px 15px;
}
.featured_job_slider .team-featured-row {
}
.featured_job_slider .team-featured-row .team-featured-img {
  width: 46.5%;
  max-width: 100%;
}
.featured_job_slider .team-featured-row .team-featured-content {
  max-width: 100%;
  width: 53.5%;
}
.common-slider.featured_job_slider button.slick-prev {
  left: 0px;
}
.common-slider.common-slider button.slick-next {
  right: 0;
}
.people_say_slider .slick-prev.slick-arrow {
  left: 0px;
}
.people_say_slider .slick-next.slick-arrow {
  right: 0px;
}

/* 06-19-2023 End CSS */


@media (max-width: 1700px){
.core-values-section{padding:54px 0 43px;}
.team-featured-jobs {padding-top: 54px;padding-bottom: 54px;}
.vacancies-team-section{padding:54px 0;}
.call-action-team-section.color-yello-theme{padding:54px 0;}
.benefits-heading.benefits-section .core-service{padding:54px 0;}
.say_slider_wrapper_box{padding:54px 0;}
.people_say_content h2{font-size:25px; line-height:33px;}
.people_say_content{padding:35px;}
.core-blog-service h2{font-size:26px;}
.main_cover_inner_slider h2{font-size:32px;line-height: 35px;}
.main_cover_inner_slider h2{min-height: 70px;}
.same-heading h2{font-size: 32px;line-height: 40px;}
.same-heading{padding-bottom: 30px;}
.team-featured-row .team-featured-content h2{font-size: 28px;line-height: 30px;padding-bottom: 15px;}
.team-featured-row .team-featured-content p{margin-bottom: 25px;}
.core-values-section .core-service-box ul li .content-aera h2{font-size: 28px;line-height: 30px;}
.wrapper-join .container-fluid, .testmonials_clint_wrapper .container-fluid{max-width:1366px;}
.vacancies-team-slider .slick-arrow, .people_say_slider .slick-arrow, .common-slider.featured_job_slider .slick-arrow{width: 35px;height: 35px;}
.common-slider.featured_job_slider .slick-prev::before {left: 11px;}
.common-slider.featured_job_slider .slick-next::before {left: 10px;}
.vacancies-team-slider .slick-prev.slick-arrow{left: -2px;}
.vacancies-team-slider .slick-next.slick-arrow{right: -2px;}
.team-featured-row .team-featured-img{max-width: 800px;}
.team-featured-row .team-featured-content{max-width: calc(100% - 800px);}
.core-values-section .core-service-box ul li figure{max-width: 65px;margin: auto auto 30px;max-height: 65px;}
.for-information-section{padding-bottom:54px;}
.team-featured-row .team-featured-content{padding:30px;}
.join-team-banner h1 {
  padding-top: 50px;
}
}
@media (max-width: 1600px){
.people_say_slider_inner figure img{height: auto;}
    
}
@media (max-width: 1375px){
.vacancies-team-slider .slick-prev.slick-arrow{left: 5px;} 
.vacancies-team-slider .slick-next.slick-arrow{right: 5px;}
.team-featured-row .team-featured-img{max-width: 690px;}
.team-featured-row .team-featured-content {max-width: calc(100% - 690px);}
.main_cover_inner_slider h2{font-size: 28px;line-height: 30px;min-height: 60px;}
.people_say_content{padding:20px;}
.people_say_content h2{padding-bottom: 15px;}
.benefits-heading.benefits-section .core-service-box ul li:first-child {margin-bottom: 80px;}
.people_say_slider_inner figure img{height: auto;}
.join-team-banner h1 {
  padding-top:20px;
}
}
@media (max-width: 1199px){
 .team-featured-row .team-featured-img {max-width: 540px;} 
.team-featured-row .team-featured-content{max-width: calc(100% - 540px);}
.slick-initialized .slick-slide{margin: 0 10px;}
.featured_job_slider.slick-initialized, .people_say_slider.slick-initialized {margin-left: -10px !important; margin-right: -10px !important; }
.featured_job_slider.slick-initialized .slick-slide {margin: 0px 10px; }
/*.people_say_slider .slick-next.slick-arrow {right: 20px;}*/
/*.people_say_slider .slick-prev.slick-arrow {left: 20px;}*/
.people_say_content h2 {font-size: 22px;line-height: 30px;}
.people_say_slider_inner figure img{height: auto;}

}
@media (max-width: 991px){
.core-blog-service figure {max-width: 70px;margin-left: auto;margin-right: auto;}
.core-blog-service figure img {width: 100%;}
.benefits-heading.benefits-section .core-service-box ul li{width: 50%;}  
.benefits-heading.benefits-section .core-service-box ul li + li + li{margin-top:40px;}
.benefits-heading.benefits-section .core-service-box ul li:first-child {margin-bottom: 0;}
.team-featured-row .team-featured-img{width:100%;max-width: 100%;}
.team-featured-row .team-featured-content {max-width: 100%;border: 0;}
.core-values-section .core-service-box ul li{width:50%;}
.core-values-section .core-service-box ul{margin:-15px 0;justify-content: center;}
.same-heading h2{font-size:26px;}  
.core-values-section .core-service-box ul li .content-aera h2 {font-size: 26px;line-height: 25px;padding-bottom: 10px;}
.same-heading h2{line-height: 30px;}
.team-featured-row .team-featured-content {padding: 35px 33px 40px;}
.team-featured-row .team-featured-content h2{font-size:30px;}
.wrapper.join-team-wrap .join-team-box .img-box::after{display:none;}
.wrapper.join-team-wrap .join-team-box .img-box{border-top: solid 2px var(--black-light);}
.vacancies-team-slider .slick-prev.slick-arrow{left: 20px;}
.vacancies-team-slider .slick-next.slick-arrow{right:20px;}
 .core-blog-service h2{font-size:20px;line-height: 24px;} 
 .core-blog-service figure{max-width: 65px;}
.people_say_slider_inner figure img{height: auto;}

}
@media (max-width: 767px){
.core-values-section .core-service-box ul li{width:100%;}
.people_say_content h2{font-size:26px;line-height:31px;}
/*.vacancies-team-slider .slick-arrow, .people_say_slider .slick-arrow, .common-slider.featured_job_slider .slick-arrow {width: 48px;height: 48px;}*/
/*.people_say_slider .slick-prev.slick-arrow{left:0;}*/
/*.people_say_slider .slick-next.slick-arrow{right:0;}*/
.top_cover_comman h2{font-size:26px;}
.top_cover_comman{padding:54px 0;}
.vacancies-team-slider .slick-next.slick-arrow{right:3px;}
.vacancies-team-slider .slick-prev.slick-arrow{left:3px;}
.join-team-banner h1 {
  padding-top: 40px;
}
/*responsivefooter*/  

}
@media (max-width:600px){
.slick-initialized .slick-slide{margin:0;}    
 .vacancies-team-slider{margin:0 !important;}   
}
.people_say_slick .slick-track {
  display: flex;
  flex-wrap: wrap;
}
.people_say_slick .slick-track .people_say_slider_inner {
  height: 100%;
}
.people_say_slick .slick-track .item {
  height: auto !important;
}
.join-the-team .bookatable-commen a {
  pointer-events: none;
}



/* mrx  christmas css here */

.top-header.info-banner.section-top.hero-slider-add.join-team-banner.desktop-banner.christmas-banner {
  height: 464px;
}
.top-header.info-banner.section-top.hero-slider-add.join-team-banner.desktop-banner.christmas-banner .form-section {
  bottom: 51px !important;
}
.insta-wrap .container-fluid {
    padding: 0 !important;
}
.insta-wrap #sbi_images {
    padding: 0 !important;
}
.insta-wrap .sbi-owl-dots {
    display: none;
}

.insta-wrap #sb_instagram {
    padding-bottom: 0 !important;
}
.bookatable-commen.desktop.new {
    width: auto !important;
    max-width: 192px !important;
}
.featured_job_slider .team-featured-row .team-featured-content {
    min-height: 352px !important;
}
.bookatable-commen.desktop.new a {
    position: relative;
    display: block;
    z-index: 1;
    pointer-events: auto !important;
}
/*********16-06-2023*******/
.for-information-section {
    padding: 66px 0 50px;
    text-align: center;
}

.insta-wrap {
    padding-top: 80px;
}
  @media (max-width: 1700px){
.insta-wrap {
  padding-top: 54px;
}
.for-information-section {
  padding: 54px 0 40px;

}
}
.join-the-team   .for-information-inner a {
    color:#f5acb8 !important;
    font-weight: bold;
}
 .wrapper.join-team-wrap .join-team-box .img-box:before {display:none;}

@media (max-width: 767px){
.core-values-section .core-service-box ul li{width:100%;}
.people_say_content h2{font-size:26px;line-height:31px;}
/*.vacancies-team-slider .slick-arrow, .people_say_slider .slick-arrow, .common-slider.featured_job_slider .slick-arrow {width: 48px;height: 48px;}*/
/*.people_say_slider .slick-prev.slick-arrow{left:0;}*/
/*.people_say_slider .slick-next.slick-arrow{right:0;}*/
.top_cover_comman h2{font-size:26px;}
.top_cover_comman{padding:54px 0;}
.vacancies-team-slider .slick-next.slick-arrow{right:3px;}
.vacancies-team-slider .slick-prev.slick-arrow{left:3px;}
.join-team-banner h1 {
  padding-top: 40px;
}
/*responsivefooter*/  
footer .row.justify-content-center .col-12:nth-child(1) {
    width: 100% !important;
} 
footer .col-6, footer .col-12 {
    width: 50% !important;
}
.col-6.col-sm-6.col-md-2.col-lg-4.desktop-view-footer {
    width: 100% !important;
} 
.mobile-view-footer .col-12.col-sm-12.col-md-12.col-lg-12 {
    width: 100% !important;
} 
.footer-news-letter-section .full-col {
    width: 100%;
}
.featured_job_slider .team-featured-row .team-featured-img, 
.featured_job_slider .team-featured-row .team-featured-content {
  width: 100%;
  max-width: 100%;
}

}
@media (max-width: 1388px){
.join-the-team1 .wrapper.join-team-wrap .join-team-box .img-box{height:100%}
  .join-the-team1 .wrapper.join-team-wrap .join-team-box .img-box img{height:100%}
  .join-the-team1 .wrapper.join-team-wrap .join-team-box .box{padding:30px; width:100%;}
  .join-the-team1 .join-team-box .container-fluid .row.justify-content-center.align-items-center{align-items:inherit !important}
  .join-the-team1 section.team-featured-jobs .featured_job_slider .slick-track {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
}
.join-the-team1 section.team-featured-jobs .featured_job_slider .slick-track .team-featured-row {
    height: 100%;
}
  .join-the-team1 section.team-featured-jobs .featured_job_slider .slick-track .team-featured-row-outer {
    height: auto;
}
}
.home .gift-card-banner{padding-top:0}
.gift-card-banner{padding:40px 0}

body.inner-page.christmas .wrapper.join-team-wrap .join-team-box .img-box::before {
    display: block !important;
}
.RichText3-paragraph--withVSpacingNormal a {
    color: #f5acb8 !important;
    font-weight: bold;
}
.christmas  .wrapper.join-team-wrap .join-team-box .img-box:after {
    border-bottom: solid 2px var(--black-light) !important;
}



section.loc-six-banner h1 {font-size: 65px; line-height: 61px; }
section.loc-six-banner p {font-size: 20px; line-height: 26px; padding: 11px 0px 0px; }
.private-dining .gift-card-banner {padding-top: 0 !important; }


@media (max-width: 1700px) {
section.loc-six-banner p {font-size: 20px; line-height: 26px; padding: 17px 0px 0px; }

}

@media (max-width: 1500px) {
section.loc-six-banner h1 {font-size: 65px; line-height: 47px; }

}

@media (max-width: 1388px) {
section.loc-six-banner h1 {font-size: 65px !important;}

}

@media (max-width: 1366px) {
section.loc-six-banner p {font-size: 20px; line-height: 22px; padding: 22px 0px 0px; }
section.loc-six-banner h1 {font-size: 65px; line-height: 43px; }


}



@media (min-width: 768px) and (max-width: 991px) {
section.loc-six-banner p {font-size: 20px; line-height: 22px; padding: 28px 0px 0px; }
section.loc-six-banner h1 {font-size: 65px; line-height: 43px; }

}

@media (max-width: 767px) {
section.loc-six-banner p {font-size: 20px; line-height: 27px; padding: 9px 0px 0px; letter-spacing: 0.16px; }
section.loc-six-banner h1 {font-size: 65px; line-height: 61px; letter-spacing: 0; }


}
/* 13-July-2023---- */
.contact-section .custom-drop-multipal input {
    background: transparent;
    border: none;

    color: var(--dark-charcoal-color);
    border-radius: 0px;
    padding-left: 0;
    font-size: 16px;
    letter-spacing: 0.16px;
    line-height: 26px;
    width: 100%;
    outline: 0;
}

.contact-section .custom-drop-multipal input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #2f2f2f !important;
}
.contact-section .custom-drop-multipal input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #2f2f2f !important;
   opacity:  1;
}
.contact-section .custom-drop-multipal input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #2f2f2f !important;
   opacity:  1;
}
.contact-section .custom-drop-multipal input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #2f2f2f !important;
}
.contact-section .custom-drop-multipal input::-ms-input-placeholder { /* Microsoft Edge */
   color:    #2f2f2f !important;
}

.contact-section .custom-drop-multipal input::placeholder { /* Most modern browsers support this now. */
   color:    #2f2f2f !important;
}


body .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    background: var(--white) !important;
    box-shadow: 3px 3px 3px rgb(0 0 0 / 20%) !important;
    left: 0;
    list-style: none;
    margin-top: 0;
    padding-left: 0;
    pointer-events: initial !important;
    border: 2px solid var(--black-light) !important;
    max-height: 164px !important;
    overflow-y: scroll !important;
    scrollbar-width: thin;
    scrollbar-color: red;
    scrollbar-width: thin;
    scrollbar-color: var(--black-light) gray;
    width: 100% !important;
    max-width: 358px !important;
}

body .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li {
    color: var(--black-light);
    display: block;
    text-decoration: none;
    letter-spacing: 0px;
    font-size: 16px;
    padding: 15px 19px;
    line-height: 17px;
    border-bottom: 2px solid var(--black-light);
}

 /*scroolbar*/

body .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front::-webkit-scrollbar-corner,
body .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front::-webkit-scrollbar-track {
  background-color: gray;
}

body .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

body .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front::-webkit-scrollbar-track {
  background-clip: content-box;
  border: 8px solid rgba(128, 128, 128, 0.3);
  background-color: gray;
}

body .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front::-webkit-scrollbar-thumb {
  background-color: var(--black-light);
  border-radius: 12px;
}

body .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front::-webkit-scrollbar-thumb:hover {
  background-color: var(--black-light);
}

body .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front::-webkit-scrollbar-corner,
body .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front::-webkit-scrollbar-track {
  background-color: var(--black-light);
  border-radius: 12px;
}


@media (max-width: 767px) {
 body .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {max-width: 90% !important; }

}
/* 13-July-2023---- */

div#loader-wrapper img {
    width: 223px;
    margin: auto;
}
.inner_loaders {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
#loader-wrapper {
    background: rgba(158,211,201,0.5) !important;
}
div#slot_lock_api_failed .modal-content {min-height: auto !important; background: #fff !important; max-width: 429px; margin: auto; padding: 11px 33px; }
div#slot_lock_api_failed .modal-content .modal-header {background: #fff !important; }
div#slot_lock_api_failed  .modal-body {background: #fff !important; }
div#slot_lock_api_failed  .modal-footer {background: #fff !important; }
div#slot_lock_api_failed div#error_message {text-align: center; }
div#slot_lock_api_failed .alternative-time {width: 100% !important; }
div#slot_lock_api_failed a.modal-title img {max-width: 86px; }
div#slot_lock_api_failed img {max-width: 23px; }
div#slot_lock_api_failed .alternative-time {
    padding: 0 !important;
}
div#slot_lock_api_failed .modal-header {
    padding-bottom: 28px !important;
}
div#slot_lock_api_failed .modal-footer {
    padding: 18px 0 27px;
}
div#slot_lock_api_failed a.modal-title img {
    margin: auto !important;
}
div#slot_lock_api_failed .modal-header {
    justify-content: center;
}
body .RichText3-paragraph--withVSpacingNormal a {
    color: #000 !important;
}
@media (max-width:1500px) {
div#slot_lock_api_failed .modal-body {
    padding: 0 !important;
    }
.wrapper.join-team-wrap.up.new_join_capion .img-box, .wrapper.join-team-wrap.up.new_join_capion .img-box img {
    height: 100%;
}	
	

}


@media (max-width: 991px) {
  
div#slot_lock_api_failed .heading {
    padding:  0 !important;
}


  
}


a.book-table-btn.mobile-view-section.cmdsd {
  height: auto !important;
  background: transparent !important; 
  border: none !important;
}
.book-table-btn.mobile-view-section.cmdsd {
  bottom: -3px !important;
}
.banner-bottom-section.new-designpdrcustom.custom-pdr-section .bottom-sec .timing-sec.facilities li:after {
    position: absolute;
    content: "";
    left: 0;
    top: 7px;
    width: 6px;
    height: 6px;
    background: var(--black-light);
    border-radius: 39px;
}
.home a.book-table-btn.mobile-view-section {
  display: none !important;
}
.home a.book-table-btn.mobile-view-section.cmdsd {
  display: block !important;
}
.banner-bottom-section.new-designpdrcustom.custom-pdr-section .bottom-sec .timing-sec.facilities li {
    width: 100% !important;
    position: relative;
    padding-left: 17px;
}
@media (max-width: 767px) {
 .banner-bottom-section .bottom-sec .heading {padding-top: 28px; }
.banner-bottom-section.new-designpdrcustom.custom-pdr-section .col-xl-4 {
    padding-bottom: 0 !important;
}
}




.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(1) .content_div_innner::before {
  display: none !important;
}
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(2) .content_div_innner::after {
 display: none !important; 
}

.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(3) .content_div_innner::after {
display: none !important;
}












.chrismas_inner {position: relative; z-index: 1; }
.chrismas_inner_playbtn {position: absolute; top: 40px; bottom: 0; max-width: 211px; margin: auto; left: 0%; }

.christmas .bookatable-commen.desktop.career {
    display: none;
}

.christmas-phase-2 .bookatable-commen.desktop.career {display: none !important; }

.page-template-christmas_phase-1 .bookatable-commen.desktop.christmas-phase-2 {
    width: 44px;
}

.page-template-family_page .join-team-box .row:nth-child(2) {
    background: #ec8789;
}



@media (max-width: 1700px) {
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .join-team-box .box {padding-top: 110px !important; padding-bottom: 110px !important; }
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(3) .content_div_innner::after {top: -74px; max-width: 411px !important; }
.wrapper.join-team-wrap .join-team-box .img-box img {
    height: 640px;
}
	.wrapper.join-team-wrap .join-team-box .box p {        padding-bottom: 16px;}	
    .wrapper.join-team-wrap.up.new_join_capion.c-h-m .img-box, .wrapper.join-team-wrap.up.new_join_capion.c-h-m .img-box img {
        height: 100%;
        object-fit: cover;
    }
}
	

}



@media (max-width: 767px) {
.chrismas_inner_playbtn {position: absolute; top: -65px; bottom: 0; max-width: 180px; margin: auto; left: 0; right: 0; }

.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(2) .content_div_innner .box {padding-top: 65px !important; }
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .join-team-box .box {padding-top: 65px !important; padding-bottom: 65px !important; }
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(3) .content_div_innner::after {top: -18px; max-width: 254px !important; }
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(2) .content_div_innner::after {right: 0; bottom: 11px; width: 107px; }
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(3) .content_div_innner {padding-top: 62px !important; }
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(1) .content_div_innner .box {padding-top: 54px !important; }
.chrismas_inner img {
  width: 2000px;
  max-width: unset !important;
  object-fit: ;
  object-position: center center !important;
}

.top-header.info-banner.join-team-banner.mobile-banner {
  overflow: hidden;
}

.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(1) .content_div_innner.gif_animation::before {
    height: 59px;
}
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(1) .content_div_innner::before {
    height: 59px;
}








}


/*christmas new page css here */
.christmas  .bookatable-commen.desktop.career {
    display: none;
}
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(1) .content_div_innner::after {display: none !important;} 
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(3) .content_div_innner::before {display: none !important;} 
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .join-team-box .container-fluid .row.justify-content-center .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6.content_div_innner .box {
position: static !important;  }
.image-video video {width: 100% !important; height: 100% !important; }

.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(1) .image-video {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100% !important;
    z-index: -1;
    top: 0;
    height: 100% !important;
}
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(2) .image-video img {width: auto !important; height: 226px; }
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(2) .image-video {position: absolute; bottom: 26px; right: 130px; }
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(3) .image-video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    bottom: 0;
    width: 100% !important;
    right: 0;
}


.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(3) .image-video video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: 100% 100% !important;
}

.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(1) .image-video video {
    object-fit: cover !important;
    object-position: 100% 27% !important;
}

@media (max-width: 1850px) {
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(3) .image-video video {
  width: 113% !important;
}




}


@media (max-width: 1700px) {
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(3) .image-video video {width: 107% !important; }




}


@media (max-width: 1550px) {

.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(3) .image-video video {
    width: 112% !important;
}



}



@media (max-width: 1500px) {

.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(1) .image-video video {
    object-fit: cover !important;
    object-position: 100% -61% !important;
}

}





@media (max-width: 1450px) {
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(1) .image-video {
    height: 110% !important;
}
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(1) .image-video video{

    object-position: 100% 100% !important;
}
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(3) .image-video video {
    width: 121% !important;
}



}



@media (max-width: 1350px) {

.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(3) .image-video {left: 0 !important;}
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(3) .image-video video {
    width: 138% !important;
}

}







@media (max-width: 767px) {
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(1) .content_div_innner .box {
    padding-top: 56px !important;
    padding-bottom: 127px !important;
}

.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(2) .image-video {
    position: absolute;
    bottom: 0;
    right: 0;
}


.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(3) .content_div_innner {
    padding-top: 60px !important;
}
  .wrapper.join-team-wrap.up.new_join_capion.c-h-m .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6.content_div_innner.gif_animation {
    overflow: hidden;
}

.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(3) .image-video video {
    width: 900px !important;
    height: 120% !important;
    object-fit: cover !important;
    object-position: 38% 100% !important;
    overflow: hidden;
    position: relative;
    left: -42px;
    top: -120px;
}

}





@media (min-width:1920px) and (max-width:2300px) {

.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(1) .image-video video {
    object-fit: cover !important;
    object-position: 100% 65% !important;
}



}



@media (min-width:2301px) and (max-width: 2500px){
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(1) .image-video video {
    object-fit: cover !important;
    object-position: 100% 71% !important;
}


}
.event-open-section ul.box li {
    min-width: auto !important; 
       letter-spacing: 0.16px;
    font-size: 16px;
    line-height: 26px;

    margin: 0;
   
}
/*05-09-2023*/
@media (max-width:1700px) {
	.got-question .box .accordion {
	    margin-bottom: 30px !important;
	}
	.event-open-section ul.box li {
    font-size: 14px;
    line-height: 25px;
}
}

/*14-09-2023*/
.top-content-facilities ul.timing-sec {margin: 0 !important; }
.top-content-facilities ul.timing-sec li:last-child {margin-bottom: 0 !important; padding-bottom: 0 !important; }

.booking-process-modal a.bookot-link.common-btn.full-width {
    margin-left: 0 !important;
}


@media(max-width:1500px) {
section.top-header.info-banner {
    margin-top: 75px;
    padding: 0;
}
	.event-open-section ul.box li {
    width: 100% !important;
}
}



@media(max-width:1300px) {
section.top-header.info-banner {
    margin-top: 47px;
    padding:  0;
}
	.event-open-section ul.box li {
    font-size: 13px;
    line-height: 21px;
}
}


@media (max-width: 767px) {
	.event-open-section ul.box li {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.16px;
}
	
	
	
}
.sbi-header.sbi-header-type-text {
    display: none;
}
body footer .container .row.justify-content-center .col-6.col-sm-6.col-md-2.col-lg-4.desktop-view-footer .footer-news-letter-section input#preferred_restaurantsvalue::-webkit-input-placeholder { 
  color: #fff !important;
}
body footer .container .row.justify-content-center .col-6.col-sm-6.col-md-2.col-lg-4.desktop-view-footer .footer-news-letter-section input#preferred_restaurantsvalue::-moz-placeholder {
  color: #fff !important;
}
body footer .container .row.justify-content-center .col-6.col-sm-6.col-md-2.col-lg-4.desktop-view-footer .footer-news-letter-section input#preferred_restaurantsvalue:-ms-input-placeholder { 
  color: #fff !important;
}
body footer .container .row.justify-content-center .col-6.col-sm-6.col-md-2.col-lg-4.desktop-view-footer .footer-news-letter-section input#preferred_restaurantsvalue:-moz-placeholder { 
  color: #fff !important;
}

@media(min-width: 767px) {
	.home a.book-table-btn.mobile-view-section.cmdsd {
	display: none !important;
}
	
	
}





body.inner-page.christmas.customize-support .mobile-banner{display: none !important;}

@media (min-width: 768px) and (max-width: 1199px) {
body.inner-page.christmas.customize-support section.top-header.desktop-banner {
   display:block !important;
}

}

@media (max-width: 767px){
body.inner-page.christmas.customize-support .desktop-banner {
     display:none !important;
}
body.inner-page.christmas.customize-support .mobile-banner{display: block !important;}

}



/*new-ch-css*/

.christmas-home .bookatable-commen.desktop.christmas-phase-2 {
    width: 198px;
        display: block !important;
}
.christmas-home .bookatable-commen.desktop {
    display: none !important;
}
.chrismas_inner_playbtn a {
    display: block;
    position: relative;
    z-index: 9999;
}
/*poup*/
.game-popup {
    width: 100% !important;
}
.pum-content.popmake-content p {
	width: 100% !important;
}
#popmake-271438 iframe {
    width: 100%;
    height: 75vh;
}

#popmake-271438.pum-container.pum-responsive.pum-responsive-medium {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.image-video_chrismas_btns img {width: 100% !important; max-width: 272px; margin: auto; display: block; }
.chrismas_btns_videos .row {flex-wrap: nowrap; }
.chrismas_btns_videos .container {max-width: 1139px !important; }
.chrismas_btns_videos {padding-bottom: 31px; } /* Flashlight Overlay */ 
:root { --cursorX: 50vw; --cursorY: 50vh; }
section.section-top.hero-slider-add.chrismas_new_mouse .box-slider-banner:before {left: 0 !important; top: 0 !important; width: 100%; height: 100%; content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: 99; pointer-events: none; background: radial-gradient(circle 14vmax at var(--cursorX) var(--cursorY), rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 0%) 80%, rgb(0 0 0 / 58%) 100%); }



@media (max-width: 1300px) {
	.christmas section.top-header.info-banner {margin-top: 72px !important;}
	
	
}

@media (max-width: 1199px) {
	.christmas section.top-header.info-banner {
	margin-top: 60px !important;
}
		
}


@media (max-width: 767px) { 
.christmas section.top-header.info-banner {margin-top: 95px !important;}
.top-header.info-banner.join-team-banner.mobile-banner .chrismas_inner_playbtn {
	top: auto !important;
	bottom: 26px;
	left: -201px;
}
.chrismas_inner_playbtn {
    max-width: 140px !important;
}	
	.section-top.hero-slider-add.chrismas_new_mouse {
	overflow: hidden;
}
	
}



@media (min-width: 768px) and (max-width:992px) {

section.section-top.hero-slider-add.chrismas_new_mouse {

  height: 89vh !important;
}
.footer-news-letter-section .two-col .form-control {
 
    font-size: 10px !important;
   
}
	.footer-news-letter-section .custom-drop-multipal input {
	font-size: 10px;
}

}
@media (max-width: 1200px) {
	.chrismas_inner_playbtn {max-width: 121px !important;}
	
	
	
	
	
	
	
}


@media (max-width:767px) {
	footer .footer-news-letter-section .form-group {
    width: 100% !important;
}

	.chrismas_btns_videos {
	padding-bottom: 80px;
}
.home div#popmake-271438 {
	width: 92% !important;
}
.chrismas_btns_videos .row .col-md-4 {width: 33.3%; }
 section.section-top.hero-slider-add.chrismas_new_mouse .box-slider-banner::before {background: radial-gradient(circle 40vw at var(--cursorX) var(--cursorY), rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 0%) 80%, rgb(0 0 0 / 58%) 100%); }
.christmas-home .bookatable-commen.desktop.christmas-phase-2 {display: none !important; }
section.section-top.hero-slider-add.chrismas_new_mouse video.videoval.mobile-view.d-none {display: block !important; }
section.section-top.hero-slider-add.chrismas_new_mouse video.videoval.destop_video {display: none !important; }
 section.section-top.hero-slider-add.chrismas_new_mouse .form-section {bottom: 75px !important; }
 section.section-top.hero-slider-add.chrismas_new_mouse .form-section {padding: 0 !important; margin: 0 !important; width: 100% !important; left: 0; right: 0 !important; max-width: 100%; }
section.section-top.hero-slider-add.chrismas_new_mouse .book-table-btn.mobile-view-section.buttonfixed {display: none !important; }
.chrismas_inner_playbtn {top:0 !important;}
	section.section-top.hero-slider-add.chrismas_new_mouse .box-slider-banner::before{display:none !important;}
#popmake-271438 {
    width: 96% !important;
}
	.chrismas_inner_playbtn {
    max-width: 158px !important;
}

}





/*==18-1-2024==*/
/*=========================================*/
:root {	
--blue-drk: #705f9b;
--btn-color: #f2aaaa;
--bg-color:#a9d4cc;
--bg-body: #c4b3d8;
--pink: #b54848;
--canvas-beige:#a9d4cc;
}

div.bot-eb-trigger, div.bot-eb-trigger .count{background: var(--pink);}
div.new-a-b-button{background: var(--btn-color);}
/*div.loc-wrapper.menu-wrapper, section.k10-w-menu{background: var(--btn-color);}*/
.k10-w-menu label.k10-w-toggle__label::after{background-color: var(--btn-color) !important;color: var(--btn-color) !important;}
section.k10-w-menu .k10-w-menu-selector_dropdown .k10-w-menu-selector__option-name_active .k10-w-menu-selector__option-name-wrapper{color: var(--btn-color) !important;}
button.scroll-to-top{background:var(--btn-color);}
section.core-values-section, div.team-featured-row .team-featured-content{background:var(--bg-color);}
div.people_say_slider_inner{background:var(--bg-color);}
body.join-the-team .for-information-inner a {color: var(--btn-color) !important;}
/*section.k10-w-menu label.k10-w-toggle__label::after{background-color: #d7949f !important;}*/
/*.k10-w-menu .k10-w-menu-section-selector__options-li_current-menu-section .k10-w-menu-section-selector__option-name::after{background-color: #d7949f !important;}*/
#choose-alternative-time .alternative-time-chart .alternative-time-grid .time-box, #choose-alternative-time .alternative-location .alternative-time-grid .time-box {background-color:var(--btn-color) !important;}
body .alternative-time-chart .alternative-time-grid .time-box.selected, body .alternative-time-chart .alternative-time-grid .time-box:hover, body .alternative-location .alternative-time-grid .time-box.selected, body .alternative-location .alternative-time-grid .time-box:hover{background-color: #3C3834 !important;color:var(--btn-color) !important;}
#choose-alternative-time .alternative-time-chart .alternative-time-grid .time-box:hover, #choose-alternative-time .alternative-time-chart .alternative-time-grid .time-box.selected{background-color:#3C3834 !important;}
/*=========================================*/
.cta_links {
    display: flex;
    align-items: center;
}
.cta_links a {
    margin-right: 14px;
}
@media(max-width: 767px) {
	.cta_links {  display: block !important;}


}






/*-- new-cafe--*/
.cafe_bar{background:#f2aaaa!important;}
.cafe_bar .loc-wrapper{background:#f2aaaa!important;}
.cafe_bar header ul.custom-nav li a{color:#f8f7e6!important;}
.cafe_bar .navbar-toggler img {  filter: brightness(0) saturate(100%) invert(97%) sepia(10%) saturate(531%) hue-rotate(345deg) brightness(108%) contrast(94%);}
body.cafe_bar header a.btn{background:#ce6566!important;}
body.cafe_bar .common-slider button.slick-arrow{background:#5eada0!important;}
body.cafe_bar .btn {	background: #ce6566!important;}
.cafe_bar header nav.navbar.navbar-light.bg-light.fixed-top {background: #ce6566!important;	border-bottom: 2px solid #3c3834 !important;}
.cafe_bar .map-sec .map-content-box {   background: #f2aaaa !important;}

/*------------------------------------------------------------------*/
/*Cafe-css-here
/*------------------------------------------------------------------*/

.choose-section-wrapper {background: var(--canvas-beige); min-height: 100vh; display: grid; place-items: center; text-align: center; padding: 183px 0px; }
.choose-section-wrapper article {    text-align: center;    background: #8DBFB7;    border: 2px solid #FFFCFC;    padding: 27px 11px;    max-width: 250px;    margin: auto;    width: 100% !important;    min-width: 250px;    height: 100%;}
.choose-section-wrapper .col-md-6 {width: auto !important; }
.choose-section-wrapper .row {justify-content: space-between; }
.choose-heading h2 {font-size: 44px; letter-spacing: 1px; color: #212529; text-transform: uppercase; line-height: 42px; margin: 0; }
.choose-heading p {font-family: "balboa-plus-fill",sans-serif !important; letter-spacing: 2px; color: #212529; text-transform: uppercase; font-size: 20px; line-height: 24px; margin: 0; padding-bottom: 54px; padding-top: 3px; }
.choose-section-wrapper .container {max-width: 627px; }
.choose-section-wrapper article span {letter-spacing: 2px; color: #212529; text-transform: uppercase; font-family: "balboa-plus-fill",sans-serif !important; font-size: 20px; line-height: 24px; display: block; }
.choose-section-wrapper article h2 {letter-spacing: 1px;    color: #212529;    text-transform: uppercase;    font-size: 30px;    line-height: 36px;    min-height: 72px;}

.choose-section-wrapper article .common-btn {margin: auto !important; width: 111px; height: 38px; border: 2px solid #FFFFFF; font-size: 18px; margin-top: 24px !important; }
.or-bottom-seprater h3 {font-size: 44px; color: #212529; margin: 16px 0 19px; line-height: 53px; }
.or-bottom-seprater a {background: #FFFFFF; text-decoration: none; font-size: 35px; color: var(--black-light); border: solid 2px #212529; transition: all ease-in 0.3s; position: relative; z-index: 10; font-family: "balboa-plus-fill",sans-serif !important; padding: 14px 36px; display: block; text-align: left; line-height: 42px; }
.page-template-test-menu header nav.navbar.navbar-light.bg-light.fixed-top,.page-template-menu header nav.navbar.navbar-light.bg-light.fixed-top  {background-color: #b2d3cc !important;  border-bottom: solid 2px var(--black-light); }
section.choose-section-wrapper .menu-search-multipal input {font-size: 35px; height: 85px; }
section.choose-section-wrapper .menu-search-multipal .wrap-drop.input.form-select {max-width: 479px !important; } 

section.choose-section-wrapper .autocomplete-items div { font-size: 22px !important;    height: 65px;    align-items: center;}

section.choose-section-wrapper .autocomplete-items div:hover {  background: #F2AAAA !important;}
section.top-header.menu-banner .content p a {   color: #212529 !important;    position: relative;    display: block;    text-align: center;    font-size: 20px;    text-transform: uppercase;    font-family: "balboa-plus-fill",sans-serif !important;    text-decoration: none;}
section.choose-section-wrapper .autocomplete-items {max-height: 344px !important;}
.menu-search-multipal input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #212529 !important;
}
.menu-search-multipal input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #212529 !important;
   opacity:  1;
}
.menu-search-multipal input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #212529 !important;
   opacity:  1;
}
.menu-search-multipal input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #212529 !important;
}
.menu-search-multipal input::-ms-input-placeholder { /* Microsoft Edge */
   color: #212529 !important;
}

.menu-search-multipal input::placeholder { /* Most modern browsers support this now. */
   color: #212529 !important;
}


section.choose-section-wrapper .menu-search-multipal input {
    background: var(--white) url(../images/search-icon.png) !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;
    background-position: 95% 50% !important;
}
.cafe_bar{background:#f2aaaa!important;}
.cafe_bar .loc-wrapper{background:#f2aaaa!important;}
.cafe_bar header ul.custom-nav li a{color:#f8f7e6!important;}
.cafe_bar .navbar-toggler img {  filter: brightness(0) saturate(100%) invert(97%) sepia(10%) saturate(531%) hue-rotate(345deg) brightness(108%) contrast(94%);}
body.cafe_bar header a.btn{background:#ce6566!important;}
body.cafe_bar .common-slider button.slick-arrow{background:#5eada0!important;}
body.cafe_bar .btn {	background: #ce6566!important;}
.cafe_bar header nav.navbar.navbar-light.bg-light.fixed-top {background: #ce6566!important;	border-bottom: 2px solid #3c3834 !important;}
.cafe_bar .map-sec .map-content-box {   background: #f2aaaa !important;}
#cookie-notice {z-index: 9999999999 !important;}
#eb-bot-trigger {z-index: 99999999999 !important;}
.page-template.page-template-join_the_team section.top-header.info-banner::before  {display:none !important;}
.page-template.page-template-menu .loc-wrapper.menu-wrapper {
	background: #a9d4cc !important;
}
.page-template.page-template-menu.cafe_bar .loc-wrapper.menu-wrapper {
    background: #f2aaaa!important;
}
.page-template-family_page .join-team-box .container-fluid .row.justify-content-center.align-items-center:first-child .col-12 .img-box::after {
	border: solid 2px var(--black-light) !important;
}
section.choose-section-wrapper .menu-search-multipal input {
    font-size: 22px;
    height: 65px;
}
@media (max-width: 767px) {
section.choose-section-wrapper .menu-search-multipal input {  font-size: 23px;    height: 78px;}
section.choose-section-wrapper .autocomplete-items div {  font-size: 26px !important;    height: 69px;    align-items: center;}
.choose-section-wrapper {padding: 143px 0px 16px !important;	min-height: auto !important;}	
section.choose-section-wrapper .menu-search-multipal input {   background-size: 28px !important;}
.choose-heading p {padding-bottom: 23px !important;}	
.or-bottom-seprater h3 {font-size: 29px;	margin: 0 !important;}
.choose-section-wrapper .col-md-6:nth-child(2) {margin-bottom: 4px;}
.page-template-menu .top-header.menu-banner{height: 400px !important;}	
.page-template-menu .top-header.menu-banner .down {	bottom: 24px !important;}	

.bot-eb-trigger {box-shadow: unset !important;}
	.k10-back-to-top {
	display: none !important;
}
	#cookie-notice {
	
	position: fixed;
	bottom: 0;
}
}

@media(max-width: 548px) {
.choose-section-wrapper article {max-width: 100%; }
.choose-section-wrapper .col-md-6 {max-width: 100%; flex: 0 0 100%; margin-bottom: 19px; }
.or-bottom-seprater a {font-size: 27px; padding: 14px 23px;}
section.choose-section-wrapper .menu-search-multipal input {
    font-size: 23px;
    height: 78px;
}
section.choose-section-wrapper .menu-search-multipal input {
	font-size: 23px;
	height: 59px;
}
	section.choose-section-wrapper .autocomplete-items div {
	font-size: 21px !important;
	height: 59px;
	align-items: center;
}
	
}


/*poup*/
div#pum-272681 {background: transparent !important; }
div#pum-272681 .pum-content.popmake-content {display: block !important; background: transparent !important; }
div#pum-272681 button.pum-close.popmake-close {display: none; }
div#popmake-272681 {background: transparent !important; border: none !important; box-shadow: unset !important; }
div#popmake-272681 br {display: none; }
div#popmake-272681 .process-your-booking .modal-dialog {display: block; }
div#popmake-272681 button.btn-close.closebtn_location.pum-close.popmake-close {display: block !important; }
div#popmake-272681 a.common-btn {font-size: 20px !important; width: 100% !important; max-width: 100% !IMPORTANT; text-align: center !important; justify-content: center; }
div#popmake-272681  a.bookot-link.common-btn.full-width {margin-top: 0 !important; }
div#pum-272684 {background: transparent !important; }
div#pum-272684 .pum-content.popmake-content {display: block !important; background: transparent !important; }
div#pum-272684 button.pum-close.popmake-close {display: none; }
div#popmake-272684 {background: transparent !important; border: none !important; box-shadow: unset !important; }
div#popmake-272684 br {display: none; }
div#popmake-272684 .process-your-booking .modal-dialog {display: block; }
div#popmake-272684 button.btn-close.closebtn_location.pum-close.popmake-close {display: block !important; }
div#popmake-272684 a.common-btn {font-size: 20px !important; width: 100% !important; max-width: 100% !IMPORTANT; text-align: center !important; justify-content: center; }
div#popmake-272684  a.bookot-link.common-btn.full-width {margin-top: 0 !important; }




/*newesletter-css*/

.wrapper.subscribe-section .img-box {
    position: relative;
}





.wrapper.subscribe-section .img-box p {
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    padding: 40.9px 50px;
    font-size: 54px;
    line-height: 55px;
    color: var(--black-light);
    margin: 0 auto;
    text-align: center;
    font-family: var(--BalboaPlus);
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}


.wrapper.subscribe-section .img-box:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffffff78;
    height: 100%;
    width: 100%;
    pointer-events: none;
}





/*=============19-02-2024===========*/
.choose-section-wrapper article h2{max-width: 158px;text-align: center;margin-left: auto;margin-right: auto;    font-size: 24px;line-height: 32px;}

.page-template-family_page .wrapper.join-team-wrap {
    background: #f2b1b2 !important
}
.page-template.page-template-family_page a.btn {
    background: #F9D853 !important;
}
.page-template-family_page .join-team-box .row:nth-child(1) {
    background: #f9d853;
}

footer ul.social-section img {
    max-height: 24px;
}
footer ul.social-section li+li {
    padding-left: 17px !important;
    padding-right: 0 !important;
}


section.group-booking-section {	margin-top: 117px !important;}
.comman-btns-box .common-btn {
    margin: 0;
    text-transform: uppercase;
    padding: 7px 22px;
    width: auto !important;
    max-width: 242px;
    text-align: center;
    width: 100% !important;
    min-height: 51px !important;
    height: auto !important;
}
.page-template-christmas_phase_2 .bookatable-commen.desktop {
    width: 150px;
}
.comman-btns-box {display: flex; margin-top: 22px; flex-wrap: wrap; justify-content:center !important; }
.comman-btns-box a + a {margin-left: 26px !important; }
.card-inner-box {background: var(--canvas-beige); margin-top: 25px; border: 2px solid var(--black-light); }
.card-inner-box figure {margin: 0; height: 100%; }
.booking-inner-box .heading {color: var(--black-light); font-size: 26px; line-height: 31px; letter-spacing: 0; padding-bottom: 13px; }
.booking-inner-box p {font-size: 16px; line-height: 26px; letter-spacing: 0.16px; margin: 0; padding: 0px 0px 11px; color: var(--black-light); }
 .comman-btn-group-caed {position: absolute; bottom: 25px; left: 0; right: 0; margin: auto; width: 78%; }
.booking-inner-box {padding: 33px 33px 105px; position: relative; border-left: 2px solid var(--black-light); height:100%; }
.card-inner-box figure img {height: 100%; width: 100%; object-fit: cover; }
.details-main-booking-box {margin-right: 15px; max-width: 674px; }
 .details-main-booking-box .group-bookings-details {width: ; max-width: 100% !important; margin-right: 0 !important; }
 section.booking-mid-sec {padding: 69px 0 !important; }
 .comman-btn-group-caed a {margin: 0 !important; width: 100%; }
button.common-btn.group_booking_submit {
    text-align: center !important;
    justify-content: center !important;
}

.single-events .img-box, .single-events .img-box img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
}
.section-top .mobile-bookatable {
    pointer-events: none !important;
}
.top-heading-comman-time {width: 100%; padding: 40.9px 50px; font-size: 45px; color: var(--black-light); margin: 0 !important; position: relative; border: solid 2px var(--black-light); font-family: var(--BalboaPlus); background: #fbbf5d; text-align: center; }
.top-heading-comman-time h2 {font-size: 44px !important; margin: 0; }
.time-play-wrapper-box figure {margin: 0; width: 100%; height: 471px; background: #fbe3ed; }
.time-play-wrapper-box .col-md-4 {border-right: 2px solid var(--black-light); }
.time-play-wrapper-box .col-md-4:nth-child(1) article {background: #ec8789; }
.time-play-wrapper-box .col-md-4:nth-child(2) article {background: #67b1e3; }
.time-play-wrapper-box .col-md-4:nth-child(3) article {background: #fbbf5d; }
.content-timeto-play {padding: 39px 49px; border-top: 2px solid var(--black-light); padding-bottom: 92px;  }

.comman-btn-time-toplay .common-btn {margin: 0 !important; width: 100%; text-align: center; }
.time-play-wrapper-box .container {padding: 0 !important; width: 100% !important; max-width: 100% !important; }
.time-play-wrapper-box .col-md-4:last-child {border: none !important; }
.comman-btn-time-toplay {position: absolute; bottom: 39px; left: 0; right: 0; width: 100%; z-index: 9; margin: auto; padding: 0 49px; }
.time-play-wrapper-box .col-md-4:nth-child(2) .common-btn {background: #bbe1f4 !important; }
.time-play-wrapper-box .col-md-4:nth-child(3) .common-btn {background: #fbe790 !important; }
.time-play-wrapper-box figure img {width: 100%; height: 100%; object-fit: cover; }
.page-template-family_page .wrapper.join-team-wrap .join-team-box .box {
	padding-top: 78px !important;
	padding-bottom: 78px !important;
	height: 100%;
	display: flex;
	align-items: center;
}
.page-template-family_page .join-team-box .container-fluid .row.justify-content-center.align-items-center {
	align-items: unset !important;
}

.page-template-family_page .join-team-box .row {
	background: #f9d853;
}
.page-template-family_page .inner-box a.btn {
	background: #fbe790 !important;
}
.page-template-family_page .wrapper.join-team-wrap .join-team-box .img-box {
	height: 100% !important;
}
.page-template-family_page .wrapper.join-team-wrap .join-team-box .img-box img {
	height: 100% !important;
}
.time-play-wrapper-box article {
	height: 100%;
	position: relative;
}
.page-id-272078 .wrapper.terms-con-wrap {
    padding-top: 164px;
}
.page-id-272078 .wrapper.terms-con-wrap img {
    margin-bottom: 29px;
}

.page-template-christmas_phase-1 .bookatable-commen.desktop.career {
display: none;
}

.page-template-christmas_phase-1 .inner-box {
    text-align: center !important;
}

.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m .row .btn.christmas-page-btn {
    margin: auto;
    justify-content: center !important;
}

.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(2n) a.btn {
    margin: auto !important;
}


.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(2n) .box {text-align: left; }
.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(2n) a.btn { margin-left: auto; }
.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m .inner-box .title {margin-bottom: 18px; }
.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m .inner-box .title {margin-bottom: 18px; color: #fff; }
.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m p {color: #edfcf7 !important; }
.page-template-christmas_phase-1 .top-header.info-banner.section-top.hero-slider-add.ch-mas.join-team-banner.desktop-banner.christmas-banner-new {margin-top: 0 !important; }

.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(1) {background: #ba3443; }
.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(1) .title {color: #edfcf7 !important; }
.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(1) .btn.christmas-page-btn {background: #f27f83 !important; color: #edfcf7 !important; }
.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(2) {background: #096359 !important; }
.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(2) .title {color: #edfcf7 !important; }
.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(2) .btn.christmas-page-btn {background: #2ab09f !important; color: #edfcf7 !important; }
.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(3) {background: #fbf9ee !important; }
.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(3) .title {color: #000 !important; }
.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(3) p {color: #000 !important; }
.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(3) .btn.christmas-page-btn {background: #cdc5ad !important; color: #edfcf7 !important; }
.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(4) {background: #1287ba !important; }
.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(4) .btn.christmas-page-btn {background: #5caede !important; color: #edfcf7 !important; }
.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(5) {background: #6d649e !important; }
.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(5) .btn.christmas-page-btn {background: #b8a9d1 !important; color: #edfcf7 !important; }
.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(6) {background: #e4b73b !important; }
.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(6) .btn.christmas-page-btn {background: #f9e38f !important; color: #edfcf7 !important; }
 section.top-header.info-banner.section-top.hero-slider-add.ch-mas.join-team-banner.desktop-banner.christmas-banner button#findATable {background: #ba3443; color: #fff !important; }
.top-header.info-banner.section-top.hero-slider-add.ch-mas.join-team-banner.desktop-banner.christmas-banner {
  height: 600px;
  padding: 0 !important;
  margin: 0 !important;
}
.page-template-christmas_phase-1 #navbar_top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.top-header.info-banner.section-top.hero-slider-add.ch-mas.join-team-banner.desktop-banner.christmas-banner h1 {
 display: none !important;


}

.page-template-christmas_phase-1 nav#navbar_top {
    background: #ba3443 !important;
}

.page-template-christmas_phase-1 section.top-header.info-banner:before {display: none !important;}
.page-template-christmas_phase-1 .title.desktop-view {color: #fff; font-size: 37px; }
.page-template-christmas_phase-1 header #navbar_top.sticky {
    background: #ba3443 !important;
}

.page-id-271833 .row.justify-content-center.align-items-center:nth-child(1) a.btn.christmas-page-btn {
    background: #ec8789 !important;
}
.dropq-wn-location .box-innerstreet h3 a {
    color: #2f2f2f  !important;
	text-decoration:none !important;
}
@media(max-width: 548px) {
.choose-section-wrapper article h2{min-height: inherit;}  
}





@media (min-width:767px) {
.home header nav.navbar.navbar-light.bg-light.fixed-top {
	border-bottom: none;
}
header nav.navbar.navbar-light.bg-light.fixed-top {
	border-bottom: solid 2px var(--black-light);
}
	header nav.navbar.navbar-light.bg-light.fixed-top.sticky {
			border-bottom: solid 2px var(--black-light) !important;	}
	.page-id-272078 .wrapper.terms-con-wrap {
    padding-top: 124px;
}
	
	
}

@media (max-width: 1700px) {
	section.top-header {	
	margin-top: 96px;
}
	section.group-booking-section {margin-top: 96px !important; }
.comman-btns-box .common-btn {padding: 14px 7px; width: 100% !important; max-width: 211px; }
	.wrapper.join-team-wrap.up.new_join_capion.c-h-m .join-team-box .box {padding-top: 86px !important; padding-bottom: 86px !important; }


	
}

@media (max-width: 1500px) {
	section.top-header.info-banner {
	margin-top: 86px;
	padding: 0;
}
section.top-header {
	margin-top: 86px !important;
}	
section.group-booking-section {margin-top: 86px !important; }	
	 .time-play-wrapper-box figure {height: 384px; }
.page-template-family_page .wrapper.join-team-wrap .join-team-box .img-box img {
	height: 100% !important;
}	
.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m .inner-box .title {
    margin-bottom: 18px;
     font-size: 28px;
}	
.page-template-christmas_phase-1 .wrapper.join-team-wrap.up.new_join_capion.c-h-m p {
    font-size: 15px !important;
}

.wrapper.join-team-wrap.up.new_join_capion.c-h-m .join-team-box .box {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
}
.top-header.info-banner.section-top.hero-slider-add.ch-mas.join-team-banner.desktop-banner.christmas-banner {
    height: 486px;
}
	
	

}

  @media (max-width: 1400px) { 
section.group-booking-section {margin-top: 72px !important; }
.comman-btn-group-caed .common-btn {margin-left: 0 !important; }
.booking-inner-box {padding: 28px 20px 103px;}

  }

@media (max-width: 1388px) {
	section.top-header.info-banner {
	margin-top: 73px !important;
	padding: 0;
}
section.top-header {
	margin-top: 73px !important;
}	
	
}
@media (max-width: 1280px) {
	    .page-template-bills_rewards .wrapper.join-team-wrap .join-team-box .box {
        padding: 43px 20px !important;
    }
	
	
	
	
	
}
 @media (max-width: 1199px) {
.top-header.info-banner.join-team-banner.mobile-banner.ch-mobile-banner {margin-top: 0 !important;  }



 }

@media (max-width: 1100px) { 
.time-play-wrapper-box figure {height: 294px; }
.top-heading-comman-time h2 {
	font-size: 32px !important;
	margin: 0;
}	
	.top-heading-comman-time {
	padding: 20.9px 50px;
}
	

}
@media (max-width: 1199px) {
	section.top-header {
	margin-top: 63px !important;
}
section.group-booking-section {margin-top: 63px !important; }
.comman-btns-box .common-btn {padding: 14px 11px;}
.comman-btns-box a + a {margin-left: 13px !important;}
.comman-btns-box .common-btn {margin: 0; text-transform: uppercase; padding: 14px 7px; width: auto !important; max-width: 185px; text-align: center; width: 100% !important; font-size: 18px; }	
	
	
}




@media (max-width: 767px) {
 .comman-set-pages-all .section-top .title.desktop-view {display: block !important; }
.comman-set-pages-all section.section-top.hero-slider-add {height: auto !important; }
.comman-set-pages-all .section-top .form-section {position: static !important; }
.comman-set-pages-all section.section-top.hero-slider-add {height: auto !important; padding: 120px 0; }   
    
    
    
	section.top-header {
	border-top: solid 2px var(--black-light) !important;
}
	section.top-header {
	margin-top: 96px !important;
}
	section.private-dining-banner {
	margin-top: 100px !important;
}
	section.top-header.info-banner {
	margin-top: 100px !important;
	padding: 0;
}
.searchbox .error {
	position: absolute;
	bottom: -15px;
}

.locations-wrapper .inner .inner-box .searchbox .common-btn {
	min-width: auto !important;
	padding: 0 16px;
	width: 92% !important;
	margin: 0 !important;
	border-left: none !important;
	height: 50px;
}
	.locations-wrapper .inner .inner-box .location_errorMsg {
	position: absolute;
	top: 89px;
}
footer ul.social-section li+li {
    padding-left: 11px !important;
    padding-right: 0 !important;
}
 section.group-booking-section {margin-top: 99px !important; }
section.booking-mid-sec {padding: 37px 0 !important; }
 .details-main-booking-box {margin-right: 0 !important; max-width: 100% !important; }
.booking-inner-box {border-left: none !important; }
section.booking-mid-sec .container {padding: 0 21px !important; }
section.booking-mid-sec .group-bookings-details {border: 2px solid var(--black-light) !important; }
section.booking-mid-sec .group-bookings-details {margin: 0 auto 14px !important; }
section.booking-mid-sec .group-bookings-details .inner {padding: 61px 16px 61px; }
.comman-btns-box a + a {margin-left: 0 !important; margin-top: 16px !important; }
 
.booking-mid-sec.up .right-part {margin-bottom: 34px; }
.comman-btns-box {flex-direction: column; }
.comman-btns-box .common-btn {margin: 0; text-transform: uppercase; padding: 14px 7px; font-size: 20px; width: 100% !important; max-width:100%;}
  .time-play-wrapper-box .col-md-4 {border-right: none !important; }
.time-play-wrapper-box figure {
	height: auto !important;
}
	section.booking-mid-sec>.container>.row .group-booking-page .right-part {
    padding-top: 51px;
}
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(3) .content_div_innner {padding-top: 0 !important; }
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .join-team-box .container-fluid .row.justify-content-center .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6.content_div_innner .box {padding: 44px 39px !important; }
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(2n) .box {text-align: left; }
.wrapper.join-team-wrap.up.new_join_capion.c-h-m .row:nth-child(2n) a.btn {margin-left: 0 !important; }
.page-template-christmas_phase-1 section.top-header.info-banner.join-team-banner.mobile-banner.ch-mobile-banner h1 {
    color: #fff !important;
    font-size: 27px;
}
.page-template-christmas_phase-1 a.down {
    bottom: 42px;
}	
.page-template-christmas_phase-1 a.down img {
    filter: brightness(0) invert(1);
}
	
	
	
}


/*4-9-2024*/
.postid-913 .pum-container.popmake {border-radius: 0px !important;border: solid 2px #3c3834 !important;}
.postid-913 .custom-position {
    background: var(--canvas-beige) !important;
    padding: 0px 0px 30px 0px !important;
}
.postid-913 .pum-container.pum-responsive.pum-responsive-medium {
    width: calc(100% - 30px) !important;
    max-width: 600px !important;
    padding: 0 !important;
    margin: 0px auto 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.postid-913 .custom-position img {
    max-width: 100%;
    border-right: solid 2px var(--black-light);
    height: 100%;
    object-fit: cover;
    max-height: 285px;
    width: 100%;
    min-height: 100%;
}
.postid-913 .custom-position p {
    padding: 0 0 10px;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.16px;
    margin: 0;
    color: var(--dark-charcoal-color);
}
.postid-913  .pum-content + .pum-close, .home .pum-content + .pum-close {
    right: 18px !important;
    bottom: auto !important;
    top: 32px !important;
    padding: 4px !important;
    color: #3c3834 !important;
    font-family: Times New Roman !important;
    font-weight: 700 !important;
    font-size: 45px !important;
    line-height: 20px !important;
    border-radius: 0 !important;
    background-color: transparent !important;
}
.postid-913 .custom-position a.common-btn {
    text-align: left;
    justify-content: start;
    padding: 8px 15px 8px 15px;
    margin-top: 20px;
    max-width: 200px;
    font-size: 16px;
}
.postid-913  button.pum-close.popmake-close {
    display: none;
}
.postid-913  .pum-content.popmake-content .content button.btn-close.closebtn_location.pum-close.popmake-close {
    display: block !important;
    position: absolute;
    top: 23px;
    right: 29px;
    width: 30px;
    height: 30px;
}
.postid-913 .pum-content, .pum-theme-default-theme .pum-content {
    color: #8c8c8c;
    font-family: inherit;
    font-weight: 400;
    font-style: inherit;
}
div#pum-272728 {
    background: #0000008a;
}
@media (max-width: 1366px) {
    .postid-913 .custom-position img {
        max-height: 304px !important;
    }
    .postid-913 .custom-position p {
        font-size: 15px !important;
        line-height: 25px !important;
    }
}
@media (max-width: 991px) {
    .postid-913 .custom-position img {
        max-height:294px !important;
    }
        .postid-913 .custom-position p {
        font-size: 13px !important;
        line-height: 23px !important;
    }
}
@media (max-width: 767px) {
   .postid-913 .pum-container.pum-responsive.pum-responsive-medium {
        transform: initial !important;
        top: inherit !important;
        left: inherit !important;
        margin: 80px auto 0 !important;
    }
     .postid-913 .pum-container.pum-responsive.pum-responsive-medium {
        width: 98% !important;
    }
     .postid-913 .custom-position img {
        max-height: 294px !important;
    }
    .postid-913 .custom-position img {
        max-height: 197px !important;
        height: 197px !important;
        border-bottom: solid 2px #3c3834;
        border-right: none;
    }
}