html,body{
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #002a5a;
    scroll-behavior: smooth;
}

body{
    font-family: 'Montserrat', sans-serif;
}

@keyframes imagezoom {
    0% {transform: scale(1);}
    5% {transform: scale(1.005);}
    10% {transform: scale(1.01);}
    15% {transform: scale(1.015);}
    20% {transform: scale(1.02);}
    25% {transform: scale(1.025);}
    30% {transform: scale(1.03);}
    35% {transform: scale(1.035);}
    40% {transform: scale(1.04);}
    45% {transform: scale(1.045);}
    50% {transform: scale(1.05);}
    55% {transform: scale(1.055);}
    60% {transform: scale(1.06);}
    65% {transform: scale(1.065);}
    70% {transform: scale(1.07);}
    75% {transform: scale(1.075);}
    80% {transform: scale(1.08);}
    85% {transform: scale(1.085);}
    90% {transform: scale(1.09);}
    95% {transform: scale(1.095);}
    100% {transform: scale(1.1);}
}

div#header-index-page{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    height: 180vh;
}

div#header-index-page img{
    width: 100%;
    height: 180vh;
    object-fit: cover;
    object-position: 48% 50%;
    animation: imagezoom forwards 2s ease-in;
}

div#header-menu-page{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}

div#header-menu-page img{
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: 50% 100%;
    animation: imagezoom forwards 2s ease-in;
}

div#header-gallery-page{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}

div#header-careers-page{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}

div#header-careers-page img{
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: 50% 100%;
    animation: imagezoom forwards 2s ease-in;
}

.header-gallery{
    height: 100vh;
    top: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: flex-end;
}

@keyframes img-gallery-fade{
    0% {opacity: 1;}
    15% {opacity: 1;}
    25% {opacity: 0;}
    94% {opacity: 0;}
    100% {opacity: 1;}
}

