@media (max-width: 1200px) {

}

@media only screen and (max-width: 1024px) {
  html {
    font-size: 42%;
  }
}

@media (max-width: 992px) {


}

@media (max-width: 767px) {
  html {
    font-size: 58%;
  }
  .container-fluid .navbar-brand img{width: 195px;}
  header.header.fix-top .navbar-toggler-icon {
    padding: 0;
}
  header .navbar-toggler-icon{ padding: 20px;
    background: transparent;}
   header .navbar-toggler-icon svg{fill: #087cba;
    height: 30px;}
    .welcome-section h1{    font-size: 3.4rem;    margin-bottom: 4rem;}
    section.welcome-section{    padding: 2rem 0;}
    .welcome-section a{    height: 46px;
        margin-top: 3rem;
    line-height: 48px;}
    .concept-from-chef h1 {
    font-size: 3.7rem;}
    .container.bt-bg-cont{    padding: 15px 20px;}
    .the-experience h2{font-size: 3.5rem; transform: translateX(-48px);}
    .container.bt-bg-cont{    padding: 24px 15px;}
  section.concept-from-chef{flex-wrap: wrap;}
  .concept-from-chef .small-img{display: none;}
  section.concept-from-chef .colm-six-2{    order: 2;}
  section.concept-from-chef .colm-six{    order: 1;}
  .the-experience .d-flex.justify-content-center.align-items-center{    flex-wrap: wrap;}
  .mmyy-5{margin: 56px 0;}
  .reservations .card-style{margin-bottom:40px;}
  .rotator-list {
    width: 95%;}
    .reservations {
      margin: 450px 0 0px;}
      footer .container.bt-bg-cont {
    padding: 40px 20px 10px;}

 footer .container.bt-bg-cont .mobile-rs{width: 190px;}
 footer .the-experience h2{    transform: translateX(0);}
 header .navbar-nav .nav-link {
    font-size: 26px;}
    span.gallery-col .rotator-list {
      width: 45%;
  }
  span.gallery-col{
  display: flex;
    position: relative;
    right: -21px;
    bottom: 0;
    justify-content: end;
}
}