/* ------------------------responsive------------------------------ */
  @media only screen and (min-width: 768px) and (max-width:990px){ 
  }
  @media only screen and (min-width: 991px) and (max-width:1080px){ 
  }

/* -----------------------------mobile-------------------------------- */
@media only screen and (max-width: 600px){
    video::-webkit-media-controls {
        display:none !important;
    }
    html, body{
        overflow-x: hidden;
    }
    .p-mo{
        padding: 0px;
    }
    .valume-icon-audio {
        position: absolute;
        right: 40px;
        bottom: 40px;
        cursor: pointer;
        z-index: 1;
    }
    .hero-section {
        position: fixed !important;
        width: 100vw !important;
        height: 100vh !important;
        top: 0 !important;
        left: 0;
        z-index: 10999;
    }
    .header-top.fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 9;
    }
    .header-top{
       height:fit-content; 
    }
    .select-items div {
        color: #231F20;
        font-family: 'Marcellus';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #231F20;
        padding: 10px 0px;
    }
    .order-now-modal-city h5 {
        font-family: 'Marcellus';
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        text-transform: uppercase;
        color: #EAE8DA;
        margin-bottom: 13px;
    }
    .order-now-modal-city ol{
        padding-left: 1rem;
    }
    .order-now-modal-city ul li {
        color: #B7946A;
        font-family: 'Marcellus';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        margin-bottom: 13px;
    }
    .btn-audio {
        position: absolute;
        right: 20px;
        background: url(../mainland-img/volume.svg) no-repeat;
        width: 22px;
        height: 22px;
        bottom: 30px;
        box-shadow: none;
        background-size: contain;
        position: fixed;
        z-index: 1099999;
    }
    .order-now-modal-city li {
        color: #EAE8DA;
        font-family: 'Marcellus';
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
    }


}
/* ----------------------formenu-------------- */
@media only screen and (max-width: 600px){
    .order-now-red-icon img{
        width: 80px;
        height: 80px;
    }
  .right-box-menu p, .left-box-menu p {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 32px;
  }
  .menu-item-boxes .nav-pills .nav-link {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    padding: 0px 12px;
    margin-right: 20px;
    margin-bottom: 12px;
    border-radius: 8px;
  }
  .menu-item-boxes ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    margin-top: 40px;
  }
  .menu-section h2 {
    color: #8B1E18;
    font-family: 'Marcellus';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
  }
  .vagitabel-menu-btn-list li .btn{
    font-family: 'Marcellus';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    padding: 11px 12px;
    border-radius: 8px;
    height: 48px;
    width: 100%;
  }
  .menu-bottom-left {
    position: absolute;
    bottom: 1rem;
    display: none;
  }
  .vagitabel-menu-btn-list img {
    margin-right: 8px;
    width: 19px;
    height: 19px;
  }
  .vagitabel-menu-btn-list {
    list-style: none;
    display: flex;
    justify-content: space-between;
    width: 700px;
    margin: auto;
    padding-left: 0px;
    margin-bottom: 39px;
    margin-top: 7rem;
    max-width: 100%;
  }
  .menu-top-right {
    position: absolute;
    right: 0px;
    top: 27rem;
    width: 130px;
    height: 104px;
  }
  .menu-top-left {
    position: absolute;
    top: 29rem;
    left: -1rem;
    width: 114px;
    height: 64px;
    transform: rotate(80deg);
  }
  .black-btn .btn {
    border: 1px solid #231F20;
    border-radius: 0px;
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    width: 211px;
    padding: 10px 6px;
    height: 44px;
    max-width: 100%;
    position: relative;
    margin: 10px 0px 7px;
  }
  .menu-section{
    padding-bottom: 3rem;
  }
  .yellow-bg-menu {
    padding-top: 3rem;
    margin-bottom: -21px;
  }
  .menu-section .order-now-red-icon {
    position: absolute;
    top: 2.5rem;
    right: 15px;
    z-index: 1;
  }
  .about-home-right-img{
    height: 303px;
    width: 360px !important;
    margin: auto;
    display: block;
  }
}
/* ----------------------formenu-------------- */
@media only screen and (max-width: 600px){
  Header{
    background: #121212;
  }
  .header-top-dflex {
    display: block;
    justify-content: space-between;
    width: 100%;
    max-width: 100%;
    align-items: center;
    padding-top: 0rem; 
    position: relative;
    height: fit-content;
  }
  .navbar-toggler-icon{
    background: url(../mainland-img/bumbruger-menu.svg) no-repeat;
    background-size: cover ;
  }
  .navbar-toggler-icon.close-icon{
    background: url(../mainland-img/crass-icon.svg) no-repeat;
    background-size: cover ;
  }
  .header-menu-brand-logo {
    width: 57px;
    margin: auto;
    max-width: 100%;
    margin-left: 13px;
    height: 28px;
  }
  .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
  }
  .menu-right-side {
    display: flex;
    justify-content: end;
    align-items: center;
    width: 222px;
    float: right;
    margin-left: 0px;
  }
  .header-menu-brand-logo{
    max-width: 60px;
    position: absolute;
    top: 10px;
    left: 5px;
  } 
  .brand-logo-order-now {
    margin-left: 0px;
    display: none;
  }
  .header-top-dflex .nav-link {
    color: #EAE8DA;
    font-family:'Marcellus';
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
    text-transform: uppercase;
    margin-right:auto;
    padding: 0px 0px;
  }
  .menu-right-side .nav-link{
    font-size: 14px;
    margin-right: 18px;
  }
  .navbar-nav-menu-about .nav-link {
      color: #EAE8DA !important;
  }

  .menu-animation-container {
    transition: height .2s ease-in;
    height: 0;
    overflow: hidden;
  }
  .navbar-nav-menu{
    margin-top: 5rem;
  }
  .header-top-dflex .navbar-collapse {
    background: url(../mainland-img/menu-bg-mo.png) no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    top: 52px;
    text-align: center;
    height: 763px;
  }
  .food-logo {
    display: block;
    width: 600px;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    margin-bottom: 55px;
    text-align: center;
    max-width: 100%;
  }
  #custom-video{
    height: 714px;
  }
  .order-now-modal h4 {
    color: #F7F4EA;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 37px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px;
    margin-bottom: 24px;
  }
  .swiggy-logo {
    padding: 26px 9px;
    position: relative;
    margin-bottom: 26px;
  }
  .swiggy-logo::after {
    content: "";
    background: url(../mainland-img/Line-dotted-yellow-mo.svg) no-repeat;
    background-size: cover;
    position: absolute;
    width: 198px;
    height: 1px;
    right: 76px;
    top: 7rem;
  }
  .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
    height: 100vh;
    width: 100%;
  }
  .modal-dialog {
    position: relative;
    width: auto;
    margin: 0rem;
    pointer-events: none;
  }
  .mainland-home-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 713px;
    padding-bottom: 0px;
    padding-top: 18rem;
  }
  .home-banner-content .white-btn {
    width: 152px;
    margin: auto;
    max-width: 100%;
    margin-bottom: 32px;
  }
  .white-btn .btn::before {
    content: "";
    background: #EAE8DA;
    position: absolute;
    left: 14px;
    top: 15px;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
  }
  .white-btn .btn::after {
    content: "";
    background: #EAE8DA;
    position: absolute;
    right: 12px;
    top: 15px;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
  }
  .home-banner-content .white-btn .btn {
    border: 1px solid #EAE8DA;
    border-radius: 0px;
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    text-transform: uppercase;
    width: 249px;
    height: 49px;
    max-width: 100%;
    position: relative;
  }
  .home-banner-content h1 {
    color: #EAE8DA;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 53px;
    font-style: normal;
    font-weight: 400;
    line-height: 49px;
    margin-bottom: 32px;
  }
  .home-banner-content {
    width: 1093px;
    margin: auto;
    max-width: 100%;
    position: absolute;
    z-index: 1;
    top: 16rem;
    left: 0px;
  }
  .mainland-home-banner .bg-image {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .order-now-red-icon{
    position: absolute;
    top: 4.5rem;
    right: 15px;
    z-index: 1;
  }
  .valume-icon{
    position: absolute;
    right: 28px;
    bottom: 25px;
    z-index: 1;
  }
  .Inspiration-section {
    padding: 0rem 0 4rem;
  }
  .Inspiration-section .swiper-slide {
    text-align: center;
    font-size: 18px;
    width: 300px;
    height: 300px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .Inspiration-section .swiper-slide img{
    object-fit: cover;
  }
  .inspirand-slider {
    overflow: hidden;
    padding-right: 0px;
  }
  .Inspiration-section h2 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 28px;
  }
  .inspiration-right-content p {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 40px;
  }
  .inspiration-right-bird-img {
    width: 168px;
    height: 139px;
    transform: translate(170px, 0px);
  }
  .inspiration-right-content {
    width: 326px;
    max-width: 100%;
    padding-left: unset;
    margin: auto;
    margin-top: 19px;
  }
  .inspiration-right-content a {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
  }
  .inspiration-right-content a::after {
    content: "";
    width: 46px;
    height: 2px;
    position: absolute;
    left: 1px;
    top: 23px;
    background: #fff;
  }
  .about-home-top {
    padding: 1.5rem 0 0;
  }
  .about-top-content-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 0rem;
  }
  .about-top-content-title h2 {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
    margin-top: 0rem;
    margin-left: 9px;
  }
  .aboutrigh-flawer-img img {
    width: 153px;
    height: 113px;
    float: right;
  }
  .aboutrigh-flawer-img {
    width: 153px;
    height: 113px;
    max-width: 100%;
    float: right;
  }
  .aboutrigh-flawer-img img{
    width: 265px;
    transform: translate(13px, 0px);
  }
  .about-home-left-content p {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    margin-top: 10px;
  }
  .Isolation_Mode12 {
    position: absolute;
    right: 13rem;
    top: 12rem;
    transform: translate(-10px, 10px);
    width: 90px;
  } 
  .Isolation_Mode1 img{
    width: 169px;
    transform: translate(39px, 10px);
  }
  .Isolation_Mode1 {
    position: absolute;
    right: 0px;
    width: 169px;
    height: 122px;
    bottom: 3rem;
  }
  .about-home-left-content {
    width: 320px;
    max-width: 100%;
    position: relative;
    margin: auto;
    height: 315px;
  }
  .about-home-right-img{
    margin: auto;
    width: 600px;
    margin-bottom: 2rem;
  }
  .jhalar-img-black {
    margin-bottom: -10px;
  }
  .after-outlet-slider {
    padding-top: 0rem;
    padding-bottom: 4rem;
  }
  .after-outlet-slider{
    bottom: 1rem;
  }
  .after-outlet-slider .swiper-pagination {
    bottom: 1rem;
  }
  .menu-mainland h1 {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 24px;
  }
  .city-ten-img h3 {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 24px;
  }
  .city-ten-img-content p {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 33px;
    margin-top: 28px;
  }
  .from-select-outlet-menu-home .select-selected {
    width: 325px;
    height: 48px;
    border: 1px solid #231F20 !important;
    background-color: transparent;
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-transform: uppercase;
    margin: auto;
    max-width: 100%;
    position: relative;
  }
  .from-select-outlet-menu-home .div-custom {
    display: block;
    width: 770px;
    max-width: 100%;
    margin-left: 0;
    position: relative;
  }
  .from-select-outlet-menu-home .div-custom .btn-red {
    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #AF2921;
    border-radius: 0px;
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    text-transform: uppercase;
    width: 183px;
    max-width: 100%;
    height: 48px;
    margin: auto;
    margin-top: 20px;
  }
  .city-ten-img img{
    width: 354px;
    height: 396px;
    object-fit: fill;
    margin: auto;
    max-width: 100%;
  }
  .menu-mainland .card {
    width: 340px;
    margin: auto;
    height: 536px;
    max-height: 100%;
    max-width: 100%;
    background: transparent;
    border: 0px;
    border-radius: 0px;
  }
  .menu-mainland .card .img-hover {
    width: 332px;
    margin: auto;
    max-width: 100%;
    height: 536px;
    max-height: 100%;
    transition-duration: 4s;
    overflow: hidden;
  }
  .menu-mainland .card .cirle-img {
    width: 150px;
    height: 150px;
    margin: auto;
    position: absolute;
    bottom: -4rem;
    left: 0px;
    right: 0px;
    transition-duration: 4s;
  }
  .menu-mainland {
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .signature-dish {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
   }
  .menu-card-slider {
    height: 680px;
    width: 340px;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
  }
  .ten-city-outlet {
    overflow: visible;
    padding: 32px 0px 64px;
  }
  .menu-mainland {
    padding: 30px 0px 0px;
  }
  .ten-city-outlet .container{
    padding: 0px 23px;
  }
  .city-ten-img-content{
    padding: 0px 8px;
  }
  .after-outlet-slider .swiper-slide {
    width: 340px;
    height: 537px;
    max-width: 100%;
    margin: auto;
  }
  .outlet-card-slider .card {
    background: transparent;
    border: 0px;
    border-radius: 0px;
    width: 619px;
    max-width: 100%;
    margin: auto;
    height: 536px;
  }
  .outlet-card-slider-img {
    overflow: hidden;
    transition-duration: 4s;
  }
  .home-cheafs .card-img-detaisl-chief{
    margin: auto 0 auto auto !important;
  }
  .home-cheafs .diya-lamp-img {
    position: absolute;
    top: 8rem;
    margin-left: 1rem;
    width: 130px;
  } 
  .awardr-recognitions{
    padding: 0rem 0rem 2rem 0rem;
  }
  .awardr-recognitions .container{
    padding: 0px 21px;
  }  
  .awardr-recognitions h3 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 40px;
  }
  .mainlandexclusive-main h1 {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 93.391%;
    text-transform: uppercase;
  }
  .awardr-recognitions .card{
    width: 124px;
    height: 124px;
    max-width: 100%;
  }
  .awardr-recognitions .card img {
    width: 124px;
    height: 124px;
    max-width: 100%;
  }
  .awardr-recognitions .swiper-slide {
    width: 124px !important;
    margin-right: 13px !important;
  }
  .mainlandexclusive-main .mainland-tabs ul {
    margin: 84px;
    width: 800px;
    display: flex;
    justify-content: space-between;
    margin: auto;
    margin: 20px auto 40px;
  }
  .mainland-tabs .nav-link {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 93.391%;
    text-transform: uppercase;
    padding: 0px 0px;
  }
  .manland-testmonials-slider {
    width: 360px;
    max-width: 100%;
    margin: auto;
  }
  .manland-testmonials-slider img{
    width: 320px !important;
    max-width: 100%;
    height: 389px;
    margin: auto;
  }
  .manland-testmonials-slider-contnet-inside h6 {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
    margin-bottom: 32px;
  }
  .manland-testmonials-slider-contnet-inside h5 {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
    margin-bottom: 0px;
  }
  #manland-testmonials-slider .owl-dot {
    width: 8px;
    height: 8px;
 }
  .manland-testmonials-slider .border-right {
    border-left: 2px solid #231F20;
    border-right: 0px solid #231F20;
    text-align: left;
    width: 320px;
    margin: auto;
    margin-top: 2rem;
  }
  .manland-testmonials-slider .border-left {
    border-left: 2px solid #231F20;
    text-align: left;
    width: 320px;
    margin: auto;
    margin-top: 1.5rem;
  }
  .manland-testmonials-slider-contnet-inside{
    margin-top: 3rem;
  }
  .mainlandexclusive-main .mainland-tabs ul {
    margin: 84px;
    width: 328px;
    display: flex;
    justify-content: space-between;
    margin: auto;
    margin: 20px auto 40px;
  }
  .mainland-testmoilals .owl-prev, .mainland-testmoilals .owl-next {
    width: 40px;
    height: 40px;
    background: #8B1E18 !important;
    border-radius: 50%;
  }
  .mainland-testmoilals .owl-prev img , .mainland-testmoilals .owl-next img{
    width: 22px;
    height: 12px;
    margin: auto;
    margin-top: -4px;
  }
  .mainland-testmoilals .owl-prev {
    position: absolute;
    top: 24%;
    left: 0%;
    bottom: 38%;
  }
  .mainland-testmoilals .owl-next {
    position: absolute;
    top: 24%;
    right: 0%;
    bottom: 38%;
  }
  #manland-testmonials-slider .owl-dots {
    width: 200px;
    margin: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
    position: absolute;
    top: 39rem;
    right: 4.8rem;
  }
  .mainland-testmoilals{
    padding-bottom: 3rem;
    margin-bottom: 3rem;
  }
  .mainland-tabs-slider-content h3 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 28px;
  }
  .mainland-tabs-slider-content p {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24.109px;
    margin-bottom: 20px;
  }
  .mainland-tabs-slider-content a {
    color: #EAE8DA !important;
    font-family: 'Marcellus';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24.078px;
    text-decoration-line: underline !important;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-position: under;
  }
  .exclusive-img-1 {
    background: url(../mainland-img/exclusive-img-1-mo.png) no-repeat;
    background-position: center center;
    background-size: cover;
    width: 340px;
    height: 300px;
    margin: auto;
  }
  .exclusive-img-2 {
    background: url(../mainland-img/exclusive-img-2-mo.png) no-repeat;
    background-position: center center;
    background-size: cover;
    width: 340px;
    height: 300px;
    margin: auto;
  }
  .exclusive-img-3 {
    background: url(../mainland-img/exclusive-img-3-mo.png) no-repeat;
    background-position: center center;
    background-size: cover;
    width: 340px;
    height: 300px;
    margin: auto;
  }
  .mainland-tabs-slider .card {
    background: #8B1E18;
    border: 0px;
    border-radius: 0px;
    max-width: 100%;
    overflow: hidden;
    width: 340px;
    margin: auto;
  }
  .mainland-tabs-slider-content {
    padding: 0px 16px;
    display: flex;
    height: 200px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    max-height: 100%;
  }
  .testomonila-home-giftcard {
    padding-bottom: 0px;
    padding-top: 23px;
  }
  .mainland-tabs .owl-dots {
    width: 90px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 27px;
    text-align: center;
  }
  .mainland-tabs .owl-dot {
    width: 8px;
    height: 8px;
    border: 1px solid #231F20 !important;
    border-radius: 45%;
    margin: 0px 5px;
  }
  .exclusive-couter{
    position: absolute;
    bottom: 22px;
    left: 17px;
  }
  .num{
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.5px;
  }
  .mainland-tabs-gift .card h5 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    text-transform: uppercase;
    margin-bottom: 12px;
  }
  .mainland-tabs-gift-img-bottom {
    padding: 24px 63px 26px 27px;
  }
  .mainland-tabs-comeing .card {
    width: 903px;
    height: 408px;
    border: 0px;
    border-radius: 0px;
    background: transparent;
    margin: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 100%;
  }
  .signature-dish-slider {
    width: 350px;
    max-width: 100%;
    margin: auto;
    height: 660px;
    position: relative;
    overflow-x: clip;
  }
  .mainland-tabs-gift{
    height: 500px;
  }
  .mainland-tabs-gift-img a img{
    height: 14px;
    margin-left: 10px;
  }
  .num1{
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.5px;
  }
  .dish-slider-content{
    overflow: hidden;
    width: 300px;
    margin: auto;
    max-width: 100%;
  }

}
@media only screen and (max-width: 600px){
    .signature-dish {
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
  .signature-dish h1 {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 30px;
  }
  .dish-img-border .img-border {
    width: 225px;
    height: 225px;
    max-width: 100%;
    position: absolute;
    top: 42px;
    left: 76px;
  }
  .dish-slider-content h2 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
    text-align: center;
  }
  .dish-slider-content-main-box {
    padding: 4rem 1.5rem;
    overflow: hidden;
    text-align: center;
    margin-top: 15rem;
  }
  .dish-slider-content p {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .dish-slider-content-main-box h6 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 3.2px;
    text-transform: uppercase;
    margin-bottom: 28px;
    position: relative;
  }
  .dish-slder-btn .btn {
    border: 1px solid #EAE8DA;
    border-radius: 0px;
    padding: 13px 20px;
    position: relative;
    font-family: 'Marcellus';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    color: #EAE8DA;
    position: relative;
    width: 199px;
    max-width: 100%;
    height: 49px;
  }
  .swiper-button-prev {
    background: #231F20;
    width: 150px;
    height: 107px;
    position: absolute;
    left: -6rem;
    border-radius: 85px;
    padding: 0px 0px 0px 97px;
    top: 15rem;
    opacity: 1 !important;
  }
  .swiper-button-next {
    background: #231F20;
    width: 150px;
    height: 107px;
    position: absolute;
    right: -6rem;
    border-radius: 85px;
    padding: 0px 92px 0px 0px;
    top: 15rem;
    opacity: 1 !important;
  }
  .dish-slider-content-main-box .swiper-pagination {
    bottom: -2.5rem !important;
  }
  .dish-slider-content-main-box .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
    margin: 2px 6px !important;
  }
  .dish-slider-content-main-box .swiper-horizontal .swiper-pagination-bullet {
    border: 1px solid #EAE8DA;
    opacity: 1;
    height: 8px;
    width: 8px;
    border-radius: 50%;
  }
  .signature-dish-bg::after {
    content: "";
    background: url(../mainland-img/home-cheafs-bebg-mo.png) no-repeat;
    background-size: contain;
    height: 100%;
    width: 100%;
    top: 12rem;
    left: 0rem;
    position: absolute;
    z-index: -1;
  }
  .swiper-button-prev img{
    width: 21px;
    height: 18px;
  }
  .swiper-button-next img{
    width: 21px;
    height: 18px;
  }
  .signature-dish {
    padding: 3rem 0 2rem;
  }
}