.header-gallery-food{
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.header-gallery-food img{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: 50% 50%;
    animation: img-gallery-fade 27.5s infinite;
}

#img-food-01{animation-delay: 27.5s;}
#img-food-02{animation-delay: 23.5s;}
#img-food-03{animation-delay: 19.5s;}
#img-food-04{animation-delay: 15.5s;}
#img-food-05{animation-delay: 11.5s;}
#img-food-06{animation-delay: 7.5s;}
#img-food-07{animation-delay: 3.5s;}
#img-food-08{animation-delay: 0s;}

.header-gallery-people{
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.header-gallery-people img{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: 50% 50%;
    animation: img-gallery-fade 28s infinite;
}

#img-people-01{animation-delay: 28s;}
#img-people-02{animation-delay: 24s;}
#img-people-03{animation-delay: 20s;}
#img-people-04{animation-delay: 16s;}
#img-people-05{animation-delay: 12s;}
#img-people-06{animation-delay: 8s;}
#img-people-07{animation-delay: 4s;}
#img-people-08{animation-delay: 0s;}

.header-gallery-place{
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.header-gallery-place img{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: 50% 50%;
    animation: img-gallery-fade 28.5s infinite;
}

#img-place-01{animation-delay: 28.5s;}
#img-place-02{animation-delay: 24.5s;}
#img-place-03{animation-delay: 20.5s;}
#img-place-04{animation-delay: 16.5s;}
#img-place-05{animation-delay: 12.5s;}
#img-place-06{animation-delay: 8.5s;}
#img-place-07{animation-delay: 4.5s;}
#img-place-08{animation-delay: 0s;}

header div.header-bg{
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 190vh;
    background: linear-gradient(0deg, rgba(0,42,90,1) 0%,rgba(0,42,90,1) 5%, rgba(0,42,90,0) 50%,rgba(0,42,90,1) 96%, rgba(0,42,90,1) 100%);
}

header div.header-bg-menu{
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    background: linear-gradient(0deg, rgba(209,169,111,1) 0%,rgba(209,169,111,0.8) 5%,rgba(209,169,111,0) 25%, rgba(0,42,90,0) 50%,rgba(0,42,90,1) 96%, rgba(0,42,90,1) 100%);
}

header div.header-bg-gallery{
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    background: linear-gradient(0deg, rgba(0,42,90,1) 0%,rgba(0,42,90,0.8) 5%,rgba(0,42,90,0) 25%, rgba(0,42,90,0) 50%,rgba(0,42,90,1) 96%, rgba(0,42,90,1) 100%);
}

header div.header-bg-careers{
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    background: linear-gradient(0deg, rgba(0,42,90,1) 0%,rgba(0,42,90,0.8) 5%,rgba(0,42,90,0) 25%, rgba(0,42,90,0) 50%,rgba(0,42,90,1) 96%, rgba(0,42,90,1) 100%);
}

nav{
    position: fixed;
    width: 100%;
    z-index: 2;
}

nav ul.header-menu-ul{
    list-style: none;
    background: rgba(0, 0, 0, 0);
    overflow: hidden;
    color: #d1a96f;
    padding: 0px,0px,10px,0px;
    text-align: center;
    margin: 0;
    transition: 1s;
}

nav.grad_scroll ul.header-menu-ul{
    background: linear-gradient(0deg, rgba(0,42,90,0.0) 0%, rgba(0,42,90,0.5) 30%, rgba(0,42,90,0.8) 70%, rgba(0,42,90,1) 100%);
}

nav ul.header-menu-ul li{
    display: inline-block;
    padding: 50px 20px 20px 0px;
}

nav ul.header-menu-ul li::before{
    content: "";
    margin-right: -15px;
}

nav ul.header-menu-ul li::after{
    content: "\00b7";
    font-size: 20px;
    color: #d1a96f;
    padding-left: 10px;
}

nav ul.header-menu-ul li:last-of-type::after{
    display: none;
}

nav ul.header-menu-ul li a{
    position: relative;
    text-decoration: none;
    color: #d1a96f;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

nav ul.header-menu-ul li a:hover {
    color: #d1a96f;
}

nav ul.header-menu-ul li a::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #d1a96f;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

nav ul.header-menu-ul li a:hover::before {
    transform: scaleX(1);
}

.mobile-nav {
    position: fixed;
    width: 100%;
    z-index: 2;
}

.logo-mobile {
    display: none;
}

.hamburger-mobile{
    display: none;
}

.content-heading{
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 80px;
    z-index: 1;
}

.logo-heading{
    position: absolute;
    top: 17%;
    width: 100%;
    display: flex;
    justify-content: center;
    transform: translate(-0.5%, -50%);
}

.logo-heading img{
    width: 30%;
    opacity: 0;
}

.logo-heading img:nth-child(1) {
    height: auto;
    animation: fade-in-top 2s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.reseavation-heading {
    position: absolute;
    top: 27%;
    width: 100%;
    display: flex;
    justify-content: center;
    transform: translate(-50%, -50%);
    animation: fade-in-top 2s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.reseavation-heading a{
    text-align: center;
    color: #603813;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    border: #603813 solid 2px;
    padding: 30px;
    opacity: 0;
    animation: fade-in-top 2s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.reseavation-heading a:hover{
    background: rgba(96, 56, 19, 0.3);
    color: #603813;
    border: #603813 solid 2px;
    padding: 30px;
}

.social-heading {
    position: absolute;
    top: 37%;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.social-heading img{
    height: 30px;
    padding: 0px 5px 0px 5px;
    opacity: 0;
    filter: blur(4px);
}

.social-heading img:nth-child(1){
    animation: fade-in 3s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.section-heading{
    position: absolute;
    width: 100%;
    top: 68%;
    opacity: 0;
    filter: blur(4px);
}

.section-heading p:nth-child(1){
    text-align: center;
    color: #fff;
    font-size: calc(16px + 1.2vw);
    letter-spacing: 5px;
    font-family: 'Marion',"Marion", sans-serif;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.section-heading p:nth-child(1) img{
    width: 34%;
}

.section-heading p:nth-child(2){
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
    font-size: 14px;
    margin: 0% 33%;
    text-align: justify;
    text-justify: inter-word;
}

.section-heading.visible{
    animation: fade-in 1.5s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

@keyframes fade-in {
    100% {
      opacity: 1;
      filter: blur(0);
    }
}

@keyframes fade-in-top {
    0% {
       opacity: 0;
       transform: translateY(20px);
    }
    100% {
       opacity: 1;
       transform: translateY(0);
    }
}

@keyframes fade-in-left {
    0% {
       opacity: 0;
       transform: translateX(20px);
    }
    100% {
       opacity: 1;
       transform: translateX(0);
    }
}  
 
 @keyframes fade-in-right {
    0% {
       opacity: 0;
       transform: translateX(-20px);
    }
    100% {
       opacity: 1;
       transform: translateX(0);
    }
}   

@keyframes fade-out-left {
    100% {
       opacity: 0;
       transform: translateX(20px);
    }
    0% {
       opacity: 1;
       transform: translateX(0);
    }
}  
 
 @keyframes fade-out-right {
    100% {
       opacity: 0;
       transform: translateX(-20px);
    }
    0% {
        opacity: 1;
        transform: translateX(0);
     }
}  

.mobile-header{
    display: none;
}

.section-content{
    margin-top: 10vh;
    width: 100%;
}

.content{
    width: 100%;
}

.content-bg-one{
    width: 100%;
    background-image: url("../img/img_index_pg_01.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.content-bg-two{
    width: 100%;
    background-image: url("../img/img_index_pg_02.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.content-bg-three{
    width: 100%;
    background-image: url("../img/img_index_pg_03.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.content-bg-four{
    width: 100%;
    background-image: url("../img/img_index_pg_04.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.content .content-bg{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background: linear-gradient(0deg, rgba(0,42,90,1) 0%,rgba(0,42,90,1) 5%, rgba(0,42,90,0) 50%,rgba(0,42,90,1) 95%, rgba(0,42,90,1) 100%);
}

.content .content-img{
    overflow: hidden;
    margin: 120px;
    box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.7);
    opacity: 0;
}

@keyframes img-zoom-out {
    0% {transform: scale(1.2);}
    100% {transform: scale(1);}
}

.content .content-img img{
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: 50% 50%;
}

.content .content-img.visibletoright{
    animation: fade-in-right 1.5s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.content .content-img img.visible-zoom-out{
    animation: img-zoom-out forwards 2s ease-out;
}

.content .content-text{
    display: flex;
    align-items:flex-start;
    flex-direction: column;
    opacity: 0;
}

.content .one{
    padding: 25% 30% 0% 20%;
}

.content .two{
    padding: 30% 18% 0% 28%;
}

.content .three{
    padding: 20% 35% 0% 25%;
}

.content .four{
    padding: 25% 12% 0% 24%;
}

.content-text.visible{
    animation: fade-in-left 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.content-text.visibletoleft{
    animation: fade-in-left 1.5s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.content-text.visibletoright{
    animation: fade-in-right 1.5s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.content-text span:nth-child(1){
    color: #d1a96f;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
}

.content-text span:nth-child(2){
    margin-top: 30px;
    color: #d1a96f;
    font-family: 'Marion',"Marion", sans-serif;
    font-size: 70px;
    line-height: 65px;
}

.content-text span:nth-child(2) .img-one{
    width: 100%;
}

.content-text span:nth-child(2) .img-two{
    width: 100%;
}

.content-text span:nth-child(2) .img-three{
    width: 100%;
}

.content-text span:nth-child(2) .img-four{
    width: 100%;
}

.content-text span:nth-child(3){
    margin-top: 30px;
    width: 100%;
    color: #d1a96f;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-align: justify;
    text-justify: inter-word;
}

.content-text p{
    padding-top: 20px;
    color: #d1a96f;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
}

.content-link{
    padding-top: 20px;
    padding-left: 15px;
    list-style-type: disc;
    line-height: 30px;
    color: #d1a96f;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
}

.content-link li a{
    position: relative;
    text-decoration: none;
    color: #d1a96f;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

.content-link li a:hover {
    color: #d1a96f;
}

.content-link li a::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #d1a96f;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.content-link li a:hover::before {
    transform: scaleX(1);
}

div#section-contents{
    position: relative;
    background-color: #002a5a;
    width: 100%;
    margin: 0;
    padding: 0;
}

#mobile-section-contents{
    display: none;
}

.line-one{
    position: relative;
    height: 1pt;
    width: 11.5%;
    background-color: #d1a96f;
    top: 0%;
    left: 50%;
    opacity: 0.5;
    transform: translate(-50%, -50%);
    margin: 4% 0;
}

.line-two {
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    width: 13%;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 4% 0;
}
  
.line-two::after {
    content: "..................................";
    letter-spacing: 4px;
    font-size: 14px;
    color: #d1a96f;
    display: inline-block;
    vertical-align: 2px;
    padding-left: 10px;
}

.line-three{
    position: relative;
    height: 1pt;
    width: 30%;
    background-color: #d1a96f;
    top: 0%;
    left: 50%;
    opacity: 0.5;
    transform: translate(-50%, -50%);
    margin-top: 12%;
}

.line-four{
    position: relative;
    height: 1pt;
    width: 14%;
    background-color: #d1a96f;
    top: 0%;
    left: 50%;
    opacity: 0.5;
    transform: translate(-50%, -50%);
    margin: 5% 0 2% 0;
}

.line-five{
    position: relative;
    height: 1pt;
    width: 11.5%;
    background-color: #d1a96f;
    top: 0%;
    left: 50%;
    opacity: 0.5;
    transform: translate(-50%, -50%);
    margin: 4% 0 0 0;
}

.line-last-page{
    position: relative;
    height: 1px;
    width: 70%;
    border-top: #d1a96f solid 1px;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 4% 0 4% 0;
}

.menu-tabs{
    position: absolute;
    bottom: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
}

.menu-tab-link{
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    cursor: pointer;
}

.bg-overlay{
    position: absolute;
    display: block;
    top: 100%;
    width: 100%;
    height:100%;
    background: linear-gradient(rgba(0,42,90,0), rgba(0,42,90,0) 25%, rgba(0,42,90,0.5) 50%, rgba(0,42,90,0.8) 75%, rgba(0,42,90,1));
    background-size: 100% 100%;
    transition: all 1.5s ease;
    z-index: 0;
}

.text-overlay{
    position: absolute;
    display: block;
    bottom: 4%;
    width: 100%;
    text-align: center;
    transition: all 1.5s ease;
    z-index: 1;
}

.text-overlay a{
    position: relative;
    text-align: center;
    opacity: 0;
    filter: blur(4px);
    z-index: 1;
}

.text-overlay a img.img-dinein{
    width: 30%;
}

.text-overlay a img.img-takeaway{
    width: 40%;
}

.text-overlay a img.img-beverage{
    width: 40%;
}

.text-overlay a img.img-daycafe{
    width: 35%;
}

.text-overlay a img.image-hover{
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin-top: -8%;
    opacity: 0;
}

.text-overlay a:nth-child(1){
    animation: fade-in 3s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.menu-tab-link:hover .bg-overlay{
    top: 0;
    background-size: 100% 100%;
} 

.menu-tab-link:hover .text-overlay{
    bottom: 45%;
} 

.menu-tab-link:hover a img.image-hover{
    opacity: 1;
}

.menu-tab-link:hover a img.image-main{
    opacity: 0;
}

.gallery-tabs{
    position: absolute;
    bottom: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
}

.food-tab-link{
    position: absolute;
    top: 0;
}

.people-tab-link{
    position: absolute;
    top: 0;
}

.people-tab-link{
    position: absolute;
    top: 0;
}

.gallery-mobile-tabs{
    display: none;
}

.gallery-tab-link{
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    cursor: pointer;
}

.gallery-bg-overlay{
    position: absolute;
    display: block;
    top: 100%;
    width: 100%;
    height: 50%;
    background: linear-gradient(rgba(0,42,90,0), rgba(0,42,90,0) 25%, rgba(0,42,90,0.5) 50%, rgba(0,42,90,0.8) 75%, rgba(0,42,90,1));
    background-size: 100% 100%;
    transition: all 1.5s ease;
    z-index: 0;
}
.gallery-text-overlay{
    position: absolute;
    display: block;
    bottom: 4%;
    width: 100%;
    text-align: center;
    transition: all 1.5s ease;
    z-index: 1;
}

.gallery-text-overlay a{
    position: relative;
    text-align: center;
    opacity: 0;
    filter: blur(4px);
    z-index: 1;
}

.gallery-text-overlay a img.img-food{
    width: 24%;
}

.gallery-text-overlay a img.img-people{
    width: 34%;
}

.gallery-text-overlay a img.img-place{
    width: 27.5%;
}

.gallery-text-overlay a img.image-hover{
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin-top: -12%;
    opacity: 0;
}

.gallery-text-overlay a:nth-child(1){
    animation: fade-in 3s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.gallery-tab-link:hover .gallery-bg-overlay{
    top: 50%;
    background-size: 50% 100%;
} 

.gallery-tab-link:hover .gallery-text-overlay{
    bottom: 45%;
} 

.gallery-tab-link:hover a img.image-hover{
    opacity: 1;
}

.gallery-tab-link:hover a img.image-main{
    opacity: 0;
}

.close-button {
    position: absolute;
    right: 2%;
    top: 5%;
    width: 69px;
    height: 69px;
    color:#d1a96f;
    z-index: 4;
}

.close-button:before, .close-button:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 70px;
    width: 3px;
    background-color: #d1a96f;
}

.close-button:before {
    transform: rotate(45deg);
}

.close-button:after {
    transform: rotate(-45deg);
}

.food-gallery-sliders{
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,42,90,0.7);
    z-index: 3;
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}

.food-gallery-sliders:target {
  visibility: visible;
  opacity: 1;
}

.people-gallery-sliders{
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,42,90,0.7);
    z-index: 3;
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}

.people-gallery-sliders:target {
  visibility: visible;
  opacity: 1;
}

.place-gallery-sliders{
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,42,90,0.7);
    z-index: 3;
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}

.place-gallery-sliders:target {
  visibility: visible;
  opacity: 1;
}

.slider {
    position: relative;
    top: 0;
    width: 100%;
    height: 100vh;
    margin: 5% 0 0 0;
    z-index: 3;
}

.slider .owl-item.active.center .slider-card {
    transform: scale(1);
    opacity: 1;
    margin: 5% 0 -35% 0;
    height: 75vh;
}

.slider .owl-item.active.center .slider-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slider-card {
    height: 50vh;
    margin: 25% 0;
    padding: 0px 0px;
    border-radius: 5px;
    box-shadow: 0 15px 45px -20px rgb(0 0 0 / 73%);
    transform: scale(0.8);
    opacity: 1;
    transition: all 1s;
}

.slider-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px 5px 0px 0px;
}

.owl-nav i {
    border: solid #d1a96f;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 17px;
}

.owl-nav .owl-prev {
    position: absolute;
    bottom: 4%;
    left: 5%;
    opacity: 1;
    z-index: 4;
    transform: rotate(67deg);
}

.owl-nav .owl-next {
    position: absolute;
    bottom: 4%;
    right: 7%;
    opacity: 1;
    z-index: 4;
    transform: rotate(-205deg);
}

.owl-dots {
    bottom: 4%;
    text-align: center;
}

.owl-dots .owl-dot {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    border: #d1a96f solid 1px !important;
    margin-left: 12px;
    margin-right: 12px;
    outline: none;
}

.owl-dots .owl-dot.active {
    background: #d1a96f !important;
}

.div-link-menu{
    position: absolute;
    bottom: 10%;
}

.menu-containers{
    position: relative;
    width: 100%;
    margin: 0 0 4% 0;
    padding: 0;
    opacity: 0;
    filter: blur(4px);
}

.menu-containers.visible{
    animation: fade-in 1s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.chilli-icon{
    height: 16px;
}

.tab-content{
    display: none;
    position: relative;
    margin-top: 3%;
    left: 50%;
    width: 85%;
    transform: translate(-50%, 0%);
    transition: all 0.5s ease;
}

.tab-content.current {
  display: block;
}

.tab-content.opacity-content {
    animation: fadeEffect 0.5s 0.0ms forwards cubic-bezier(0.11, 0, 0.5, 0);
}

ul.sub-menu-ul{
    list-style: none;
    background: rgba(0, 0, 0, 0);
    overflow: hidden;
    color: #d1a96f;
    padding: 0px,0px,10px,0px;
    text-align: center;
    margin: 0;
    transition: 1s;
}

ul.sub-menu-ul li{
    display: inline-block;
    padding: 50px 20px 20px 0px;
}

ul.sub-menu-ul li::before{
    content: "";
    margin-right: -15px;
}

ul.sub-menu-ul li::after{
    content: "\00b7";
    font-size: 20px;
    color: #d1a96f;
    padding-left: 10px;
}

ul.sub-menu-ul li:last-of-type::after{
    display: none;
}

ul.sub-menu-ul li a{
    position: relative;
    text-decoration: none;
    color: #d1a96f;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

ul.sub-menu-ul li a:hover {
    color: #d1a96f;
}

ul.sub-menu-ul li a::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #d1a96f;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

ul.sub-menu-ul li a:hover::before {
    transform: scaleX(1);
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
  }

.dinein-heading{
    position: relative;
    display: flex;
    justify-content: center;
}

.dinein-heading img{
    margin-top: 5%;
    height: 25px;
}

.dinein-heading img.img-special{
    margin-top: 4.3%;
    height: 30px;
}

.dinein-heading a.order-online-link{
    margin-top: 3%;
    text-align: center;
    color: #002a5a;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #d1a96f;
    padding: 30px;
}

.dinein-menus{
    display: flex;
    flex-direction: row;
    margin: 0 8%;
    font-family: 'Prompt', sans-serif;
}

.dinein-menus-single{
    width: 100%;
    font-family: 'Prompt', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.beverage-menus{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 4% 8% 0 8%;
    font-family: 'Prompt', sans-serif;
}

.beverage-menus-single{
    width: 100%;
    font-family: 'Prompt', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.beverage-menus-border{
    border: #d1a96f solid 1px;
    margin: 4% 8% 3% 8%;
}

.beverage-menus-inside{
    display: flex;
    flex-direction: row;
    margin: 0;
}

.dinein-left{
    padding: 0 10px;
    margin: 0 3.2%;
    flex: 50%;
    display: table;
    font-family: 'Prompt', sans-serif;
}

.dinein-right{
    padding: 0 10px;
    margin: 0 3.2%;
    flex: 50%;
    display: table;
    font-family: 'Prompt', sans-serif;
}

.table-row {
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0 0 10% 0;
}

.table-row-last {
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0;
}

.table-column {
    width: 38%;
    margin: 0 0 4% 0;
}

.table-column-price {
    width: 38%; 
    display: flex;
    flex-wrap: nowrap;
    margin: 0 0 3% 0;
}

.table-beverage-row {
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0;
}

.table-beverage-row-two {
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0 0 9% 0;
}

.table-beverage-row-three {
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0 0 3% 0;
}

.table-beverage-row-four {
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0 0 8% 0;
}

.table-beverage-row-five {
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0 0 2% 0;
}

.table-beverage-column-img {
    width: 60%; 
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
}

.table-beverage-column-price {
    width: 60%; 
    display: flex;
    flex-wrap: nowrap;
    margin: 0 0 2.5% 0;
}

.table-beverage-inside-img {
    width: 72%; 
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
}

.table-beverage-inside-price {
    width: 72%; 
    display: flex;
    flex-wrap: nowrap;
    margin: 0 0 3% 0;
}

.table-beverage-inside-noprice {
    width: 72%;
}

.div-link-set-menu{
    position: absolute;
    top: 0%;
}

.div-link-chef-choices{
    position: absolute;
    top: 15%;
}

.div-link-secret-recipes{
    position: absolute;
    top: 21%;
}

.div-link-starters{
    position: absolute;
    top: 28%;
}

.div-link-soup{
    position: absolute;
    top: 38%;
}

.div-link-salad{
    position: absolute;
    top: 45%;
}

.div-link-curry{
    position: absolute;
    top: 51%;
}

.div-link-stir-fry{
    position: absolute;
    top: 61%;
}

.div-link-noodle{
    position: absolute;
    top: 71%;
}

.div-link-rice{
    position: absolute;
    top: 80%;
}

.div-link-sides{
    position: absolute;
    top: 86%;
}

.div-link-dessert{
    position: absolute;
    top: 94%;
}

.div-takeaway-chef-choices{
    position: absolute;
    top: 0%;
}

.div-takeaway-secret-recipes{
    position: absolute;
    top: 9%;
}

.div-takeaway-starters{
    position: absolute;
    top: 17%;
}

.div-takeaway-soup{
    position: absolute;
    top: 29%;
}

.div-takeaway-salad{
    position: absolute;
    top: 38%;
}

.div-takeaway-curry{
    position: absolute;
    top: 46%;
}

.div-takeaway-stir-fry{
    position: absolute;
    top: 58%;
}

.div-takeaway-noodle{
    position: absolute;
    top: 71%;
}

.div-takeaway-rice{
    position: absolute;
    top: 82%;
}

.div-takeaway-sides{
    position: absolute;
    top: 90%;
}

.div-beverage-spirits-beers{
    position: absolute;
    top: 0%;
}

.div-beverage-wine{
    position: absolute;
    top: 10%;
}

.div-beverage-rose{
    position: absolute;
    top: 15%;
}

.div-beverage-cocktail-nonal{
    position: absolute;
    top: 81%;
}

.div-beverage-soft-coffee{
    position: absolute;
    top: 91%;
}

img.set-menu-header {
    height: 80px;
}

img.set-menu-price {
    height: 63px;
}

.set-menu-left{
    padding: 5% 4%;
    margin: 0 1% 0 0;
    height: 100%;
    flex: 50%;
    display: table;
    font-family: 'Prompt', sans-serif;
    border: #d1a96f solid 1px;
}

.set-menu-right{
    padding: 5% 4%;
    margin: 0 0 0 1%;
    height: 100%;
    flex: 50%;
    display: table;
    font-family: 'Prompt', sans-serif;
    border: #d1a96f solid 1px;
}

.set-menu-row {
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0;
}

.set-menu-line {
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    width: 20%;
    top: 0%;
    left: 0;
    margin: 6% 0;
}
  
.set-menu-line::after {
    content: "..................................";
    letter-spacing: 4px;
    font-size: 16px;
    color: #d1a96f;
    display: inline-block;
    vertical-align: 2px;
}

.prompt-bold{
    font-family: 'Prompt', sans-serif;
    font-weight: 700;
    font-size: 20px;
}

.prompt-semibold{
    font-family: 'Prompt', sans-serif;
    font-weight: 600;
    font-size: 20px;
}

.prompt-medium{
    font-family: 'Prompt', sans-serif;
    font-weight: 500;
    font-size: 20px;
}

.prompt-medium-gold{
    font-family: 'Prompt', sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #d1a96f;
}

.prompt-semibold-careers{
    font-family: 'Prompt', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #d1a96f;
}

.prompt-regular{
    font-family: 'Prompt', sans-serif;
    font-weight: 400;
    font-size: 20px;
}

.prompt-regular-price{
    font-family: 'Prompt', sans-serif;
    font-weight: 400;
    font-size: 20px;
    float: right;
}

.prompt-extralight{
    font-family: 'Prompt', sans-serif;
    font-weight: 200;
    font-size: 18px;
}

.prompt-extralight-price{
    font-family: 'Prompt', sans-serif;
    font-weight: 200;
    font-size: 18px;
    text-align: right;
    float: right;
}

.prompt-extralight-price-nomargin{
    font-family: 'Prompt', sans-serif;
    font-weight: 200;
    font-size: 18px;
    float: right;
}

.prompt-light-careers{
    font-family: 'Prompt', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #fff;
}

.prompt-light{
    font-family: 'Prompt', sans-serif;
    font-weight: 300;
    font-size: 14px;
}

.prompt-light-italic{
    font-family: 'Prompt', sans-serif;
    font-weight: 300;
    font-size: 14px;
    font-style: italic;
}

.prompt-light-italic-gold{
    font-family: 'Prompt', sans-serif;
    font-weight: 300;
    font-size: 14px;
    font-style: italic;
    color: #d1a96f;
}

.prompt-light-price{
    font-family: 'Prompt', sans-serif;
    font-weight: 300;
    font-size: 14px;
    float: right;
}

.prompt-thin{
    font-family: 'Prompt', sans-serif;
    font-weight: 100;
    font-size: 14px;
}

.set-menu-padding-one{
    margin-bottom: 7%;
}

.set-menu-padding-two{
    margin-bottom: 2%;
}

.set-menu-padding-three{
    margin-bottom: 0.5%;
}

.menu-name {
    width: 85%;
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 14px;
}

.menu-name-noprice{
    width: 100%;
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 14px;
}

.menu-name-noprice.one{
    margin-top: 0.1vh;
}

.menu-details{
    width: 100%;
    padding: 0;
    margin: 0;
}

.menu-price {
    width: 15%;
    padding: 0;
    padding-top: 1%;
    margin: 0;
    color: #fff;
    font-size: 14px;
    text-align: right;
}

.beverage-name {
    width: 88%;
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 14px;
}

.beverage-name-all {
    width: 76%;
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 14px;
}

.beverage-name-noprice{
    width: 100%;
    padding: 0;
    margin: 1% 0 12% 0;
    color: #fff;
    font-size: 14px;
}

.beverage-note{
    width: 100%;
    padding: 0;
    margin: 1% 0 2% 0;
    color: #fff;
    font-size: 14px;
}

.beverage-img-glass {
    width: 12%;
    padding: 0;
    margin: 0;
}

.beverage-img-glass img{
    height: 80px;
    margin-left: 70%;
    padding-bottom: 20%;
}

.beverage-img-bottle {
    width: 12%;
    padding: 0;
    margin: 0;
}

.beverage-img-bottle img{
    height: 80px;
    margin-left: 65%;
    padding-bottom: 20%;
}

.beverage-price-glass {
    width: 12%;
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 14px;
    text-align: right;
}

.beverage-price-bottle {
    width: 12%;
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 14px;
    text-align: right;
}

.dinein-line {
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    width: 16%;
    margin: 0 0 4% 11%;
}
  
.dinein-line::after {
    content: "..............................................";
    letter-spacing: 4px;
    font-size: 8px;
    color: #fff;
    display: inline-block;
    vertical-align: 2px;
    padding-left: 0px;
}

.dinein-column-line {
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    width: 50%;
    margin: 0 0 4% 29%;
}
  
.dinein-column-line::after {
    content: "...............................................................";
    letter-spacing: 4px;
    font-size: 8px;
    color: #fff;
    display: inline-block;
    vertical-align: 2px;
    padding-left: 0px;
}

.menu-line {
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    margin: 10px 0 10px 0;
}
  
.menu-line::after {
    content: "...................................";
    letter-spacing: 6px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    vertical-align: 2px;
    padding-left: 0px;
}

.mobile-order-online{
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0 0 10% 0;
}

.mobile-order-online a.order-online-link{
    text-align: center;
    color: #002a5a;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #d1a96f;
    padding: 30px;
}

.careers-heading {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    line-height: 35px;
}

.careers-heading img{
    width: 27%;
}

.careers-text{
    margin: 0 30% 1% 30%;
    color: #fff;
}

.line-careers-one{
    position: relative;
    height: 1px;
    width: 10%;
    top: 0%;
    left: 50%;
    opacity: 1;
    transform: translate(-50%, -50%);
    margin: 4% 0;
    border-top: #d1a96f solid 1px;
}

.careers-forms {
    margin: 0 30%;
}

.careers-form {
    margin: 3% 0;
}

.careers-form input {
    display: block;
    width: 100%;
    background-color: #002a5a;
    border: #d1a96f solid 1px;
    height: 60px;
    color: #fff;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300 !important;
    font-size: 16px;
}

.careers-form input[type=file]{
    font-style: italic;
}

.careers-form input[type=file]::file-selector-button {
    margin: 6px 6px 6px 6px;
    border: none;
    background: #d1a96f;
    padding: 12px 20px;
    border-right: #002a5a 10px solid;
    color: #002a5a;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
    font-size: 18px;
    cursor: pointer;
}

.career-button {
    display: flex;
    justify-content: center;
    align-items: center;
}

.career-button button[type=submit] {
    background-color: #d1a96f;
    border: none;
    color: #002a5a;
    padding: 16px 60px;
    text-decoration: none;
    margin: 7% 0;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px;
}

.order-online-content{
    padding: 0 10%;
}

footer{
    position: absolute;
    width: 100%;
    margin: 4% 0 0 0;
    padding: 0;
    background-color: #002a5a;
    z-index: 1;
}

.section-footer{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.section-footer .footer-map{
    overflow: hidden;
    padding: 0px 100px 70px 100px;
}

.section-footer .footer-map iframe{
    display: block;
    width: 100%;
    height: 600px;
    object-fit: cover;
    object-position: 50% 50%;
    padding: 0px 0px 0px 0px;
    align-items: center;
}

.section-footer .footer-content{
    display: flex;
    align-items:flex-start;
    flex-direction: column;
    padding: 0px 220px 0px 220px;
}

.section-footer .footer-content img{
    height: 40px;
}

.section-footer .footer-content p{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #d1a96f;
    margin: 50px 0 0 0;
    padding-left: 20px;
}

.footer-content span{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #d1a96f;
    padding-left: 20px;
}

.footer-content p.copyright{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #d1a96f;
}

.opening-time-table{
    width: 60%;
    margin: 1vh 0 1vh 2vh;
    position: relative;
    display: flex;
    flex-direction: column;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #d1a96f;
}

.opening-day{
    position: relative;
    display: flex;
    flex-direction: row;
}

.opening-time:nth-child(1){
    width: 30%;
}

.opening-time:nth-child(2){
    width: 70%;
}

/* -- iMac 21.5" 2017 Retina and Non-Retina Screen -- */
@media only screen 
    and (max-width: 4100px) 
    and (max-width: 1920px){
    
    .logo-heading img{
        width: 30%;
    }

    .section-heading p:nth-child(2){
        margin: 0% 33%; 
    }

    .content .one{
        padding: 23% 30% 0% 20%;
    }
    
    .content .two{
        padding: 23% 18% 0% 28%;
    }
    
    .content .three{
        padding: 17% 35% 0% 25%;
    }
    
    .content .four{
        padding: 20% 12% 0% 24%;
    }

    .section-footer .footer-content{
        padding: 1% 20%;
    }
}

/* -- Mac Book Pro 14 -- */
@media only screen 
    and (max-width: 3024px) 
    and (max-width: 1512px){

    .logo-heading img{
        height: 35%;
    }

    .reseavation-heading a{
        color: #603813;
        text-decoration: none;
        font-size: 12px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        text-transform: uppercase;
        border: #603813 solid 2px;
        padding: 20px;
        opacity: 0;
    }

    .reseavation-heading a:hover{
        background: rgba(96, 56, 19, 0.3);
        color: #603813;
        border: #603813 solid 1px;
        padding: 20px;
    }

    .section-heading{
        top: 65%;
    }

    .content-text span:nth-child(1){
        font-size: 9px;
    }

    .content-text span:nth-child(2){
        font-size: 45px;
        line-height: 39px;
    }

    .content-text span:nth-child(3){
        font-size: 9px;
    }

    .content-text p{
        font-size: 10px;
    }

    .content-link{
        padding-top: 10px;
        font-size: 12px;
        line-height: 20px;
    }

    .content-link li a{
        font-size: 10px;
    }

   .content-img img{
        height: 800px;
   }

   .menu-heading p:nth-child(2){
        font-size: 12px;
        margin-left: 450px;
        margin-right: 450px;
    }

    .dinein-heading img{
        height: 20px;
    }
    .dinein-heading img.img-special{
        height: 25px;
    }

    .dinein-menus{
        margin: 0 4%;
    }

    .beverage-menus{
        margin: 4% 4% 0 4%;
    }

    .beverage-menus-border{
        margin: 8% 4% 3% 4%;
    }

    .dinein-line {
        margin: 0 0 4% 8%;
    }

    img.set-menu-header {
        height: 60px;
    }

    .prompt-regular{
        font-size: 16px;
    }
    
    .prompt-regular-price{
        font-size: 16px;
    }
    
    .prompt-extralight{
        font-size: 16px;
    }
    
    .prompt-extralight-price{
        font-size: 16px;
    }

    .prompt-extralight-price-nomargin{
        font-size: 16px;
    }
    
    .prompt-light{
        font-size: 12px;
    }
    
    .prompt-light-price{
        font-size: 12px;
    }
    
    .beverage-img-glass img{
        height: 70px;
        margin-left: 60%;
    }
    
    .beverage-img-bottle img{
        height: 70px;
        margin-left: 55%;
    }

    .dinein-content{
        width: 70%;
    }

    .menu-details{
        margin: 0.5% 0 0 0;
    }

    .div-beverage-wine-rose{
        position: absolute;
        top: 12%;
    }
    
    .div-beverage-cocktail-nonal{
        position: absolute;
        top: 73%;
    }
    
    .div-beverage-soft-coffee{
        position: absolute;
        top: 87%;
    }

    .section-footer .footer-map{
        padding: 0px 80px 120px 80px;
    }

    .section-footer .footer-content{
        padding: 15px 170px 100px 170px;
    }

    .section-footer .footer-content img{
        height: 35px;
    }

    .section-footer .footer-content p{
        font-size: 10px;
        margin-top: 30px;
    }
    
    .section-footer .footer-content span{
        font-size: 10px;
    }

    .opening-time-table{
        margin: 1vh 0 1vh 3vh;
    }

    .opening-time{
        font-family: 'Montserrat', sans-serif;
        font-size: 10px;
        color: #d1a96f;
    }


/* -- Mac Book Pro -- */
@media only screen and (max-width: 1500px) { 
    .logo-heading img{
        width: 35%;
    }

    .reseavation-heading a{
        color: #603813;
        text-decoration: none;
        font-size: 12px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        text-transform: uppercase;
        border: #603813 solid 2px;
        padding: 20px;
        opacity: 0;
    }

    .reseavation-heading a:hover{
        background: rgba(96, 56, 19, 0.3);
        color: #603813;
        border: #603813 solid 1px;
        padding: 20px;
    }

    .section-heading{
        top: 65%;
    }

    .section-content{
        margin-top: 10vh;
    }

    .section-heading p:nth-child(2){
        font-size: 12px;
    }

    .content .one{
        padding: 19% 33% 0% 17%;
    }
    
    .content .two{
        padding: 28% 14% 0% 32%;
    }
    
    .content .three{
        padding: 15% 38% 0% 22%;
    }
    
    .content .four{
        padding: 22% 8% 0% 28%;
    }

    .content-text span:nth-child(1){
        font-size: 12px;
    }

    .content-text span:nth-child(2){
        font-size: 45px;
        line-height: 39px;
    }

    .content-text span:nth-child(3){
        font-size: 12px;
    }

    .content-text p{
        font-size: 10px;
    }

    .content-link{
        padding-top: 10px;
        font-size: 12px;
        line-height: 20px;
    }

    .content-link li a{
        font-size: 12px;
    }

   .content-img img{
        height: 800px;
   }

   .menu-heading p:nth-child(2){
        font-size: 12px;
        margin-left: 450px;
        margin-right: 450px;
    }

    .dinein-content{
        width: 70%;
    }

    .table-column {
        width: 50%;
    }

    .table-column-price{
        width: 50%;
    }

    .dinein-column-line {
        margin: 0 0 4% 20%;
    }

    .section-footer .footer-map{
        padding: 0px 10% 15% 15%;
    }

    .section-footer .footer-content{
        padding: 13% 15% 10% 18%;
    }

    .section-footer .footer-content img{
        height: 35px;
    }

    .section-footer .footer-content p{
        font-size: 10px;
        margin-top: 30px;
    }
    
    .section-footer .footer-content span{
        font-size: 10px;
    }

    .opening-time-table{
        margin: 1vh 0 1vh 3vh;
    }

    .opening-time{
        font-family: 'Montserrat', sans-serif;
        font-size: 10px;
        color: #d1a96f;
    }
}
}

/* -- Mac Book Air -- */
@media only screen and (max-width: 1280px) { 

}

@media only screen 
and (min-width: 320px)
and (max-width: 428px) { 
    header nav {
        display: none;
    }

    .mobile-nav {
        padding-bottom: 20px;
        background: linear-gradient(0deg, rgba(0,42,90,0.0) 0%, rgba(0,42,90,0.5) 30%, rgba(0,42,90,0.8) 70%, rgba(0,42,90,1) 100%);
    }

    .logo-mobile {
        display: flex;
        width: 20%;
    }

    .logo-mobile img{
        width: 35px;
        height: auto;
        padding: 20px 0 0 20px;
    }

    .hamburger-mobile {
        display: flex;
        align-items: center;
        justify-content: right;
        margin-top: -45px;
    }
    
    .hamburger-icon {
        display: block;
        cursor: pointer;
        padding: 15px 20px 0 0;
    }

    .hamburger-icon div {
        width: 35px;
        height: 3px;
        background-color: #d1a96f;
        margin: 0 0 6px 0;
        transition: 0.4s;
    }
    
    .open .bar1 {
        -webkit-transform: rotate(-45deg) translate(-6px, 6px);
        transform: rotate(-45deg) translate(-6px, 6px);
      }
      
    .open .bar2 {
        opacity: 0;
      }
      
    .open .bar3 {
        -webkit-transform: rotate(45deg) translate(-6px, -8px);
        transform: rotate(45deg) translate(-6px, -8px);
    }
    
    .mobile-menu {
        display: none;
        position: absolute;
        top: 50px;
        left: 0;
        height: calc(100vh - 50px);
        min-width: 100%;
        list-style-type: none;
        background: linear-gradient(0deg, rgba(0,42,90,1) 0%, rgba(0,42,90,0.8) 30%, rgba(0,42,90,0.5) 70%, rgba(0,42,90,0.0) 100%);
        padding-bottom: 20px;
    }
      
    .open .mobile-menu {
        display: block;
        text-align: center;
    }
      
    .mobile-menu li {
        position: relative;
        margin: 10px 80px 0 0;
    }

    .mobile-menu li a{
        position: relative;
        text-decoration: none;
        color: #d1a96f;
        font-size: 12px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        text-transform: uppercase;
    }
    
    .mobile-menu li a:hover {
        color: #d1a96f;
    }
    
    .mobile-menu li a::before {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        height: 1px;
        bottom: 0;
        left: 0;
        background-color: #d1a96f;
        transform: scaleX(0);
        transition: transform 0.3s ease;
    }
    
    .mobile-menu li a:hover::before {
        transform: scaleX(1);
    }

    div#header-index-page{
        height: 150vh;
    }

    div#header-index-page img{
        width: 100%;
        height: 100vh;
        object-fit: cover;
        object-position: 49% 0%;
    }

    header div.header-bg{
        width: 100%;
        height: 105vh;
    }

    .logo-heading{
        top: 20%;
    }

    .logo-heading img{
        width: 70%;
    }

    .reseavation-heading{
        top: 33%;
    }

    .reseavation-heading a{
        color: #a58657;
        text-decoration: none;
        font-size: 12px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        text-transform: uppercase;
        border: #a58657 solid 2px;
        padding: 20px;
        opacity: 0;
    }

    .reseavation-heading a:hover{
        background: rgba(209, 169, 111, 0.3);
        color: #a58657;
        border: #a58657 solid 2px;
        padding: 20px;
    }

    .social-heading {
        top: 68%;
    }

    .section-heading{
        margin-top: -25%;
    }

    .section-heading{
        top: 110%;
    }

    .section-heading p:nth-child(1){
        font-size: 18px;
        letter-spacing: 2px;
    }

    .section-heading p:nth-child(1) img{
        width: 72%;
    }    
    
    .section-heading p:nth-child(2){
        margin: 0 13%;
    }

    .content {
        width: 100%;
    }

    .content .content-bg{
        width: 100%;
        grid-template-columns: 1fr;
    }

    .content .content-text{
        padding: 140px;
        order: 2;
    }

    .content-text span:nth-child(2){
        font-size: 40px;
        line-height: 34px;
    }

    .content .one{
        padding: 13%;
    }

    .content .two{
        padding: 13%;
    }

    .content .three{
        padding: 25%;
    }

    .content .four{
        padding: 13%;
    }

    .content .content-img{
        margin: 50px;
    }

    .content .content-img img{
        height: 100%;
    }

    div#header-menu-page{
        width: 100%;
        height: 60vh;
    }
    
    div#header-menu-page img{
        width: 100%;
        height: 60vh;
        object-fit: cover;
        object-position: 50% 100%;
        animation: imagezoom forwards 2s ease-in;
    }

    div#header-careers-page{
        height: 60vh;
    }
    div#header-careers-page img{
        width: 100%;
        height: 60vh;
        object-position: 80% 100%;
    }

    header div.header-bg-careers{
        height: 60vh;
    }
    
    header div.header-bg-menu{
        height: 60vh;
        background: linear-gradient(0deg, rgba(0,42,90,1) 0%,rgba(0,42,90,0.8) 5%,rgba(0,42,90,0) 25%, rgba(0,42,90,0) 50%,rgba(0,42,90,1) 96%, rgba(0,42,90,1) 100%);
    }

    .mobile-header{
        position: absolute;
        top: 50%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mobile-header img{
        height: 35px;
    }

    .menu-tabs {
        display: none;
    }

    #section-contents{
        display: none;
    }

    #mobile-section-contents{
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
    }

    .mobile-menus-select{
        position: relative;
        display: block;
        width: 88%;
        margin: 2% 0;
        padding: 0 6%;
        user-select: none;
    }

    .mobile-menus-select img{
        height: 20px;
    }

    .mobile-menus-default{
        position: relative;
        cursor: pointer;
        padding: 6% 0;
        border: #d1a96f solid 1px;
        list-style: none;
    }

    .mobile-menus-default:before{
        content: "";
        position: absolute;
        top: 20px;
        right: 30px;
        width: 10px;
        height: 10px;
        border: 2px solid;
        border-color: transparent transparent #d1a96f #d1a96f;
        transform: rotate(-45deg);
    }

    .mobile-menus-options{
        position: absolute;
        width: 87.5%;
        top: 66.5%;
        padding: 0;
        list-style: none;
        border: #d1a96f solid 1px;
        background: #002a5a;
        transition: all 0.5s;
        z-index: 4;
        display: none;
    }

    .mobile-menus-options li{
        padding: 5% 0;
        cursor: pointer;
    }

    .mobile-menus-options li:hover{
        background: rgba(209,169,111,0.5);
    }

    .mobile-menus-option {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-menus-select.active .mobile-menus-options{
        display: block;
        transform: translateY(0px);
    }
      
    .mobile-menus-select.active .mobile-menus-default:before{
        top: 25px;
        transform: rotate(-225deg);
    }

    .mobile-menus-collapse{
        position: relative;
        width: 100%;
    }

    .menus-collapse{
        display: none;
        position: relative;
        margin-top: 3%;
        left: 50%;
        width: 85%;
        transform: translate(-50%, 0%);
        transition: all 0.5s ease;
    }

    .menus-collapse.current {
        display: block;
    }

    .menus-collapse.opacity-content {
        animation: fadeEffect 0.5s 0.0ms forwards cubic-bezier(0.11, 0, 0.5, 0);
    }

    .mobile-menus-list{
        margin: 0;
        margin-left: -1%;
        width: 91%;
    }

    .mobile-menus-list li{
        list-style: none;
        width: 113%;
        margin: 0;
        margin-left: -13%;
        padding: 0;
    }

    .mobile-menus-list li label{
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: #d1a96f solid 1px;
        padding: 0 0 1% 0;
        margin: 0 0 10% 0;
        cursor: pointer;
    }

    input[type="checkbox"]{
        display: none;
    }

    .mobile-menus-list .mobile-menu-content{
        height: 0;
        overflow: hidden;
        transition: height 0.5s;

    }

    .mobile-menus-list input[type="checkbox"]:checked + label + .mobile-menu-content{
        height: auto;
        overflow: visible;
    }

    .dinein-menus{
        flex-direction: column;
    }

    .beverage-menus{
        flex-direction: column;
    }

    .beverage-menus-inside{
        flex-direction: column;
    }

    .set-menu-line {
        width: 40%;
        margin: 6% 0;
    }
    
    .set-menu-line::after {
        letter-spacing: 2px;
        font-size: 10px;
    }

    .dinein-column-line {
        width: 55%;
        margin: 10% 0;
    }
    
    .dinein-column-line::after {
        font-size: 10px;
    }

    .menu-details{
        margin: 1.5% 0 0 0;
    }

    .table-column {
        width: 100%;
        margin: 0 0 10% 0;
    }

    .table-column-price {
        width: 100%;
        margin: 0 0 10% 0;
    }

    .table-beverage-row {
        margin-bottom: 3%;
    }

    .table-beverage-row-two{
        margin-bottom: 15%;
    }

    .table-beverage-column-price{
        margin-bottom: 6%;
    }

    .beverage-name {
        width: 80%;
    }

    .beverage-name-all {
        width: 60%;
    }

    .beverage-img-glass {
        width: 20%;
    }

    .beverage-img-bottle {
        width: 20%;
    }

    .beverage-price-glass {
        width: 20%;
    }

    .beverage-price-bottle {
        width: 20%;
    }

    .beverage-padding-one{
        margin-bottom: 10%;
    }

    .table-beverage-column-img{
        width: 100%;
    }

    .table-beverage-column-price{
        width: 100%;
    }

    header div.header-bg-gallery{
        background: none;
    }

    div#header-gallery-page{
        height: 210vh;
    }

    .header-gallery{
        height: 210vh;
        flex-direction: column;
    }

    .gallery-tabs{
        display: none;
    }

    .gallery-mobile-tabs{
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        top: 0;
        width: 100%;
        height: 210vh;
    }

    .gallery-mobile-link{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        background: linear-gradient(0deg, rgba(0,42,90,1) 0%,rgba(0,42,90,0.8) 5%,rgba(0,42,90,0) 25%, rgba(0,42,90,0) 50%,rgba(0,42,90,1) 96%, rgba(0,42,90,1) 100%);
    }

    .gallery-mobile-link a{
        left: 50%;
    }

    .gallery-mobile-link a img.img-food{
        width: 30%;
    }

    .gallery-mobile-link a img.img-people{
        width: 40%;
    }

    .gallery-mobile-link a img.img-place{
        width: 33.5%;
    }

    .food-tab-link{
        top: 0;
    }

    .people-tab-link{
        top: 35%;
        height: 10px;
        width: 10px;
        border: #d1a96f solid 1px;
        z-index: 3;
    }

    .place-tab-link{
        top: 70%;
    }

    .food-gallery-sliders{
        position: fixed;
    }
    
    .people-gallery-sliders{
        position: fixed;
    }
    
    .place-gallery-sliders{
        position: fixed;
    }
    
    .slider .owl-item.active.center .slider-card {
        margin: 20% 8% 8% 8%;
    }
    
    .owl-nav i {
        border-width: 0 1px 1px 0;
    }
    
    .owl-nav .owl-prev {
        bottom: 50%;
        left: 3%;
    }
    
    .owl-nav .owl-next {
        bottom: 50%;
        right: 15%;
    }
    
    .owl-dots .owl-dot {
        height: 10px;
        width: 10px;
        border-radius: 10px;
        margin-left: 5px;
        margin-right: 5px;
    } 

    .close-button {
        right: -4%;
        top: 2%;
    }

    .close-button:before, .close-button:after {
        height: 50px;
        width: 1px;
    }

    .close-button:before {
        transform: rotate(45deg);
    }

    .close-button:after {
        transform: rotate(-45deg);
    }

    .careers-heading.img-careers{
        position: absolute;
        top: 56%;
    }

    .careers-heading img{
        width: 70%;
    }

    .line-careers-one.one{
        position: absolute;
        width: 30%;
        top: 63%;
    }

    .line-careers-one.two{
        margin: 8% 0;
        width: 30%;
    }

    .careers-text{
        margin: 0 10% 5% 10%;
    }

    .careers-forms {
        margin: 0 10%;
    }

    .careers-form input {
        height: 40px;
    }

    .careers-form input[type=file]::file-selector-button {
        margin: 5px;
        border: none;
        background: #d1a96f;
        padding: 6px 20px;
        border-right: #002a5a 10px solid;
        color: #002a5a;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 400 !important;
        font-size: 16px;
        cursor: pointer;
    }

    .line-last-page.careers-page{
        display: none;
    }

    .section-footer {
        width: 100%;
        grid-template-columns: 1fr;
    }

    .section-footer .footer-content{
        padding: 20% 13%;
    }

    .section-footer .footer-map{
        padding: 0px 0px 0px 0px;
    }

    .section-footer .footer-map iframe{
        height: 300px;
    }

    .section-footer .footer-content img{
        height: 30px;
        padding-left: 10px;
    }

    .section-footer .footer-content p{
        font-size: 8px;
    }

    .section-footer .footer-content span{
        font-size: 8px;
    }

    .opening-time-table{
        width: 70%;
        margin: 1vh 0 1vh 3vh;
        font-size: 8px;
    }

    .opening-time{
        font-size: 8px;
    }

    .opening-time:nth-child(1){
        width: 40%;
    }
    
    .opening-time:nth-child(2){
        width: 60%;
    }

    .section-footer .footer-content p.copyright{
        font-size: 8px;
    }

    .prompt-bold{
        font-size: 16px;
    }

    .prompt-semibold{
        font-size: 16px;
    }

    .prompt-medium{
        font-size: 12px;
    }

    .prompt-medium-gold{
        font-size: 16px;
    }

    .prompt-regular{
        font-size: 16px;
    }
    
    .prompt-regular-price{
        font-size: 16px;
    }
    
    .prompt-extralight{
        font-size: 16px;
    }
    
    .prompt-extralight-price{
        font-size: 16px;
    }
    
    .prompt-light-careers{
        font-size: 14px;
    }
    
    .prompt-light{
        font-size: 12px;
    }
    
    .prompt-light-italic{
        font-size: 12px;
    }
    
    .prompt-light-italic-gold{
        font-size: 12px;
    }
}