@media only screen and (max-width: 600px){
    .about-top-bannner {
        height: auto !important;
        display: flex;
        justify-content: center;
        align-items: center;
        max-height: 100%;
        margin-bottom: -4rem;
    }
    
    .description-section p {
        color: #b7946a47;
        margin-bottom: 0px;
    }
    .description-section {
        text-align: center;
        font-family: 'Marcellus';
        font-size: 34px;
        font-style: normal;
        font-weight: 400;
        line-height: 40px;
        opacity: 1;
        transition: color 0.5s ease-in-out;
    }
    .description-section {
        width: 1372px;
        max-width: 100%;
        margin: auto;
        margin-top: 5rem;
        height: 100vh;
    }
    .description-section .highlighted {
        transition: opacity 0.5s ease-in-out;
        color: #B7946A !important;
        opacity: 1;
    }
}
@media only screen and (max-width: 600px){
  .about-top-bannner {
    height: 1080px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 100%;
    margin-bottom: -4rem;
  } 
  .about-top-content h3 {
    color: #B7946A;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    padding: 0px 0px;
  }
  .Isolation_Mode {
    width: 138px;
    height: 102px;
    position: absolute;
    right: 0px;
    bottom: 3rem;
  }
  .scroll-top {
    max-width: 100%;
    width: 31px;
    margin: auto;
    display: block;
    position: absolute;
    bottom: 12rem;
  }
  .lagacy-top h2 {
    color: #8B1E18;
    font-family: 'Marcellus';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-left: 8px;
  }
  .legact-left-content p {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 25px;
  }
  .legact-left-content a {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 14px;
  } 
  .lagacy-top .containersub {
    margin-right: 0px;
    float: right;
    width: 100%;
    max-width: 100%;
    padding: 0px 12px;
  }
  .legact-left-content {
    width: 592px;
    max-width: 100%;
    padding: 0px 10px;
  }
  .lagacy-top {
    padding: 4rem 0 3rem;
    height: fit-content;
    max-height: 100%;
  }
  .lagacy-top {
    padding: 0rem 0 3rem;
    height: fit-content;
    max-height: 100%;
  }
  .img-slider-legacy {
    width: 713px;
    max-width: 100%;
    float: right;
    overflow-y: visible;
    overflow: unset;
  }
  .swiper-slide-container {
    width: 100%;
    max-width: 100%;
    transition: all .6s ease-in;
    height: 237px;
    width: 200px;
  }
  .swiper-slide-container img {
    height: 237px;
    width: 176px;
    object-fit: cover;
  }
  .img-slider-legacy .swiper-slide{
    margin-right: 13px !important;
  }
  .img-slider-legacy .swiper-slide-next{
    margin-left: -2.5rem !important;
  }
  .fan-legacy {
    position: absolute;
    transform: translate(10rem, -.5rem);
  }
  .fan-legacy-1 {
    transform: translate(-2rem, 1rem);
    width: 181px;
    height: 151px;
  }
  .fan-legacy-1 img {
    width: 95px;
    height: 93px;
    max-width: 100%;
  }
  .fan-legacy img {
    width: 135px;
    height: 106px;
    max-width: 100%;
    object-fit: cover;
  }
  .swiper-slide .swiper-slide-container.even {
    margin-top: -2rem;
  }
  .mainland-our-value {
    background: url(../mainland-img/main-land-value-bg-mo.png) no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 3rem 0px 2rem;
  }
  .nav-tabs-main-land .nav-pills {
    justify-content: space-between;
    display: flex;
    margin: 30px 0px 37px;
  }
  .nav-pills-mo .nav-pills {
    overflow-x: auto;
    overflow-y:hidden;
    flex-wrap: nowrap;
 }
 .nav-pills-mo .nav-pills .nav-item {
    white-space: nowrap;
  }
  .mainland-our-value h2 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
  }
  .nav-tabs-main-land .nav-link {
    color: #EAE8DA;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    text-transform: uppercase;
    display: flex;
    padding: 20px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  .mainland-our-value::after {
    content: "";
    background: url(../mainland-img/value-image-32-mo.png) no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    right: 0px;
    top: 1.7rem;
    width: 177px;
    max-width: 100%;
    height: 73px;
  }
  .nav-tabs-main-land .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #8B1E18;
    background-color: #EAE8DA;
    text-decoration: none;
    text-underline-position:none;
  }
  .nav-tabs-main-land .tab-content p {
    color: #EAE8DA;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    padding: 0px 8px;
    text-align: left;
  }
  .section-from-select {
    overflow: visible;
    padding: 2rem 0;
  }
  .marquee-bg {
    background: url(../mainland-img/Frame-about-min-bg-mo.png) no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100vh;
  }
  .marquee-bg h1 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    text-transform: uppercase;
  }
  .marquee-h1 {
    position: absolute;
    bottom: 34px;
  }
  .div-custom {
    display: block;
    width: 366px;
    margin: auto;
    max-width: 100%;
    position: relative;
  }
  .from-select-outlet .select-selected {
    width: 529px;
    height: 48px;
    border: 1px solid #231F20 !important;
    background-color: transparent;
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
    margin: auto;
    max-width: 100%;
    position: relative;
    padding: 13px 15px;
  }
  .select-selected:after {
    content: "";
    position: absolute;
    top: 17px;
    right: 16px;
    background: url(../mainland-img/select-icon.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    border: 0px;
    width: 16px;
    height: 14px;
    transition: all .3s ease-in;
  }
  .select-selected.select-arrow-active:after {
    width: 17px;
    height: 13px;
    top: 19px;
    right: 23px;
    transform: rotate(180deg);
  }
  .select-items {
    width: 527px;
    padding: 0px 0px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    border-radius: 20px;
    background: #EAE8DA;
    box-shadow: 0px 4px 40px 0px rgba(40, 40, 40, 0.15);
    margin: auto;
    max-width: 100%;
  }
  .div-custom::before {
    content: "";
    background: url(../mainland-img/cricle-icon.svg) no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    left: 1.5rem;
    top: 89px;
    height: 28px;
    width: 28px;
  }
  .div-custom::after {
    content: "";
    background: url(../mainland-img/cricle-icon.svg) no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    right: 1.5rem;
    top: 89px;
    height: 28px;
    width: 28px;
  }
  .from-select-outlet .div-custom .btn-red {
    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    /*background: #AF2921;*/
    background:#8B1E18;
    border-radius: 0px;
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    text-transform: uppercase;
    width: 181px;
    max-width: 100%;
    height: 48px;
    margin: auto;
    margin-top: 32px;
  }

}
@media only screen and (min-width: 1001px) and (max-width:1110px){ 
    .header-menu-brand-logo {
        margin-left:30px !important;
    }
    .header-top-dflex .nav-link {
        font-size: 14px !important;
    }
    .menu-right-side .find-loction h5 a {
        font-size: 14px;
    }
}
@media only screen and (min-width: 1101px) and (max-width:1200px){ 
    .header-menu-brand-logo {
        margin-left:59px !important;
    }
    .header-top-dflex .nav-link {
        font-size: 14px !important;
    }
    .menu-right-side .find-loction h5 a {
        color: #EAE8DA !important;
        font-family: 'Marcellus';
        font-size: 14px;
    }
}
@media only screen and (min-width: 1201px) and (max-width:1300px){ 
    .header-menu-brand-logo {
        margin-left:64px !important;
    }
    .header-top-dflex .nav-link {
        font-size: 16px !important;
    }
    .menu-right-side .find-loction h5 a {
        font-size: 16px;
    }
}
@media only screen and (min-width: 1301px) and (max-width:1400px){ 
    .header-menu-brand-logo {
        margin-left:72px !important;
    }
    .header-top-dflex .nav-link {
        font-size: 15px !important;
    }
    .menu-right-side .find-loction h5 a {
        font-size: 15px;
    }
}
@media only screen and (min-width: 1401px) and (max-width:1500px){ 
    .header-menu-brand-logo {
        margin-left:146px !important;
    }
}
@media only screen and (min-width: 1501px) and (max-width:1600px){ 
    .header-menu-brand-logo {
        margin-left: 85px;
    }
    .header-top-dflex .nav-link {
        font-size: 16px;
    }
    .menu-right-side .find-loction h5 a {
        font-size: 16px;
    }
}
@media only screen and (min-width: 1601px) and (max-width:1800px){ 
    .header-menu-brand-logo {
        margin-left:137px;
    }
}
@media only screen and (min-width: 1801px) and (max-width:2880px){ 
    .header-menu-brand-logo {
        margin-left: 185px;
    }
}
/* -------------------------signature slider----------------------------- */
@media only screen and (min-width: 650px) and (max-width:890px){
  .signature-dish {
    padding: 6rem 0 3rem;
  }
  .signature-dish h1 {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 75px;
    font-style: normal;
    font-weight: 400;
    line-height: 90px;
    text-transform: uppercase;
    margin-bottom: -11px;
  }
  .signature-dish-bg::after {
    content: "";
    background: url(../mainland-img/home-cheafs-bebg.png) no-repeat;
    height: 100%;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 889px;
    top: 7.5rem;
    left: 0rem;
    position: absolute;
    z-index: -1;
  }
  .dish-slider-content-main-box {
    padding: 7rem 2rem;
    overflow: hidden;
    width: 590px;
    height: 598px;
    /* position: relative; */
    margin-top: 28rem;
  }
  .signature-dish-slider {
    width: 550px;
    max-width: 100%;
    margin: auto;
    height: 1208px;
    position: relative;
    overflow: hidden;
    /* background: #fff; */
  }
  .signature-dish-slider .bg-image {
    object-fit: contain;
  }
  .dish-img-border .img-border {
    width: 370px;
    height: 370px;
    max-width: 100%;
    position: absolute;
    top: 149px;
    left: 103px;
  }
  .dish-slider-content h2 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 62px;
    text-transform: uppercase;
  }
  .dish-slider-content p {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    height: 128px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .dish-slider-content-main-box .swiper-pagination {
    bottom: 1rem !important;
  }
  .menu-mainland .card .img-hover {
    object-fit: cover;
  }
  .home-cheafs {
    background: transparent;
    position: relative;
    padding: 2.5rem 0 0rem;
  }
  .swiper-button-prev {
    top: 28.4rem;
  }
  .swiper-button-next {
    background: #231F20;
    width: 172px;
    height: 172px;
    position: absolute;
    right: -6rem;
    border-radius: 85px;
    padding: 0px 92px 0px 0px;
    top: 28.4rem;
    opacity: 1 !important;
  }
}
@media only screen and (min-width: 800px) and (max-width:1010px){
  .signature-dish {
    padding: 6rem 0 1rem;
  }
  .signature-dish h1 {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 90px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    text-transform: uppercase;
    margin-bottom: 9px;
  }
  .signature-dish-bg::after {
    content: "";
    background: url(../mainland-img/home-cheafs-bebg.png) no-repeat;
    height: 100%;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 889px;
    top: 7.5rem;
    left: 0rem;
    position: absolute;
    z-index: -1;
  }
  .dish-slider-content-main-box {
    padding: 8rem 1rem;
    overflow: hidden;
    width: 479px;
  }
  .signature-dish-slider {
    width: 1325px;
    max-width: 100%;
    margin: auto;
    height: 631px;
    position: relative;
    overflow: hidden;
  }
  .signature-dish-slider .bg-image {
    object-fit: contain;
  }
  .dish-img-border .img-border {
    width: 310px;
    height: 310px;
    max-width: 100%;
    position: absolute;
    top: 159px;
    left: 108px;
  }
  .dish-slider-content h2 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    text-transform: uppercase;
  }
  .dish-slider-content p {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    height: 128px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .dish-slider-content-main-box .swiper-pagination {
    bottom: 1rem !important;
  }
  .menu-mainland .card .img-hover {
    object-fit: cover;
  }
  .home-cheafs {
    background: transparent;
    position: relative;
    padding: 2.5rem 0 0rem;
  }
}
@media only screen and (min-width: 1020px) and (max-width:1080px){
  .signature-dish {
    padding: 9rem 0 1rem;
  }
  .signature-dish h1 {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 75px;
    font-style: normal;
    font-weight: 400;
    line-height: 1px;
    text-transform: uppercase;
    margin-bottom: 9px;
  }
  .signature-dish-bg::after {
    content: "";
    background: url(../mainland-img/home-cheafs-bebg.png) no-repeat;
    height: 100%;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 889px;
    top: 6.5rem;
    left: 0rem;
    position: absolute;
    z-index: -1;
  }
  .dish-slider-content-main-box {
    padding: 8rem 1.5rem;
    overflow: hidden;
  }
  .signature-dish-slider .bg-image {
    object-fit: contain;
  }
  .dish-img-border .img-border {
    width: 332px;
    height: 332px;
    max-width: 100%;
    position: absolute;
    top: 152px;
    left: 112px;
  }
  .dish-slider-content h2 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-transform: uppercase;
  }
  .dish-slider-content p {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    height: 128px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .dish-slider-content-main-box .swiper-pagination {
    bottom: 2rem !important;
  }
  .menu-mainland .card .img-hover {
    object-fit: cover;
  }
}
@media only screen and (min-width: 1100px) and (max-width:1190px){
  .signature-dish {
    padding: 6rem 0 5rem;
  }
  .signature-dish h1 {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 120px;
    font-style: normal;
    font-weight: 400;
    line-height: 112px;
    text-transform: uppercase;
    margin-bottom: 9px;
  }
  .dish-img-border .img-border {
    width: 494px;
    height: 494px;
    max-width: 100%;
    position: absolute;
    top: 71px;
    left: 68px;
    display: none;
  }
  .signature-dish-bg::after {
    content: "";
    background: url(../mainland-img/home-cheafs-bebg.png) no-repeat;
    height: 100%;
    background-position: center center;
    background-size: 1152px;
    width: 1155px;
    height: 1080px;
    top: -1rem;
    left: 0rem;
    position: absolute;
    z-index: -1;
  }
  .dish-slider-content-main-box {
    padding: 6rem 1.5rem;
    overflow: hidden;
  }
  .signature-dish-slider .bg-image {
    object-fit: contain;
  }
  .dish-img-border .img-border {
    width: 360px;
    height: 360px;
    max-width: 100%;
    position: absolute;
    top: 135px;
    left: 116px;
  }
  .dish-slider-content h2 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 38px;
    font-style: normal;
    font-weight: 400;
    line-height: 54px;
    text-transform: uppercase;
  }
  .dish-slider-content p {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    height: 128px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .dish-slider-content-main-box .swiper-pagination {
    bottom: -1rem !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width:1290px){
  .dish-img-border .img-border {
    width: 494px;
    height: 494px;
    max-width: 100%;
    position: absolute;
    top: 71px;
    left: 68px;
    display: none;
  }
  .signature-dish-bg::after {
    content: "";
    background: url(../mainland-img/home-cheafs-bebg.png) no-repeat;
    height: 100%;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 1080px;
    top: 12.5rem;
    left: 0rem;
    position: absolute;
    z-index: -1;
  }
  .dish-slider-content-main-box {
    padding: 3rem 1.5rem;
    overflow: hidden;
  }
  .signature-dish-slider .bg-image {
    object-fit: contain;
  }
  .dish-img-border .img-border {
    width: 390px;
    height: 390px;
    max-width: 100%;
    position: absolute;
    top: 122px;
    left: 127px;
  }
  .dish-slider-content h2 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
    text-transform: uppercase;
  }
  .dish-slider-content p {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    height: 128px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .signature-dish {
    height: 116vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: visible;
  }
  .swiper-button-next {
    top: 9rem;
    right: -3rem;
  }
  .swiper-button-prev {
    top: 9rem;
    left: -3rem;
  }
  .mainlandexclusive-main .mainland-tabs ul {
    margin: 84px;
    width: 800px;
    display: flex;
    justify-content: space-between;
    margin: auto;
    margin: 39px auto;
  }
  .testomonila-home-giftcard{
    padding: 3rem 0;
  }

}
@media only screen and (min-width: 1300px) and (max-width:1390px){
  .dish-img-border .img-border {
    width: 494px;
    height: 494px;
    max-width: 100%;
    position: absolute;
    top: 71px;
    left: 68px;
    display: none;
  }
  .signature-dish-bg::after {
    content: "";
    background: url(../mainland-img/home-cheafs-bebg.png) no-repeat;
    height: 100%;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 1080px;
    top: 12.5rem;
    left: 0rem;
    position: absolute;
    z-index: -1;
  }
  .dish-slider-content-main-box {
    padding: 6rem 1.5rem;
    overflow: hidden;
  }
  .signature-dish-slider .bg-image {
    object-fit: contain;
  }
  .dish-img-border .img-border {
    width: 390px;
    height: 390px;
    max-width: 100%;
    position: absolute;
    top: 122px;
    left: 127px;
  }
  .dish-slider-content h2 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 54px;
    text-transform: uppercase;
  }
  .dish-slider-content p {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    height: 128px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
@media only screen and (min-width: 1400px) and (max-width:1450px){
  .dish-img-border .img-border {
    width: 494px;
    height: 494px;
    max-width: 100%;
    position: absolute;
    top: 71px;
    left: 68px;
    display: none;
  }
  .signature-dish-bg::after {
    content: "";
    background: url(../mainland-img/home-cheafs-bebg.png) no-repeat;
    height: 100%;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 1080px;
    top: 3rem;
    left: 0rem;
    position: absolute;
    z-index: -1;
  }
  .dish-slider-content-main-box {
    padding: 6rem 1.5rem;
    overflow: hidden;
  }
  .signature-dish-slider .bg-image {
    object-fit: contain;
  }
  .dish-img-border .img-border {
    width: 430px;
    height: 430px;
    max-width: 100%;
    position: absolute;
    top: 100px;
    left: 140px;
  }
  .dish-slider-content h2 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 54px;
    text-transform: uppercase;
  }
}
@media only screen and (min-width: 1460px) and (max-width:1540px){
  .signature-dish-slider {
    width: 1456px;
    max-width: 100%;
    margin: auto;
    height: 631px;
    position: relative;
  }
  .dish-img-border .img-border {
    width: 450px;
    height: 450px;
    max-width: 100%;
    position: absolute;
    top: 90px;
    left: 147px;
  }
  .signature-dish-bg::after {
    content: "";
    background: url(../mainland-img/home-cheafs-bebg.png) no-repeat;
    background-size: 1536px;
    height: 100%;
    width: 100%;
    top: 8rem;
    left: 0rem;
    position: absolute;
    z-index: -1;
  }
  .signature-dish-slider .bg-image {
    object-fit: contain;
  }
  .dish-slider-content-main-box .swiper-pagination {
    bottom: -2rem !important;
  }

}
@media only screen and (min-width: 1550px) and (max-width:1600px){
  .signature-dish-slider {
    width: 1456px;
    max-width: 100%;
    margin: auto;
    height: 631px;
    position: relative;
  }
  .dish-img-border .img-border {
    width: 491px;
    height: 491px;
    max-width: 100%;
    position: absolute;
    top: 75px;
    left: 119px;
  }
  .signature-dish-bg::after {
    content: "";
    background: url(../mainland-img/home-cheafs-bebg.png) no-repeat;
    background-size: 1600px;
    height: 100%;
    width: 100%;
    top: 6rem;
    left: 0rem;
    position: absolute;
    z-index: -1;
  }

}
@media only screen and (min-width: 1601px) and (max-width:1800px){
  .signature-dish-bg::after {
    content: "";
    background: url(../mainland-img/home-cheafs-bebg.png) no-repeat;
    height: 100%;
    background-size: 1800px;
    width: 100%;
    top: 8.5rem;
    left: 0rem;
    position: absolute;
    z-index: -1;
  }
  .dish-img-border .img-border {
    width: 489px;
    height: 489px;
    max-width: 100%;
    position: absolute;
    top: 73px;
    left: 152px;
  }
}

@media only screen and (min-width: 1801px) and (max-width:1920px){
    .signature-dish-bg::after {
        content: "";
        background: url(../mainland-img/home-cheafs-bebg.png) no-repeat;
        height: 100%;
        width: 100%;
        top: 10rem;
        left: 0rem;
        position: absolute;
        z-index: -1;
    }
}
@media only screen and (min-width: 1930px) and (max-width:2160px){
  .home-cheafs {
    background: transparent;
    position: relative;
    padding: 8rem 0 6rem;
  }
  .signature-dish-bg::after {
    content: "";
    background: url(../mainland-img/home-cheafs-bebg.png) no-repeat;
    height: 100%;
    width: 100%;
    top: 12.5rem;
    left: 0rem;
    position: absolute;
    z-index: -1;
    background-size: contain;
  }
}

@media only screen and (min-width: 2190px) and (max-width:2880px){
  .signature-dish-bg::after {
    content: "";
    background: url(../mainland-img/home-cheafs-bebg.png) no-repeat;
    background-size: 2880px;
    height: 100%;
    width: 100%;
    top: 20.5rem;
    left: 0rem;
    position: absolute;
    z-index: -1;
  }
  .home-cheafs {
    background: transparent;
    position: relative;
    padding: 8rem 0 6rem;
  }
  .dish-img-border .img-border {
    width: 484px;
    height: 484px;
    max-width: 100%;
    position: absolute;
    top: 74px;
    left: 154px;
  }
}

/* -------------------------signature slider----------------------------- */


@media only screen and (min-width: 780px) and (max-width:890px){
  .header-menu-brand-logo {
    width: 220px;
    margin: auto;
    max-width: 100%;
  }
  .header-top-dflex .nav-link {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-right: 15px;
  }
  .menu-right-side .find-loction h5 {
    color: #EAE8DA !important;
    font-family: 'Marcellus';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline !important;
    text-transform: uppercase;
    margin-left:5px;
  }
  .home-banner-content h1 {
    color: #EAE8DA;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 90px;
    font-style: normal;
    font-weight: 400;
    line-height: 93.391%;
    margin-bottom: 60px;
  }
  .about-top-content-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 3rem;
  }
  .aboutrigh-flawer-img {
    width: 273px;
    height: 228px;
    max-width: 100%;
    float: right;
  }
  .aboutrigh-flawer-img img{
    width: 265px;
  }
  .about-home-left-content p {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
  }
  .Inspiration-section h2 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 62px;
    font-style: normal;
    font-weight: 400;
    line-height: 57px;
    text-transform: uppercase;
    margin-bottom: 52px;
  }
  .inspiration-right-content {
    width: 450px;
    max-width: 100%;
    padding-left: 30px;
    margin: auto;
  }
  .inspiration-right-content p {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
  }
  .inspiration-right-bird-img {
    width: 299px;
    height: 278px;
    transform: translate(256px, 25px);
  }
  .Isolation_Mode12 {
    position: absolute;
    right: 10rem;
    top: 20rem;
  } 
  .Isolation_Mode1 img{
    width: 190px;
  }
  .about-home-left-content {
    width: 642px;
    max-width: 100%;
    position: relative;
    margin: auto;
    height: 700px;
  }
  .about-home-right-img{
    margin: auto;
    width: 600px;
    margin-bottom: 4rem;
  }
  .city-ten-img-content h2 {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 69px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
    text-transform: uppercase;
    margin-bottom: 32px;
  }
  .city-ten-img-content p {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 32px;
  }
  .city-ten-img {
    width: 412px;
    max-width: 100%;
    margin: auto;
    margin-bottom: 3rem;
  }
  .ten-city-outlet {
    overflow: visible;
    padding-top: 1rem;
  }
  .city-ten-img-content{
    margin: auto;
    width: 425px;
    margin: auto;
    max-width: 100%;
  }
  .from-select-outlet-menu-home .select-selected {
    width: 336px;
    height: 69px;
    border: 1px solid #231F20 !important;
    background-color: transparent;
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    text-transform: uppercase;
    margin: auto;
    max-width: 100%;
    position: relative;
    margin-left: 0px;
    margin-bottom: 2rem;
  }
  .menu-card-slider {
    height: 685px;
    width: 498px;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
  }
  .from-select-outlet-menu-home .div-custom {
    display: block;
    width: 770px;
    max-width: 100%;
    margin-left: 0;
    position: relative;
  }
  .jhalar-img-black {
    margin-bottom: -10px;
  }
  .home-cheafs .diya-lamp-img {
    position: absolute;
    top: 25rem;
    z-index: 1;
    left: -1rem;
    width: 191px;
    height: 262px;
    max-width: 100%;
    animation: dip 3s ease-in-out infinite;
  }
  .awardr-recognitions h3 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 57px;
    text-transform: uppercase;
    margin-bottom: 57px;
  }
  .awardr-recognitions .card {
    width: 110px;
    height: 110px;
    margin: auto;
    background: transparent;
    border-radius: 0px;
    border: 0px;
  }
  .awardr-recognitions .card img {
    width: 110px;
    height: 110px;
    max-width: 100%;
  }
  .mainlandexclusive-main h1 {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 103px;
    font-style: normal;
    font-weight: 400;
    line-height: 69.391%;
  } 
  .mainland-tabs-slider-content h3 {
      color: #EAE8DA;
      font-family: 'Marcellus';
      font-size: 40px;
      font-style: normal;
      font-weight: 400;
      line-height: 45px;
      text-transform: uppercase;
      margin-bottom: 40px;
  }
  .mainland-tabs-slider-content p {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.109px;
    margin-bottom: 40px;
  }
  .mainland-tabs-slider-content {
    padding: 0px 30px;
  }
  .manland-testmonials-slider-contnet-inside h6 {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
    margin-bottom: 20px;
  }
  .manland-testmonials-slider img{
    width: 600px !important;
    max-width: 100%;
  }
  .manland-testmonials-slider .border-right {
    border-left: 2px solid #231F20;
    border-right: 0px solid #231F20;
    text-align: left;
    margin-top:3rem;
  }
  .manland-testmonials-slider .border-left {
    border-left: 2px solid #231F20;
    text-align: left;
    margin-top:3rem;
  }
  .mainland-testmoilals .owl-next {
    position: absolute;
    top: 35%;
    right: 10%;
    bottom: 38%;
  }
  .mainland-testmoilals .owl-prev {
    position: absolute;
    top: 35%;
    left: 10%;
    bottom: 38%;
  }
  .about-top-content h3 {
    color: #B7946A;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 71px;
  }
  .Isolation_Mode {
    width: 198.483px;
    height: 142.36px;
    position: absolute;
    right: 18px;
    bottom: 9px;
    z-index: 1;
  } 
  .lagacy-top {
    padding: 4rem 0;
    height: fit-content;
    max-height: 100%;
  }
  .lagacy-top .containersub {
    margin-right: 0px;
    float: right;
    width: 100%;
    max-width: 100%;
  }
  .lagacy-top h2 {
    color: #8B1E18;
    font-family: 'Marcellus';
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 41.391%;
    text-transform: uppercase;
    margin-bottom: 68px;
  }
  .legact-left-content {
    width: 722px;
    max-width: 100%;
    padding-left: 26px;
  }
  .img-slider-legacy {
    overflow-x: clip !important;
    width: 785px;
    max-width: 100%;
    float: right;
    overflow-y: visible;
    margin-top:10rem;
  }
  .fan-legacy-1 {
    transform: translate(-3rem, 5rem);
  }
  .fan-legacy {
    position: absolute;
    transform: translate(35rem, 7rem);
  }
  .fan-legacy img {
    width: 172px;
    height: 144px;
    max-width: 100%;
  }
  .fan-legacy-1 img{
    width: 239px;
    height: 193px;
    max-width: 100%;
   }
  .mainland-our-value h2 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 69px;
    text-transform: uppercase;
  }
  .mainland-our-value::after {
    content: "";
    background: url(../mainland-img/value-image-32.png) no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    right: 0px;
    top: 6rem;
    width: 452px;
    max-width: 100%;
    height: 73px;
  }
  .nav-tabs-main-land .nav-pills {
    justify-content: space-between;
    display: flex;
    margin: 50px 0px 60px;
  }
  .nav-tabs-main-land .nav-link {
    color: #EAE8DA;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 10px;
    text-transform: uppercase;
  } 
  .main-cheafs h1 {
    color: #8B1E18;
    font-family: 'Marcellus';
    font-size: 82px;
    font-style: normal;
    font-weight: 400;
    line-height: 58px;
    text-transform: uppercase;
    margin-bottom: 67px;
  }
  .main-cheafs .card-img-detaisl-chief {
    width: 474px;
    max-width: 100%;
    margin: auto;
  }
  .diya-lamp-img {
    position: absolute;
    top: 30rem;
    z-index: 1;
    left: 1rem;
    width: 149px;
    height: 206px;
    max-width: 100%;
    animation: dip 3s ease-in-out infinite;
  }
}
@media only screen and (min-width: 900px) and (max-width:1080px){ 
  .header-menu-brand-logo {
    width: 159px;
    margin: auto;
    max-width: 100%;
  }
  .header-top-dflex .nav-link {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-right: 15px;
  }
  .menu-right-side .find-loction h5 {
    color: #EAE8DA !important;
    font-family: 'Marcellus';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline !important;
    text-transform: uppercase;
    margin-left:5px;
  }
  .about-top-content-title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
  }
  .aboutrigh-flawer-img img{
    width: 265px;
  }
  .about-home-left-content p {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
  }
  .Inspiration-section h2 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 62px;
    font-style: normal;
    font-weight: 400;
    line-height: 57px;
    text-transform: uppercase;
    margin-bottom: 52px;
  }
  .inspiration-right-content {
    width: 407px;
    max-width: 100%;
    padding-left: 30px;
  }
  .inspiration-right-content p {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
  }
  .inspiration-right-bird-img {
    width: 316px;
    height: 278px;
    transform: translate(126px, -72px);
  }
  .Isolation_Mode12 {
    position: absolute;
    right: 10rem;
    top: 15rem;
  } 
  .Isolation_Mode1 img{
    width: 150px;
  }
  .menu-card-slider {
    height: 685px;
    width: 498px;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
  }
  .city-ten-img-content h2 {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 69px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
    text-transform: uppercase;
    margin-bottom: 32px;
  }
  .city-ten-img-content p {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 32px;
  }
  .city-ten-img{
    width: 412px;
    max-width: 100%;
  }
  .ten-city-outlet {
    overflow: visible;
    padding-top: 3rem;
  }
  .from-select-outlet-menu-home .select-selected {
    width: 336px;
    height: 69px;
    border: 1px solid #231F20 !important;
    background-color: transparent;
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    text-transform: uppercase;
    margin: auto;
    max-width: 100%;
    position: relative;
    margin-left: 0px;
    margin-bottom: 2rem;
  }

  .from-select-outlet-menu-home .div-custom {
    display: block;
    width: 770px;
    max-width: 100%;
    margin-left: 0;
    position: relative;
  }
  .jhalar-img-black {
    margin-bottom: -15px;
  }
  .home-cheafs .diya-lamp-img {
    position: absolute;
    top: 19rem;
    z-index: 1;
    left: 1rem;
    width: 237px;
    height: 262px;
    max-width: 100%;
    animation: dip 3s ease-in-out infinite;
  }
  .awardr-recognitions .card {
    width: 140px;
    height: 140px;
    margin: auto;
    background: transparent;
    border-radius: 0px;
    border: 0px;
  }
  .awardr-recognitions .card img {
    width: 140px;
    height: 140px;
    max-width: 100%;
  }
  .mainland-testmoilals .owl-next {
    position: absolute;
    top: 35%;
    right: 10%;
    bottom: 38%;
  }
  .mainland-testmoilals .owl-prev {
    position: absolute;
    top: 35%;
    left: 10%;
    bottom: 38%;
  }
  .mainlandexclusive-main h1 {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 103px;
    font-style: normal;
    font-weight: 400;
    line-height: 69.391%;
  } 
  .mainland-tabs-slider-content h3 {
      color: #EAE8DA;
      font-family: 'Marcellus';
      font-size: 40px;
      font-style: normal;
      font-weight: 400;
      line-height: 45px;
      text-transform: uppercase;
      margin-bottom: 40px;
  }
  .mainland-tabs-slider-content p {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.109px;
    margin-bottom: 40px;
  }
  .mainland-tabs-slider-content {
    padding: 0px 30px;
  }
  .manland-testmonials-slider-contnet-inside h6 {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
    margin-bottom: 20px;
  }
  .lagacy-top {
    padding: 4rem 0;
    height: 810px;
    max-height: 100%;
  }
  .fan-legacy {
    position: absolute;
    transform: translate(16rem, -2rem);
    width: 111px;
    height: 160px;
    object-fit: cover;
  }
  .fan-legacy-1 {
    transform: translate(5rem, 3rem);
    width: 253px;
    height: 134px;
  }
  .fan-legacy-1 img {
    width: 194px;
    height: 172px;
    max-width: 100%;
    object-fit: cover;
  }
  .swiper-slide .swiper-slide-container.even {
    margin-top: -4rem;
  }
  .legact-left-content {
    width: 460px;
    max-width: 100%;
  }
  .legact-left-content p {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
  }
  .lagacy-top h2 {
    color: #8B1E18;
    font-family: 'Marcellus';
    font-size: 100px;
    font-style: normal;
    font-weight: 400;
    line-height: 90.391%;
    text-transform: uppercase;
    margin-bottom: 46px;
  }
  .swiper-slide-container {
    width: 360px;
    height: 553px;
    max-width: 100%;
  }
  .swiper-slide-container img{
    width: 360px;
    height: 553px;
    max-width: 100%;
  }
  .img-slider-legacy {
    overflow-x:clip;
    width: 620px;
    max-width: 100%;
    float: right;
  }
  .lagacy-top .containersub {
    margin-right: 0px;
    float: right;
    width: 98%;
    max-width: 100%;
  }
  .mainland-our-value h2 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 110px;
    text-transform: uppercase;
  }
  .mainland-our-value::after {
    content: "";
    background: url(../mainland-img/value-image-32.png) no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    right: 0px;
    top: 7rem;
    width: 578px;
    max-width: 100%;
    height: 73px;
  }
  .nav-tabs-main-land .nav-pills {
    justify-content: space-between;
    display: flex;
    margin: 50px 0px 60px;
  }
  .nav-tabs-main-land .nav-link {
    color: #EAE8DA;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 13px;
    text-transform: uppercase;
  }
  .main-cheafs h1 {
    color: #8B1E18;
    font-family: 'Marcellus';
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
    text-transform: uppercase;
    margin-bottom: 57px;
  }
  .main-cheafs .card-img-detaisl-chief {
    width: 380px;
    max-width: 100%;
    margin: auto;
  }
  .diya-lamp-img {
    position: absolute;
    top: 24rem;
    z-index: 1;
    left: 1rem;
    width: 241px;
    height: 206px;
    max-width: 100%;
    animation: dip 3s ease-in-out infinite;
  }
  @keyframes dip {
    0% {
      left: 3%;
    }
    50% {
      left: 3%;
      transform: translateX(-4%);
    }
    100% {
      left: 3%;
    }
  }
  .div-custom::before {
    content: "";
    left: -3.5rem;
    top: 10px;
    height: 50px;
    width: 50px;
  }
  .div-custom::after {
    content: "";
    right: -4.5rem;
    top: 10px;
    height: 50px;
    width: 50px;
  }
  .div-custom {
    display: flex;
    width: 748px;
    margin: auto;
    max-width: 100%;
    position: relative;
  }
}
@media only screen and (min-width: 1090px) and (max-width:1155px){
  .header-menu-brand-logo {
    width: 140px;
    margin: auto;
    max-width: 100%;
    margin-left: 30px;
  }
  .header-top-dflex .nav-link {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-right: 14px;
  }
  .menu-right-side .find-loction h5 {
    color: #EAE8DA !important;
    font-family: 'Marcellus';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline !important;
    text-transform: uppercase;
    margin-left: 20px;
  }
  .about-home-left-content p {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
  }
  .Isolation_Mode12 {
    position: absolute;
    right: 10rem;
    top: 18rem;
  } 
  .Inspiration-section h2 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 62px;
    font-style: normal;
    font-weight: 400;
    line-height: 57px;
    text-transform: uppercase;
    margin-bottom: 52px;
  }
  .inspiration-right-content {
    width: 407px;
    max-width: 100%;
    padding-left: 30px;
  }
  .inspiration-right-content p {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
  }
  .inspiration-right-bird-img {
    width: 337px;
    height: 278px;
    transform: translate(176px, -72px);
  }
  .city-ten-img-content h2 {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 65px;
    font-style: normal;
    font-weight: 400;
    line-height: 82px;
    text-transform: uppercase;
    margin-bottom: 32px;
  }
  .city-ten-img-content{
    padding: 0px 23px;
  }
  .city-ten-img-content p {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    margin-bottom: 49px;
  }
  .city-ten-img{
    width: 512px;
    max-width: 100%;
  }
  .ten-city-outlet {
    overflow: visible;
    padding-top: 4rem;
  }
  .from-select-outlet-menu-home .select-selected {
    width: 439px;
    height: 69px;
    border: 1px solid #231F20 !important;
    background-color: transparent;
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 185.391%;
    text-transform: uppercase;
    margin: auto;
    max-width: 100%;
    position: relative;
    margin-left:0px !important;
  }
  .from-select-outlet-menu-home .custom-select {
     margin-bottom: 24px;
  }
  .from-select-outlet-menu-home .div-custom {
    display: block;
    width: 770px;
    max-width: 100%;
    margin-left: 0;
    position: relative;
  }
  .home-cheafs .diya-lamp-img {
    position: absolute;
    top: 19rem;
    z-index: 1;
    left: 1rem;
    width: 298px;
    height: 262px;
    max-width: 100%;
    animation: dip 3s ease-in-out infinite;
  }
  .awardr-recognitions .card {
    width: 160px;
    height: 160px;
    margin: auto;
    background: transparent;
    border-radius: 0px;
    border: 0px;
  }
  .awardr-recognitions .card img {
    width: 160px;
    height: 160px;
    max-width: 100%;
  } 
  .mainlandexclusive-main h1 {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 103px;
    font-style: normal;
    font-weight: 400;
    line-height: 69.391%;
  } 
  .mainland-tabs-slider-content h3 {
      color: #EAE8DA;
      font-family: 'Marcellus';
      font-size: 40px;
      font-style: normal;
      font-weight: 400;
      line-height: 45px;
      text-transform: uppercase;
      margin-bottom: 40px;
  }
  .mainland-tabs-slider-content p {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.109px;
    margin-bottom: 40px;
  }
  .mainland-tabs-slider-content {
    padding: 0px 30px;
  }
  .manland-testmonials-slider {
    width: 1150px;
    max-width: 100%;
    margin: auto;
  }
  .mainland-tabs-slider-content h3 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 47px;
    line-height: 56px;
  }
  .mainland-tabs-slider-content p {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 35.109px;
    margin-bottom: 40px;
  }
  .lagacy-top {
    padding: 4rem 0;
    height: 857px;
    max-height: 100%;
  }
  .fan-legacy {
    position: absolute;
    transform: translate(18rem, -2rem);
    width: 181px;
    height: 178px;
    object-fit: cover;
  }
  .fan-legacy-1 {
    transform: translate(6rem, 3rem);
    width: 253px;
    height: 134px;
  }
  .swiper-slide .swiper-slide-container.even {
    margin-top: -4rem;
  }
  .legact-left-content {
    width: 460px;
    max-width: 100%;
  }
  .legact-left-content p {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
  }
  .swiper-slide-container img {
    width: 390px;
    height: 583px;
    max-width: 100%;
  }
  .lagacy-top h2 {
    color: #8B1E18;
    font-family: 'Marcellus';
    font-size: 100px;
    font-style: normal;
    font-weight: 400;
    line-height: 90.391%;
    text-transform: uppercase;
    margin-bottom: 46px;
  }
  .swiper-slide-container {
    width: 370px;
    height: 553px;
    max-width: 100%;
  }
  .swiper-slide-container img{
    width: 370px;
    height: 553px;
    max-width: 100%;
  }
  .img-slider-legacy {
    overflow-x:clip;
    width: 620px;
    max-width: 100%;
    float: right;
  }
  .lagacy-top .containersub {
    margin-right: 0px;
    float: right;
    width: 97%;
    max-width: 100%;
  }
  .mainland-our-value h2 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 85px;
    font-style: normal;
    font-weight: 400;
    line-height: 110px;
    text-transform: uppercase;
  }
  .mainland-our-value::after {
    content: "";
    background: url(../mainland-img/value-image-32.png) no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    right: 0px;
    top: 7rem;
    width: 630px;
    max-width: 100%;
    height: 73px;
  }
  .nav-tabs-main-land .nav-pills {
    justify-content: space-between;
    display: flex;
    margin: 50px 0px 60px;
  }
  .nav-tabs-main-land .nav-link {
    color: #EAE8DA;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
  }
  .mainland-our-value h2 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 85px;
    font-style: normal;
    font-weight: 400;
    line-height: 110px;
    text-transform: uppercase;
  }
  .mainland-our-value::after {
    content: "";
    background: url(../mainland-img/value-image-32.png) no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    right: 0px;
    top: 7rem;
    width: 630px;
    max-width: 100%;
    height: 73px;
  }
  .nav-tabs-main-land .nav-pills {
    justify-content: space-between;
    display: flex;
    margin: 50px 0px 60px;
  }
  .nav-tabs-main-land .nav-link {
    color: #EAE8DA;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
  }
  .main-cheafs h1 {
    color: #8B1E18;
    font-family: 'Marcellus';
    font-size: 100px;
    font-style: normal;
    font-weight: 400;
    line-height: 82px;
    text-transform: uppercase;
    margin-bottom: 64px;
  }
  .main-cheafs .card-img-detaisl-chief {
    width: 410px;
    max-width: 100%;
    margin: auto;
  }
  .diya-lamp-img {
    position: absolute;
    top: 26rem;
    z-index: 1;
    left: 1rem;
    width: 294px;
    height: 206px;
    max-width: 100%;
    animation: dip 3s ease-in-out infinite;
  }
  @keyframes dip {
    0% {
      left: 3%;
    }
    50% {
      left: 3%;
      transform: translateX(-4%);
    }
    100% {
      left: 3%;
    }
  }
}
@media only screen and (min-width: 1160px) and (max-width:1290px){
  .header-menu-brand-logo {
    width: 220px;
    margin: auto;
    max-width: 100%;
  }
  .header-top-dflex .nav-link {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-right: 15px;
  }
  .menu-right-side .find-loction h5 {
    color: #EAE8DA !important;
    font-family: 'Marcellus';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline !important;
    text-transform: uppercase;
    margin-left: 20px;
  }
  .about-home-left-content p {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
  }
  .inspiration-right-bird-img {
    width: 337px;
    height: 278px;
    transform: translate(200px, -100px);
  }
  .Isolation_Mode12 {
    position: absolute;
    right: 10rem;
    top: 18rem;
  }  
  .city-ten-img-content h2 {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 90px;
    font-style: normal;
    font-weight: 400;
    line-height: 82px;
    text-transform: uppercase;
    margin-bottom: 32px;
  }
  .city-ten-img-content p {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    margin-bottom: 49px;
  }
  .city-ten-img{
    width: 512px;
    max-width: 100%;
  }
  .ten-city-outlet {
    overflow: visible;
    padding-top: 4rem;
  }
  .from-select-outlet-menu-home .select-selected {
    width: 439px;
    height: 69px;
    border: 1px solid #231F20 !important;
    background-color: transparent;
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 185.391%;
    text-transform: uppercase;
    margin: auto;
    max-width: 100%;
    position: relative;
  }
  .home-cheafs .diya-lamp-img {
    position: absolute;
    top: 25rem;
    z-index: 1;
    left: 1rem;
    width: 298px;
    height: 262px;
    max-width: 100%;
    animation: dip 3s ease-in-out infinite;
  }
  .awardr-recognitions .card {
    width: 160px;
    height: 160px;
    margin: auto;
    background: transparent;
    border-radius: 0px;
    border: 0px;
  }
  .awardr-recognitions .card img {
    width: 160px;
    height: 160px;
    max-width: 100%;
  } 
  .manland-testmonials-slider {
    width: 1150px;
    max-width: 100%;
    margin: auto;
  }
  .mainland-tabs-slider-content h3 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 47px;
    line-height: 56px;
  }
  .mainland-tabs-slider-content p {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 35.109px;
    margin-bottom: 40px;
  }  

  .lagacy-top {
    padding: 4rem 0;
    height: 857px;
    max-height: 100%;
  }
  
  .fan-legacy-1 {
    transform: translate(6rem, 3rem);
    width: 253px;
    height: 134px;
  }
  .swiper-slide .swiper-slide-container.even {
    margin-top: -4rem;
  }
  .legact-left-content {
    width: 460px;
    max-width: 100%;
  }
  .legact-left-content p {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
  }
  .swiper-slide-container img {
    width: 390px;
    height: 583px;
    max-width: 100%;
  }
  .lagacy-top h2 {
    color: #8B1E18;
    font-family: 'Marcellus';
    font-size: 100px;
    font-style: normal;
    font-weight: 400;
    line-height: 90.391%;
    text-transform: uppercase;
    margin-bottom: 46px;
  }
  .swiper-slide-container {
    width: 390px;
    height: 583px;
    max-width: 100%;
  }
  .swiper-slide-container img{
    width: 390px;
    height: 583px;
    max-width: 100%;
  }
  .img-slider-legacy {
    overflow-x:clip;
    width: 638px;
    max-width: 100%;
    float: right;
  }
  .lagacy-top .containersub {
    margin-right: 0px;
    float: right;
    width: 94%;
    max-width: 100%;
  }
  .mainland-our-value h2 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 85px;
    font-style: normal;
    font-weight: 400;
    line-height: 110px;
    text-transform: uppercase;
  }
  .mainland-our-value::after {
    content: "";
    background: url(../mainland-img/value-image-32.png) no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    right: 0px;
    top: 7rem;
    width: 630px;
    max-width: 100%;
    height: 73px;
  }
  .nav-tabs-main-land .nav-pills {
    justify-content: space-between;
    display: flex;
    margin: 50px 0px 60px;
  }
  .nav-tabs-main-land .nav-link {
    color: #EAE8DA;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
  }
  .main-cheafs .card-img-detaisl-chief {
    width: 459px;
    max-width: 100%;
    margin: auto;
  }
  .diya-lamp-img {
    position: absolute;
    top: 30rem;
    z-index: 1;
    left: 1rem;
    width: 317px;
    height: 206px;
    max-width: 100%;
    animation: dip 3s ease-in-out infinite;
  }
  @keyframes dip {
    0% {
      left: 3%;
    }
    50% {
      left: 3%;
      transform: translateX(-4%);
    }
    100% {
      left: 3%;
    }
  }
}
@media only screen and (min-width: 1300px) and (max-width:1390px){
  .header-menu-brand-logo {
    width: 220px;
    margin: auto;
    max-width: 100%;
  }
  .header-top-dflex .nav-link {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-right: 15px;
  }
  .menu-right-side .find-loction h5 {
    color: #EAE8DA !important;
    font-family: 'Marcellus';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline !important;
    text-transform: uppercase;
    margin-left: 20px;
  }
  .about-home-left-content p {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
  }
  .Isolation_Mode12 {
    position: absolute;
    right: 10rem;
    top: 19rem;
  }
  .inspiration-right-bird-img {
    width: 337px;
    height: 278px;
    transform: translate(200px, -100px);
  }
  .city-ten-img-content h2 {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 90px;
    font-style: normal;
    font-weight: 400;
    line-height: 82px;
    text-transform: uppercase;
    margin-bottom: 32px;
  }
  .city-ten-img-content p {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    margin-bottom: 49px;
  }
  .city-ten-img{
    width: 512px;
    max-width: 100%;
  }
  .ten-city-outlet {
    overflow: visible;
    padding-top: 4rem;
  }
  .home-cheafs .diya-lamp-img {
    position: absolute;
    top: 25rem;
    z-index: 1;
    left: 1rem;
    width: 298px;
    height: 262px;
    max-width: 100%;
    animation: dip 3s ease-in-out infinite;
  }
  .awardr-recognitions .card {
    width: 180px;
    height: 180px;
    margin: auto;
    background: transparent;
    border-radius: 0px;
    border: 0px;
  }
  .awardr-recognitions .card img {
    width: 170px;
    height: 170px;
    max-width: 100%;
  } 
  .mainlandexclusive-main h1 {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 100px;
    font-style: normal;
    font-weight: 400;
    line-height: 56.391%;
    text-transform: uppercase;
  }
  .mainland-tabs-slider-content h3 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 47px;
  }
  .manland-testmonials-slider-contnet-inside h6 {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
    margin-bottom: 18px;
  }
  .lagacy-top {
    padding: 4rem 0;
    height: 857px;
    max-height: 100%;
  }
  .fan-legacy-1 {
    transform: translate(6rem, 3rem);
    width: 253px;
    height: 134px;
  }
  .swiper-slide .swiper-slide-container.even {
    margin-top: -4rem;
  }
  .legact-left-content {
    width: 460px;
    max-width: 100%;
  }
  .legact-left-content p {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
  }
  .swiper-slide-container img {
    width: 390px;
    height: 583px;
    max-width: 100%;
  }
  .lagacy-top h2 {
    color: #8B1E18;
    font-family: 'Marcellus';
    font-size: 100px;
    font-style: normal;
    font-weight: 400;
    line-height: 90.391%;
    text-transform: uppercase;
    margin-bottom: 46px;
  }
  .swiper-slide-container {
    width: 390px;
    height: 583px;
    max-width: 100%;
  }
  .swiper-slide-container img{
    width: 390px;
    height: 583px;
    max-width: 100%;
  }
  .img-slider-legacy {
    overflow-x:clip;
    width: 638px;
    max-width: 100%;
    float: right;
  }
  .lagacy-top .containersub {
    margin-right: 0px;
    float: right;
    width: 90%;
    max-width: 100%;
  }
  .mainland-our-value h2 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 95px;
    font-style: normal;
    font-weight: 400;
    line-height: 110px;
    text-transform: uppercase;
  }
  .mainland-our-value::after {
    content: "";
    background: url(../mainland-img/value-image-32.png) no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    right: 0px;
    top: 7rem;
    width: 659px;
    max-width: 100%;
    height: 73px;
  }
  .nav-tabs-main-land .nav-pills {
    justify-content: space-between;
    display: flex;
    margin: 50px 0px 60px;
  }
  .nav-tabs-main-land .nav-link {
    color: #EAE8DA;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
  }
  .main-cheafs .card-img-detaisl-chief {
    width: 459px;
    max-width: 100%;
    margin: auto;
  }
  .diya-lamp-img {
    position: absolute;
    top: 31rem;
    z-index: 1;
    left: 3rem;
    width: 341px;
    height: 206px;
    max-width: 100%;
    animation: dip 3s ease-in-out infinite;
  }
  @keyframes dip {
    0% {
      left: 3%;
    }
    50% {
      left: 3%;
      transform: translateX(-4%);
    }
    100% {
      left: 3%;
    }
  }
}
@media only screen and (min-width: 1400px) and (max-width:1520px){
  .header-top-dflex .nav-link {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-right: 8px;
  }
  .header-menu-brand-logo {
    width: 253px;
    margin: auto;
    max-width: 100%;
  }
  .about-home-left-content p {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
  }
  .Isolation_Mode12 {
    position: absolute;
    right: 10rem;
    top: 19rem;
  }
  .inspiration-right-bird-img {
    width: 337px;
    height: 278px;
    transform: translate(250px, -100px);
  }
  .city-ten-img-content h2 {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 90px;
    font-style: normal;
    font-weight: 400;
    line-height: 82px;
    text-transform: uppercase;
    margin-bottom: 32px;
  }
  .city-ten-img-content p {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    margin-bottom: 49px;
  }
  .city-ten-img{
    width: 560px;
    max-width: 100%;
  }
  .ten-city-outlet {
    overflow: visible;
    padding-top: 5rem;
  }
  .home-cheafs .diya-lamp-img {
    position: absolute;
    top: 25rem;
    z-index: 1;
    left: 1rem;
    width: 320px;
    height: 260px;
    max-width: 100%;
    animation: dip 3s ease-in-out infinite;
  }
  .awardr-recognitions .card {
    width: 190px;
    height: 190px;
    margin: auto;
    background: transparent;
    border-radius: 0px;
    border: 0px;
  }
  .awardr-recognitions .card img {
    width: 190px;
    height: 190px;
    max-width: 100%;
  }
  .mainland-tabs-slider-content h3 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 51px;
    font-style: normal;
    font-weight: 400;
    line-height: 54px;
    text-transform: uppercase;
    margin-bottom: 40px;
  }
  .manland-testmonials-slider-contnet-inside h6 {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 20px;
  }
  .lagacy-top h2 {
    color: #8B1E18;
    font-family: 'Marcellus';
    font-size: 120px;
    font-style: normal;
    font-weight: 400;
    line-height: 93.391%;
    text-transform: uppercase;
    margin-bottom: 58px;
  }
  .lagacy-top {
    padding: 4rem 0;
    height: 1005px;
    max-height: 100%;
  }
  .swiper-slide-container {
    width: 463px;
    height: 680px;
    max-width: 100%;
  }
  .swiper-slide-container img{
    width: 463px;
    height: 680px;
    max-width: 100%;
  }
  .fan-legacy img {
    width: 115px;
    height: 93px;
    max-width: 100%;
  }
  .img-slider-legacy {
    overflow-x:clip;
    width: 740px;
    max-width: 100%;
    float: right;
  }
  .fan-legacy img {
    width: 115px;
    height: 93px;
    max-width: 100%;
  }
  .fan-legacy-1 img {
    width: 264px;
    height: 174px;
    max-width: 100%;
  }
  .fan-legacy {
    position: absolute;
    transform: translate(24rem, -2rem);
  }
  .fan-legacy-1 {
    transform: translate(7rem, 3rem);
    width: 274px;
    height: 168px;
  }
  .legact-left-content p {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
    margin-bottom: 49px;
  }
  .lagacy-top .containersub {
    margin-right: 0px;
    float: right;
    width: 92%;
    max-width: 100%;
  }
  .nav-tabs-main-land .nav-link {
    color: #EAE8DA;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
  }
  .mainland-our-value h2 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 100px;
    font-style: normal;
    font-weight: 400;
    line-height: 100px;
    text-transform: uppercase;
  }
  .mainland-our-value::after {
    content: "";
    background: url(../mainland-img/value-image-32.png) no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    right: 0px;
    top: 7rem;
    width: 700px;
    max-width: 100%;
    height: 73px;
  } 
  .main-cheafs .card-img-detaisl-chief {
    width: 500px;
    max-width: 100%;
    margin: auto;
  }
  .diya-lamp-img {
    position: absolute;
    top: 33rem;
    z-index: 1;
    left: 3rem;
    width: 341px;
    height: 206px;
    max-width: 100%;
    animation: dip 3s ease-in-out infinite;
  }
  @keyframes dip {
    0% {
      left: 4%;
    }
    50% {
      left: 4%;
      transform: translateX(-4%);
    }
    100% {
      left: 4%;
    }
  }
}
@media only screen and (min-width: 1530px) and (max-width:1600px){
  .inspiration-right-bird-img {
    width: 337px;
    height: 278px;
    transform: translate(250px, -100px);
  }
  .about-home-left-content p {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
    padding-right: 20px;
  }
  .city-ten-img-content h2 {
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 90px;
    font-style: normal;
    font-weight: 400;
    line-height: 82px;
    text-transform: uppercase;
    margin-bottom: 32px;
  }
  .city-ten-img-content p {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    margin-bottom: 49px;
  }
  .city-ten-img{
    width: 600px;
    max-width: 100%;
  }
  .ten-city-outlet {
    overflow: visible;
    padding-top: 3rem;
  }
  .home-cheafs .diya-lamp-img {
    position: absolute;
    top: 25rem;
    z-index: 1;
    left: 1rem;
    width: 345px;
    height: 260px;
    max-width: 100%;
    animation: dip 3s ease-in-out infinite;
  }
  .awardr-recognitions .card {
    width: 200px;
    height: 200px;
    margin: auto;
    background: transparent;
    border-radius: 0px;
    border: 0px;
  }
  .awardr-recognitions .card img {
    width: 200px;
    height: 200px;
    max-width: 100%;
  }
  .manland-testmonials-slider-contnet-inside h6 {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 20px;
  } 
  .lagacy-top h2 {
    color: #8B1E18;
    font-family: 'Marcellus';
    font-size: 120px;
    font-style: normal;
    font-weight: 400;
    line-height: 93.391%;
    text-transform: uppercase;
    margin-bottom: 58px;
  }
  .lagacy-top {
    padding: 4rem 0;
    height: 1052px;
    max-height: 100%;
  }
  .swiper-slide-container {
    width: 490px;
    height: 697px;
    max-width: 100%;
  }
  .swiper-slide-container img{
    width: 490px;
    height: 697px;
    max-width: 100%;
  }
  .img-slider-legacy {
    overflow-x:clip;
    width: 790px;
    max-width: 100%;
    float: right;
  }
  .fan-legacy {
    position: absolute;
    transform: translate(24rem, -2rem);
  }
  .fan-legacy-1 {
    transform: translate(7rem, 3rem);
    width: 274px;
    height: 168px;
  }
  .lagacy-top .containersub {
    margin-right: 0px;
    float: right;
    width: 90%;
    max-width: 100%;
  }
  .nav-tabs-main-land .nav-link {
    color: #EAE8DA;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-transform: uppercase;
  }
  .mainland-our-value h2 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 101px;
    font-style: normal;
    font-weight: 400;
    line-height: 90px;
    text-transform: uppercase;
  }
  .main-cheafs .card-img-detaisl-chief {
    width: 555px;
    max-width: 100%;
    margin: auto;
  }
  .mainland-our-value::after {
    content: "";
    background: url(../mainland-img/value-image-32.png) no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    right: -6px;
    top: 6.5rem;
    width: 736px;
    max-width: 100%;
    height: 73px;
  }
  .nav-tabs-main-land .nav-pills {
    justify-content: space-between;
    display: flex;
    margin: 70px 0px 70px;
  }
  .diya-lamp-img {
    position: absolute;
    top: 35rem;
    z-index: 1;
    left: 2rem;
    width: 369px;
    height: 206px;
    max-width: 100%;
    animation: dip 3s ease-in-out infinite;
  }
  @keyframes dip {
    0% {
      left: 3%;
    }
    50% {
      left: 3%;
      transform: translateX(-4%);
    }
    100% {
      left: 3%;
    }
  }
  .mainland-tabs .owl-next {
    position: absolute;
    top: 41%;
    right: 0;
    bottom: 38%;
  }
  .mainland-tabs .owl-prev {
    position: absolute;
    top: 42%;
    left: 0;
    bottom: 38%;
  }
}
@media only screen and (min-width: 1601px) and (max-width:1800px){ 
  .ten-city-outlet {
    overflow: visible;
    padding-top: 3rem;
  }
  .manland-testmonials-slider-contnet-inside h6 {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 21px;
  }
  .swiper-slide-container {
    width: 550px;
    height: 615px;
    max-width: 100%;
  }
  .swiper-slide-container img{
    width: 533px;
    height: 615px;
    max-width: 100%;
  }
  .img-slider-legacy {
    overflow-x:clip;
    width: 850px;
    max-width: 100%;
    float: right;
  }
  .lagacy-top .containersub {
    margin-right: 0px;
    float: right;
    width: 88%;
    max-width: 100%;
  }
  .fan-legacy {
    position: absolute;
    transform: translate(30rem, -2rem);
  }
  .fan-legacy-1 {
    transform: translate(7rem, 4rem);
    width: 289px;
    height: 212px;
  }
  .mainland-our-value::after {
    content: "";
    background: url(../mainland-img/value-image-32.png) no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    right: -6px;
    top: 7rem;
    width: 910px;
    max-width: 100%;
    height: 73px;
  }
  .mainland-our-value h2 {
    color: #EAE8DA;
    font-family: 'Marcellus';
    font-size: 110px;
    font-style: normal;
    font-weight: 400;
    line-height: 112px;
    text-transform: uppercase;
  }
  .nav-tabs-main-land .nav-link {
    font-size: 30px;
  }
  .diya-lamp-img {
    position: absolute;
    top: 35rem;
    z-index: 1;
    left: 5rem;
    width: 369px;
    height: 206px;
    max-width: 100%;
    animation: dip 3s ease-in-out infinite;
  }
  @keyframes dip {
    0% {
      left: 8%;
    }
    50% {
      left: 8%;
      transform: translateX(-4%);
    }
    100% {
      left: 8%;
    }
  }
}
@media only screen and (min-width: 1801px) and (max-width:1920px){ 
  .ten-city-outlet {
    overflow: visible;
    padding-top: 3rem;
  }
  .jhalar-img-black {
    margin-bottom: -28px;
  }
  .fan-legacy {
    position: absolute;
    transform: translate(34rem, -2rem);
  }
  .swiper-slide-container {
    width: 553px;
    height: 697px;
    max-width: 100%;
  }
  .swiper-slide-container img{
    width: 553px;
    height: 697px;
    max-width: 100%;
  }
  .img-slider-legacy {
    overflow-x:clip;
    width: 900px;
    max-width: 100%;
    float: right;
  }
  .lagacy-top .containersub {
    margin-right: 0px;
    float: right;
    width: 88%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1921px) and (max-width:2160px){ 
  .ten-city-outlet {
    overflow: visible;
    padding-top: 3rem;
  }
  .jhalar-img-black {
    margin-bottom: -28px;
  }
  .manland-testmonials-slider-contnet-inside h6 {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
    margin-bottom: 32px;
  }
  .swiper-slide-container {
    width: 900px;
    height: 615px;
    max-width: 100%;
  }
  .swiper-slide-container img{
    width: 653px;
    height: 697px;
    max-width: 100%;
  }
  .img-slider-legacy {
    overflow-x:clip;
    width: 1030px;
    max-width: 100%;
    float: right;
  }
  .lagacy-top .containersub {
    margin-right: 0px;
    float: right;
    width: 85%;
    max-width: 100%;
  }
  .fan-legacy {
    position: absolute;
    transform: translate(34rem, -2rem);
  }
  .fan-legacy-1 {
    transform: translate(8rem, 3rem);
  }
  .diya-lamp-img {
    position: absolute;
    top: 35rem;
    z-index: 1;
    left: 5rem;
    width: 369px;
    height: 206px;
    max-width: 100%;
    animation: dip 3s ease-in-out infinite;
  }
  @keyframes dip {
    0% {
      left: 14%;
    }
    50% {
      left: 14%;
      transform: translateX(-4%);
    }
    100% {
      left: 14%;
    }
  }
}
@media only screen and (min-width: 2190px) and (max-width:2880px){ 
  .ten-city-outlet {
    overflow: visible;
    padding-top: 3rem;
  }
  .manland-testmonials-slider-contnet-inside h6 {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 37px;
    font-style: normal;
    font-weight: 400;
    line-height: 150.391%;
    margin-bottom: 32px;
  }
  .lagacy-top .containersub {
    margin-right: auto;
    float: none;
    width: 100%;
    max-width: 1650px; 
  }
  .swiper-slide-container {
    width: 1200px;
    height: 700px;
    max-width: 100%;
  }
  .swiper-slide-container img {
    width: 92%;
    max-width: 100%;
    height: 700px;
    object-fit: cover;
  }
  .img-slider-legacy {
    overflow-x:clip;
    width: 1230px;
    max-width: 100%;
    float: right;
  }
  .fan-legacy {
    position: absolute;
    transform: translate(29rem, -2rem);
  }
  .fan-legacy-1 {
    transform: translate(8rem, 3rem);
  }
  .diya-lamp-img {
    position: absolute;
    top: 35rem;
    z-index: 1;
    left: 5rem;
    width: 369px;
    height: 206px;
    max-width: 100%;
    animation: dip 3s ease-in-out infinite;
  }
  @keyframes dip {
    0% {
      left: 24%;
    }
    50% {
      left: 24%;
      transform: translateX(-4%);
    }
    100% {
      left: 24%;
    }
  }
}

@media only screen and (min-width: 768px) and (max-width:990px){ 
  .footer-scond-title {
    margin: 32px 0px 33px;
  }
  .footer-scond-title-time{
    position: relative;
  }
  .footer-scond-title-time::before {
    content: '';
    background: url(../mainland-img/Line-6.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    left: 30%;
    bottom: 75px;
    right: 30%;
    width: 200px;
    height: 20px;
    margin: auto;
    max-width: 100%;
  }
  .footer-scond-title-time::after {
    content: '';
    background: url(../mainland-img/Line-6.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    left: 30%;
    top: 75px;
    right: 30%;
    width: 200px;
    height: 20px;
    margin: auto;
    max-width: 100%;
  }
}


@media only screen and (max-width: 600px){
  .diya-lamp-img {
    position: absolute;
    top: 14rem;
    z-index: 1;
    left: 4rem;
    width: 89px;
    height: 48px;
    max-width: 100%;
    animation: dip 3s ease-in-out infinite;
  }
  .main-cheafs .card h5 {
    color: #8B1E18;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 12px;
    margin-top: 24px;
  }
  .main-cheafs .card p {
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-transform: capitalize;
  }
  .main-cheafs h1 {
    font-family: 'Marcellus';
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #B7946A;
  }
  .main-cheafs .card-img-detaisl-chief {
    width: 258px;
    max-width: 100%;
    margin: auto;
  }
  .main-cheafs {
    background: #EAE8DA;
    padding: 2rem 16px 1rem;
  }
  @keyframes dip {
    0% {
      left: 3%;
    }
    50% {
      left: 3%;
      transform: translateX(-4%);
    }
    100% {
      left: 3%;
    }
  }
}
@media only screen and (max-width: 600px){
  .img-footer-scroll-top {
    display: block;
    position: absolute;
    right: 14px;
    top: 38px;
    height: 145px;
  }
  .mainland-china-footer {
    background: #231F20;
    text-align: center;
    padding: 6rem 0 3rem;
    position: relative;
  }
  .footer-scond-title-time{
    position: relative;
  }
  .footer-scond-title-time::before {
    content: '';
    background: url(../mainland-img/Line-6.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    left: 72px;
    bottom: 75px;
    width: 200px;
    height: 20px;
    margin: auto;
    max-width: 100%;
  }
  .footer-scond-title-time::after {
    content: '';
    background: url(../mainland-img/Line-6.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    left: 72px;
    top: 75px;
    width: 200px;
    height: 20px;
    margin: auto;
    max-width: 100%;
  }
  .footer-scond-title {
    margin: 32px 0px 33px;
  }
  .footer-mainlogo img{
    width: 169px;
    margin: auto;
    max-width: 100%;
    height: 56px;
    object-fit: contain;

  }
  .footer-scond-title p {
    color: #B7946A;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 0px;
  }
  .footer-third-title p {
    color: #EAE8DA;
    text-align: center;
    font-family: 'Marcellus';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-transform: uppercase;
    margin-bottom: 24px;
    width: 254px;
    margin: auto;
    margin-bottom: 24px;
  }
  .footer-third-title .form-control {
    width: 320px;
    height: 46px;
    flex-shrink: 0;
    border: 1px solid #EAE8DA;
    border-radius: 0px;
    background: transparent;
    color: #EAE8DA;
    text-align: left;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 127%;
    text-transform: capitalize;
    margin: auto;
    max-width: 100%;
  }
  .gold-btn .btn {
    border: 1px solid #B7946A;
    border-radius: 0px;
    color: #B7946A;
    font-family: 'Marcellus';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    width: 211px;
    height: 49px;
    max-width: 100%;
    position: relative;
    margin: 20px 0px 54px;
  }
}

@media only screen and (min-width: 700px) and (max-width:995px){
    .mainland-home-banner {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        padding-bottom: 0px;
        padding-top: 3rem;
    }
    .home-banner-content h1 {
        color: #EAE8DA;
        text-align: center;
        font-family: 'Marcellus';
        font-size: 89px;
        font-style: normal;
        font-weight: 400;
        line-height: 100.391%;
        margin-bottom: 60px;
    }
    .menu-mainland .card .img-hover {
        width: 320px;
        margin: auto;
        max-width: 100%;
        height: 364px;
    }
    .menu-mainland .card {
        width: 320px;
        margin: auto;
        height: 364px;
    }
    .menu-card-slider {
        height: 100%;
        width: 450px;
        max-width: 100%;
        max-height: 100%;
    }
    .menu-mainland h1 {
        color: #B7946A;
        font-family: 'Marcellus';
        font-size: 80px;
        font-style: normal;
        font-weight: 400;
        line-height: 92px;
        text-transform: uppercase;
        margin-bottom: 32px;
    }
    .menu-mainland .card .cirle-img {
        width: 145px;
        height: 145px;
        bottom: -3.5rem;
    }
    .signature-dish{
        height: fit-content;
        display: flex;
        justify-content: center;
        align-items: center; 
    }
    .menu-mainland{
        height: fit-content;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media only screen and (min-width: 1000px) and (max-width:1090px){
    .mainland-home-banner {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        padding-bottom: 0px;
        padding-top: 3rem;
    }
    .home-banner-content h1 {
        color: #EAE8DA;
        text-align: center;
        font-family: 'Marcellus';
        font-size: 89px;
        font-style: normal;
        font-weight: 400;
        line-height: 100.391%;
        margin-bottom: 60px;
    }
    .menu-mainland .card .img-hover {
        width: 400px;
        margin: auto;
        max-width: 100%;
        height: 350px;
    }
    .menu-mainland .card {
        width: 400px;
        margin: auto;
        height: 350px;
    }
    .menu-card-slider {
        height: 100%;
        width: 450px;
        max-width: 100%;
        max-height: 100%;
    }
    .menu-mainland h1 {
        color: #B7946A;
        font-family: 'Marcellus';
        font-size: 80px;
        font-style: normal;
        font-weight: 400;
        line-height: 92px;
        text-transform: uppercase;
        margin-bottom: 32px;
    }
    .menu-mainland .card .cirle-img {
        width: 160px;
        height: 160px;
        bottom: -4.5rem;
    }
    .jhalar-img-black {
        margin-bottom: -16px;
    }
    .signature-dish h1 {
        color: #B7946A;
        font-family: 'Marcellus';
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        text-transform: uppercase;
        margin-bottom: 40px;
        padding-top: 40px;
    }
    .signature-dish-bg::after {
        content: "";
        background: url(../mainland-img/home-cheafs-bebg.png) no-repeat;
        height: 100%;
        background-position: center center;
        background-size: cover;
        width: 100%;
        height: 1080px;
        top: 1rem;
        left: 0rem;
        position: absolute;
        z-index: -1;
    }
    .dish-slider-content-main-box .swiper-pagination {
        bottom: 2rem !important;
    }
}
@media only screen and (min-width: 1100px) and (max-width:1190px){
    .mainland-home-banner {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        padding-bottom: 0px;
        padding-top: 3rem;
    }
    .home-banner-content h1 {
        color: #EAE8DA;
        text-align: center;
        font-family: 'Marcellus';
        font-size: 89px;
        font-style: normal;
        font-weight: 400;
        line-height: 100.391%;
        margin-bottom: 60px;
    }
    .menu-mainland .card .img-hover {
        width: 400px;
        margin: auto;
        max-width: 100%;
        height: 356px;
    }
    .menu-mainland .card {
        width: 400px;
        margin: auto;
        height: 365px;
    }
    .menu-card-slider {
        height: 100%;
        width: 450px;
        max-width: 100%;
        max-height: 100%;
    }
    .menu-mainland h1 {
        color: #B7946A;
        font-family: 'Marcellus';
        font-size: 80px;
        font-style: normal;
        font-weight: 400;
        line-height: 92px;
        text-transform: uppercase;
        margin-bottom: 32px;
    }
    .menu-mainland .card .cirle-img {
        width: 140px;
        height: 140px;
        bottom: -3.5rem;
    }
    .jhalar-img-black {
        margin-bottom: -16px;
    }
    .signature-dish h1 {
        color: #B7946A;
        font-family: 'Marcellus';
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        text-transform: uppercase;
        margin-bottom: -40px;
        padding-top: 80px;
    }
    .signature-dish-bg::after {
        content: "";
        background: url(../mainland-img/home-cheafs-bebg.png) no-repeat;
        height: 100%;
        background-position: center center;
        background-size: cover;
        width: 100%;
        height: 1080px;
        top: -1.5rem;
        left: 0rem;
        position: absolute;
        z-index: -1;
    }
    .dish-slider-content-main-box .swiper-pagination {
        bottom: 2rem !important;
    }
}
@media only screen and (min-width: 1200px) and (max-width:1290px){
    .mainland-home-banner {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        padding-bottom: 0px;
        padding-top: 5rem;
    }
    .home-banner-content h1 {
        color: #EAE8DA;
        text-align: center;
        font-family: 'Marcellus';
        font-size: 90px;
        font-style: normal;
        font-weight: 400;
        line-height: 100.391%;
        margin-bottom: 43px;
    }
    .menu-mainland .card .img-hover {
        width: 320px;
        margin: auto;
        max-width: 100%;
        height: 300px;
    }
    .menu-mainland .card {
        width: 260px;
        margin: auto;
        height: 260px;
    }
    .menu-card-slider {
        height: 100%;
        width: 450px;
        max-width: 100%;
        max-height: 100%;
    }
    .menu-mainland h1 {
        color: #B7946A;
        font-family: 'Marcellus';
        font-size: 80px;
        font-style: normal;
        font-weight: 400;
        line-height: 92px;
        text-transform: uppercase;
        margin-bottom: 32px;
    }
    .menu-mainland .card .cirle-img {
        width: 100px;
        height: 100px;
        bottom: -2.8rem;
    }
    .signature-dish h1 {
        color: #B7946A;
        font-family: 'Marcellus';
        font-size: 48px;
        font-style: normal;
        font-weight: 400;
        line-height: 56px;
        text-transform: uppercase;
        margin-bottom: 20px;
        padding-top: 6px;
    }
    .signature-dish-bg::after {
        content: "";
        background: url(../mainland-img/home-cheafs-bebg.png) no-repeat;
        height: 100%;
        background-position: center center;
        background-size: cover;
        width: 100%;
        height: 1080px;
        top: 1rem;
        left: 0rem;
        position: absolute;
        z-index: -1;
    }
    .dish-slider-content-main-box .swiper-pagination {
        bottom: -3rem !important;
    }
    .signature-dish-slider {
        width: 1456px;
        max-width: 100%;
        margin: auto;
        height: 450px;
        position: relative;
        overflow-x: clip;
    }
    .dish-img-border .img-border {
        width: 330px;
        height: 330px;
        max-width: 100%;
        position: absolute;
        top: 60px;
        left: 189px;
    }
}
@media only screen and (min-width: 1300px) and (max-width:1390px){
    .mainland-home-banner {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        padding-bottom: 0px;
        padding-top: 6rem;
    }
    .home-banner-content h1 {
        color: #EAE8DA;
        text-align: center;
        font-family: 'Marcellus';
        font-size: 100px;
        font-style: normal;
        font-weight: 400;
        line-height: 100.391%;
        margin-bottom: 60px;
    }
    .menu-mainland .card {
        width: 450px;
        margin: auto;
        height: 410px;
    }
    .menu-card-slider {
        height: 100%;
        width: 450px;
        max-width: 100%;
        max-height: 100%;
    }
    .menu-mainland h1 {
        color: #B7946A;
        font-family: 'Marcellus';
        font-size: 80px;
        font-style: normal;
        font-weight: 400;
        line-height: 92px;
        text-transform: uppercase;
        margin-bottom: 32px;
    }
    .menu-mainland .card .cirle-img {
        width: 180px;
        height: 180px;
    }
    .signature-dish h1 {
        color: #B7946A;
        font-family: 'Marcellus';
        font-size: 70px;
        font-style: normal;
        font-weight: 400;
        line-height: 62px;
        text-transform: uppercase;
        margin-bottom: 0px;
        padding-top: 20px;
    }
    .signature-dish-bg::after {
        content: "";
        background: url(../mainland-img/home-cheafs-bebg.png) no-repeat;
        height: 100%;
        background-position: center center;
        background-size: cover;
        width: 100%;
        height: 1080px;
        top: 1rem;
        left: 0rem;
        position: absolute;
        z-index: -1;
    }
    .dish-slider-content-main-box .swiper-pagination {
        bottom: 1rem !important;
    }
}
@media only screen and (min-width: 1365px) and (max-width:1365px){
    .mainland-home-banner {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        padding-bottom: 0px;
        padding-top: 6rem;
    }
    .home-banner-content h1 {
        color: #EAE8DA;
        text-align: center;
        font-family: 'Marcellus';
        font-size: 100px;
        font-style: normal;
        font-weight: 400;
        line-height: 100.391%;
        margin-bottom: 60px;
    }
    .menu-mainland .card {
        width: 450px;
        margin: auto;
        height: 410px;
    }
    .menu-card-slider {
        height: 100%;
        width: 450px;
        max-width: 100%;
        max-height: 100%;
    }
    .menu-mainland h1 {
        color: #B7946A;
        font-family: 'Marcellus';
        font-size: 80px;
        font-style: normal;
        font-weight: 400;
        line-height: 92px;
        text-transform: uppercase;
        margin-bottom: 32px;
    }
    .menu-mainland .card .cirle-img {
        width: 180px;
        height: 180px;
    }
    .signature-dish h1 {
        color: #B7946A;
        font-family: 'Marcellus';
        font-size: 80px;
        font-style: normal;
        font-weight: 400;
        line-height: 62px;
        text-transform: uppercase;
        margin-bottom: 0px;
        padding-top: 20px;
    }
    .signature-dish-bg::after {
        content: "";
        background: url(../mainland-img/home-cheafs-bebg.png) no-repeat;
        height: 100%;
        background-position: center center;
        background-size: cover;
        width: 100%;
        height: 1080px;
        top: 6rem;
        left: 0rem;
        position: absolute;
        z-index: -1;
    }
    .dish-slider-content-main-box .swiper-pagination {
        bottom: 1rem !important;
    }
    .signature-dish {
        padding: 9rem 0 9rem;
    }
}
@media only screen and (min-width: 1400px) and (max-width:1490px){
    .mainland-home-banner {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        padding-bottom: 0px;
        padding-top: 6rem;
    }
    .home-banner-content h1 {
        color: #EAE8DA;
        text-align: center;
        font-family: 'Marcellus';
        font-size: 100px;
        font-style: normal;
        font-weight: 400;
        line-height: 100.391%;
        margin-bottom: 60px;
    }
    .menu-mainland .card {
        width: 498px;
        margin: auto;
        height: 470px;
    }
    .menu-card-slider {
        height: 100%;
        width: 498px;
        max-width: 100%;
        max-height: 100%;
    }
    .menu-mainland h1 {
        color: #B7946A;
        font-family: 'Marcellus';
        font-size: 80px;
        font-style: normal;
        font-weight: 400;
        line-height: 92px;
        text-transform: uppercase;
        margin-bottom: 32px;
    }
    .menu-mainland .card .cirle-img {
        width: 190px;
        height: 190px;
    }
    .signature-dish {
        padding: 8rem 0 9rem;
    }
    .dish-slider-content-main-box .swiper-pagination {
        bottom: -2rem !important;
    }
    .signature-dish h1 {
        color: #B7946A;
        font-family: 'Marcellus';
        font-size: 80px;
        font-style: normal;
        font-weight: 400;
        line-height: 72px;
        text-transform: uppercase;
        margin-bottom: 24px;
        padding-top: 20px;
    }
    .signature-dish-bg::after {
        content: "";
        background: url(../mainland-img/home-cheafs-bebg.png) no-repeat;
        height: 100%;
        background-position: center center;
        background-size: cover;
        width: 100%;
        height: 1080px;
        top: .5rem;
        left: 0rem;
        position: absolute;
        z-index: -1;
    }
}
@media only screen and (min-width: 1500px) and (max-width:1590px){
    .mainland-home-banner {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        padding-bottom: 0px;
        padding-top: 6rem;
    }
    .home-banner-content h1 {
        color: #EAE8DA;
        text-align: center;
        font-family: 'Marcellus';
        font-size: 120px;
        font-style: normal;
        font-weight: 400;
        line-height: 100.391%;
        margin-bottom: 60px;
    }
    .menu-mainland .card {
        width: 498px;
        margin: auto;
        height: 480px;
    }
    .menu-card-slider {
        height: 100%;
        width: 498px;
        max-width: 100%;
        max-height: 100%;
    }
    .menu-mainland h1 {
        color: #B7946A;
        font-family: 'Marcellus';
        font-size: 100px;
        font-style: normal;
        font-weight: 400;
        line-height: 102px;
        text-transform: uppercase;
        margin-bottom: 34px;
    }
    .menu-mainland .card .cirle-img {
        width: 190px;
        height: 190px;
    }
}
@media only screen and (min-width: 1600px) and (max-width:1690px){
    .mainland-home-banner {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        padding-bottom: 0px;
        padding-top: 6rem;
    }
    .home-banner-content h1 {
        color: #EAE8DA;
        text-align: center;
        font-family: 'Marcellus';
        font-size: 120px;
        font-style: normal;
        font-weight: 400;
        line-height: 100.391%;
        margin-bottom: 60px;
    }
    .menu-mainland .card {
        width: 498px;
        margin: auto;
        height: 500px;
    }
    .menu-card-slider {
        height: 100%;
        width: 490px;
        max-width: 100%;
        max-height: 100%;
    }
    .menu-mainland h1 {
        color: #B7946A;
        font-family: 'Marcellus';
        font-size: 100px;
        font-style: normal;
        font-weight: 400;
        line-height: 102px;
        text-transform: uppercase;
        margin-bottom: 34px;
    }
}
@media only screen and (min-width: 1800px) and (max-width:1890px){
    .mainland-home-banner {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
        padding-bottom: 0px;
        padding-top: 11rem;
    }
    .home-banner-content h1 {
        color: #EAE8DA;
        text-align: center;
        font-family: 'Marcellus';
        font-size: 120px;
        font-style: normal;
        font-weight: 400;
        line-height: 100.391%;
        margin-bottom: 60px;
    }
}


@media only screen and (min-width: 300px) and (max-width: 600px){
    
}
@media only screen and (min-width: 786px) and (max-width: 991px){
    
}
@media only screen and (min-width: 900px) and (max-width:1500px){
  .ten-city-outlet .select-selected {
    width: 383px;
    height: 69px;
    border: 1px solid #231F20 !important;
    background-color: transparent;
    color: #231F20;
    font-family: 'Marcellus';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 53px;
    text-transform: uppercase;
    margin: auto;
    max-width: 100%;
    position: relative;
 }  
}
@media only screen and (min-width: 900px) and (max-width: 1190px){
    .testomonila-home-giftcard{
        padding: 3rem 0;
    }
    .mainlandexclusive-main .mainland-tabs ul {
        margin: 48px auto;
    }
    .mainlandexclusive-main h1 {
       font-size: 70px;
    }
    .mainland-tabs-slider-content h3 {
        color: #EAE8DA;
        font-family: 'Marcellus';
        font-size: 28px;
        line-height: 42px;
        margin-bottom: 26px;
    }
    .mainland-tabs-slider-content p {
        color: #EAE8DA;
        font-family: 'Marcellus';
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30.109px;
        margin-bottom: 32px;
    }
    .mainland-tabs-slider-content {
        display: flex;
        height: 487px;
    }
    .mainland-tabs .owl-next {
        position: absolute;
        top: 38%;
    }
    .mainland-tabs .owl-prev {
        position: absolute;
        top: 38%;
    }
    .mainland-tabs .nav-link {
        color: #231F20;
        font-family: 'Marcellus';
        font-size: 32px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px){
    .description-section {
        text-align: center;
        font-family: 'Marcellus';
        font-size: 67px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1500px){
    .mainland-tabs-slider-content p {
        color: #EAE8DA;
        font-family: 'Marcellus';
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 29.109px;
        margin-bottom: 28px;
    }
    .mainland-tabs-slider-content h3 {
        color: #EAE8DA;
        font-family: 'Marcellus';
        font-size: 35px;
        line-height: 46px;
        margin-bottom: 26px;
    }
    .mainland-tabs-slider-content {
        padding: 0px 43px;
        display: flex;
        height: 529px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        max-height: 100%;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1500px){
    .testomonila-home-giftcard{
        padding: 3rem 0;
    }
    .mainlandexclusive-main .mainland-tabs ul {
        margin: 52px auto;
    }
    .mainlandexclusive-main h1 {
       font-size: 84px;
    }
}