body {
    background: #fff;
} 

a {
  cursor: pointer !important;
}
/* =====================
         HEADER
         ===================== */
.top-header {
    background: #fff;
    padding: 12px 0;
}
.navbar-brand img {
    max-height: 50px;
}
/*.main-menu {gap: 25px;}*/
.navbar-expand-lg .navbar-nav li.nav-item {padding: 5px 8px;border-left: 2px solid#ee2f25;}
.navbar-expand-lg .navbar-nav li.nav-item:first-child {border: none;}
.main-menu .nav-link {
    color: #313333;
    font-weight: normal;
    text-transform: uppercase;
	font-size: 26px;
    font-family: 'Amboy';
    padding: 0;
}
.main-menu .nav-link:hover {
    color: #a81e14;
}
.header-btn {
    background: #a81e14;
    color: #fff;
    border-radius: 40px;
    padding: 10px 25px;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 26px;
    text-decoration: none;
    display: inline-block;    
	font-family: 'Amboy';
	border: solid 2px #a81e14;
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.header-btn:hover {color: #a81e14;background: #f1f1f1;border: solid 2px #a81e14;}

.navbar-toggler-icon {background-image: url(../../img/new/menu-toggle.svg) !important;}

/* =====================
         HERO
         ===================== */
.hero-section {
    position: relative;
    height: 650px;
    background: url("https://via.placeholder.com/1920x900") center center/cover no-repeat;
}
.hero-section:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 60%);
    z-index: 1;
}
.hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.15);
}
.hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    width: 100%;
    max-width: 800px;
    padding: 20px;
    z-index: 1;
}
.hero-subtitle {
    font-size: 50px;
    font-style: italic;
    color: #ffb6c9;
}
.hero-title {
    font-size: 95px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
    text-shadow:
        0 0 10px #ff4d7f,
        0 0 20px #ff4d7f,
        0 0 30px #ff4d7f;
}
/*.hero-desc {
    /*font-size: 28px;
    font-weight: 700;*/
   /* margin-top: 20px;
	font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}*/
.hero-btn {
    display: inline-block;
    /*padding: 12px 35px;*/
	padding: 15px 40px;
    border-radius: 40px;
    border: 2px solid #fff;
    color: #fff;
	font-size: 20px;
    text-decoration: none;
    margin: 10px;
    font-weight: 700;
    /*background: #e51f46;*/
	background: #a81e14;
	font-family: 'Amboy';
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.hero-btn:hover {
    background: #fff;
    color: #a81e14;
}

 .hero-btn-white {
	 background: #fff !important;
	 color: #a81e14;
    font-weight: 700;
    font-family: 'Amboy';
  	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.hero-btn-white:hover {
  background-color: #a81e14 !important;
  color: #fff;
  border-color: #a81e14;
}
/* =======================
        FOOTER
   =======================*/
.site-footer{
    background:#411111;
    padding:60px 0 25px;
    color:#fff;
}

.site-footer h5{
    font-size:18px;
    font-weight:900;
    margin-bottom:10px;
    text-transform:uppercase;
    color:#fff;
	font-family: 'Amboy';
}

.footer-links{
    list-style:none;
    margin:0;
    padding:0;
}

.footer-links li{
    margin-bottom:5px;
}

.footer-links li a{
    color:#fff;
    text-decoration:none;
    font-size:14px;
    transition:.3s;
	font-family: var(--bs-body-font-family);font-weight: 500;
}

.footer-links li a:hover{
    color:#ff4b6e;
   /* padding-left:5px;*/
}

.app-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.app-buttons img{
    max-width:140px;
    border-radius:6px;
}

.social-icons{
    display:flex;
    gap:12px;
    margin-top:15px;
}

.social-icons a{
    width:42px;
    height:42px;
    border:1px solid rgba(255,255,255,.4);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    text-decoration:none;
    transition:.3s;
}

.social-icons a:hover{
    background:#e51f46;
    border-color:#e51f46;
    transform:translateY(-3px);
}

.copyright{
    /*margin-top:40px;
    border-top:1px solid rgba(255,255,255,.15);*/
    padding-top:20px;
    text-align:center;
    font-size:12px;
    color:#d8d8d8;
}

.guest-favorites{
    padding:30px 0 50px;
    background-color: #fff;
}

.section-title{
    text-align:center;
    font-size:46px;
    font-weight:900;
    text-transform:uppercase;
    color:#313332;
    margin-bottom:30px;
	font-family: 'Amboy';
}

.food-slider .item{
    padding:0 15px;
}

.food-card{
    background:#fff;
    border:2px solid #d7d7d7;
    border-radius:22px;
    padding:20px;
    min-height:500px;
    position:relative;
}

.food-img {text-align:center;}
.food-img img {margin: 0 auto 15px;max-width:100%;height:220px;object-fit:contain;}

.food-title{
    font-size:22px;
    font-weight:900;
    color:#333;
    margin-bottom:10px;
	font-family: 'Amboy';
}

.food-desc{
    font-size:16px;
    line-height:1.5;
    color:#8a8a8a;
    margin-bottom:40px;
	font-weight: 500;
}

.order-btn{
    position:absolute;
    left:20px;
    bottom:24px;
    /*background:#ef1746;*/
	background:#a81e14;
    color:#fff;
    text-decoration:none;
    padding:13px 38px;
	border: solid 2px #a81e14;
    border-radius:50px;
    font-size:20px;
    font-weight:900;
    text-transform:uppercase;
    transition:.3s;
	font-family: 'Amboy';
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.order-btn:hover, .order-pickup-wrap .btn-sign:hover {
    background:#ffffff;
    color:#a81e14;
	border: solid 2px #a81e14;
}

.slick-dots{
    bottom:-50px;
}

.slick-dots li button:before{
    font-size:14px;
    color:#9a9a9a;
    opacity:1;
}

.slick-dots li.slick-active button:before{
    /*color:#ef1746;*/
    color:#ee2f25;
}
#unmuteButton {
    position: absolute;
    top: 15px;
    right: 10px;
    padding: 8px 16px;
    background-color: #e51f46;
    color: white;
    outline: solid 1px #fff;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    outline-offset: -6px;
    border: none;
}

.rewards-section{padding:35px 0;background:#ffff;}

.rewards-banner{
    /*background:linear-gradient(180deg,#f40f43 0%,#c80f3f 100%);*/
	background-color: #ee2f25;
    border-radius:20px;
    /* overflow:hidden; */
    position:relative;
    padding:40px 30px;
}

.phone-img{
   /*  max-width: 420px;
    margin-top:-40px;
    position: absolute;
    top: -52px;
    left: -99px;
    z-index: 2; */
	width: 100%;
	position: relative;
    bottom: -40px;
	left: 10px;
}
.rewards-logo{width: 200px;margin-bottom:20px;text-align: center;}
.rewards-desc {color:#fff;font-size:18px;line-height:1.5;margin-bottom:25px;font-weight: 500;text-align: center;}
.reward-list {list-style:none;padding:0;margin:0;}
.reward-list li {color:#fff;font-size: 25px;font-weight:900;margin-bottom:12px;display:flex;align-items:center;font-family: 'Amboy';}

.reward-list li:before{
    content:"✓";
    width:32px;
    height:32px;
    border:2px solid #fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:12px;
    font-size:18px;border-color: rgb(168, 30, 20) !important;
}
.reward-list li::before {border-color: rgb(168, 30, 20) !important;}
.btn-wrap{margin-top:20px;}

.btn-join{
    background:#fff;
    color:#222;
	color: #a81e14;
    font-weight:700;
    border-radius:50px;
    padding:12px 40px;
    text-decoration:none;
    display:inline-block;
    margin-right:10px;
	font-family: 'Amboy';    
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.btn-sign{
    color:#fff;
    font-weight:900;
    border-radius:50px;
    padding:10px 40px;
    text-decoration:none;
    display:inline-block;
	font-family: 'Amboy';
	background: #a81e14;transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.btn-join, .btn-sign {padding: 15px 40px;border: 2px solid #fff;width: 100%;font-size: 20px;max-width: 185px;margin: 0 5px;}
.btn-sign:hover{background:#fff;color:#a81e14;border:2px solid #fff;}
.btn-join:hover {background:#a81e14;color:#fff;}
.map-content {text-align: center;}
.map-img-section {
	background-size: cover;
	background-position: center;
	padding: 50px 0;
	height: 450px;
	border-radius: 18px;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.18);
}
.map-content h2 {color: #a81e14;font-weight: bold;text-transform: uppercase;}
.map-content {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;}
.map-btn {
    background: #a81e14;
    color: #fff;
    text-decoration: none;
    padding: 13px 38px;
	border: solid 2px #a81e14;
    border-radius: 50px;
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    transition: .3s;
    display: inline-block;
    margin-top: 10px;
	font-family: 'Amboy';
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.map-btn:hover, .map-btn:focus {color: #fff;}
.map-btn:hover {background: #fff;color:#a81e14;border: solid 2px #a81e14;}
.home-map-section {padding: 0 0 30px;}

.careers-wrap {/*background-color: #ef1746;*/background-color: #a81e14;border-radius: 20px;padding: 20px;}
.careers-wrap .content-wrap .left-wrap h3 {font-size: 30px;margin: 0;font-family: 'Amboy';}
.careers-wrap .content-wrap .left-wrap h4 {font-size: 4.2rem;margin: 0;font-family: 'Amboy  Inline';}
.careers-wrap .content-wrap {padding: 30px 0px;position: relative;}
.careers-wrap .content-wrap .left-wrap {width: 100%;text-align: center;color: #fff;text-transform: uppercase;}
.careers-wrap .content-wrap .right-wrap {position: absolute;right: 20px;width: auto;height: 100%;text-align: center;top: 0;display: flex;align-items: center;justify-content: flex-end;}
.careers-wrap .content-wrap .right-wrap a.btn-join {margin: 0;max-width: 180px;padding: 15px 25px 12px;line-height: 1;}

.map-content {justify-content: flex-end;position: relative;}
.map-content h2 {font-family: 'Amboy  Inline';font-weight: normal;font-style: normal;font-size: 4rem;letter-spacing: 1px;line-height: 1;}
.desk-hidden {display: none !important;}
.hero-section .banner-wrap {display: flex !important;align-items: center;justify-content: space-evenly;width: 100%;position: relative;height: 100%;}
.hero-section .banner-wrap .hero-content, .hero-section .banner-wrap .right-wrap {position: relative;width: 100%;transform: none;height: 100%;top: 0;left: 0;padding: 0;}
.hero-section .banner-wrap img {width: 100%;}
.hero-section:before {display: none;}
.hero-section .right-wrap img {position: relative;width: 100%;max-width: 1100px;}
.hero-section .right-wrap {text-align: right;}
/*.hero-section {height: 100%;background-image: url(../../img/new/new-hom/*e-hero-desk.jpg);background-size: 100% 100%;}*/
.home-banner-slider .slick-next {right: 0;}
.home-banner-slider .slick-prev {left: 0;z-index: 1;}
.hero-section .item {background-image: url(../../img/new/gradient-banner-desk.png);background-size: 100% 100%;}
.hero-section p.hero-desc {font-weight: 500;margin-bottom: 0;}
.hero-section .banner-wrap .right-wrap {width: auto;}
.rewards-logo {width: 100%;max-width: 250px;margin: 0;}
.cater-content .map-content h2 {color: #fff;position: absolute;top: 0px;width: 100%;left: 0;right: 0;}
.cater-content {position: relative;}
.cater-content .map-content {justify-content: flex-end;}
.hero-section .container-wrap {width: 100%;max-width: 85%;margin: 0 auto;}
.hero-section .banner-wrap .hero-content img {max-width: 450px;margin: 0 auto;}
.site-footer .app-cta img {width: 100%;max-width: 180px;border-radius: 6px;margin: 0;height: auto;}
.site-footer .app-cta {display: flex;align-items: center;gap: 10px;justify-content: flex-start;margin: 10px 0 0;}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 85%;}
.rewards-banner .row.align-items-center .col-lg-5 .row {width: 100%;max-width: 620px;margin: 0 auto;}
.rewards-section .row {width: 100%;margin: 0 auto;}
.map-content img {width: 100%;max-width: 120px;position: absolute;top: -35px;left: 0;right: 0;margin: 0 auto;}
.home-map-section .row {width: 100%;margin: 0 auto;}
.home-map-section .col-12:first-child {padding: 0 15px 0 0;}
.home-map-section .col-12:last-child {padding: 0 0 0 15px;}
footer.site-footer .container {max-width: 1160px;}
.hero-section .slide-1 p.main-sub {font-size: 25px;font-weight: 700;margin: 10px 0;}
.hero-section .slide-1 p.hero-desc {margin: 0 auto;max-width: 500px;}

.home-banner-slider .slick-prev:before, .slick-next:before {font-size: 35px;}
.home-banner-slider .slick-prev, .home-banner-slider .slick-next {transform: none;width: 40px;height: 40px;}
.hero-section .slide-title {font-size: 4rem;font-family: 'Amboy  Inline';margin: 0;font-weight: normal;}
.hero-section .slide-3 .main-sub {font-family: 'Amboy';font-size: 30px;margin: 0;color: #a81e13;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);}
.hero-section .slide-3 {background-image: url(../../img/new/cater-it-all-desk.jpg);background-size: cover;background-position: center;}
.hero-section .slide-3 .right-wrap {opacity: 0;visibility: visible;}
.hero-section .slide-3 .banner-wrap {justify-content: center;}
.hero-section .slide-0 {/*height: 100%;*/background-image: url(../../img/new/new-home-hero-desk.jpg);background-size: 100% 100%;}
.hero-section.banner-sec .slide-1 .mobile-hidden .mt-2 {position: absolute;left: 0;bottom: 80px; right: 0;text-align: center;width: 100%;max-width: 55%;}
.hero-section.banner-sec .item, .hero-section.banner-sec .desk-view {background: none;position: relative;}
.hero-section.banner-sec .container-wrap, .hero-section.banner-sec .banner-wrap {width: 100%;display: block!important;max-width: 100%;}
.hero-section.banner-sec {height: 100% !important;}
/* =====================
         MOBILE
===================== */
@media (min-width: 1700px) {
	.container {max-width: 1680px;width: 100%;margin: 0 auto;}
	.rewards-desc {font-size: 30px;margin-bottom: 50px;}
	.home-map-section .col-12:first-child {padding: 0 20px 0 0;}
	.home-map-section .col-12:last-child {padding: 0 0 0 20px;}
	.map-content h2 {font-size: 5rem;}
}
@media (min-width: 1921px) {
    .hero-section {height: 100%;}
    .hero-section p.hero-desc {font-size: 25px;}
    .hero-section .banner-wrap .hero-content img {max-width: 700px;}
    .hero-section .banner-wrap {justify-content: center;}
	.rewards-logo {max-width: 500px;}
	.btn-join, .btn-sign {max-width: 200px;font-size: 24px;}
	.hero-section .container-wrap {max-width: 1680px;}	
	.hero-section .container-wrap, .hero-section .banner-wrap, .hero-section .left-wrap, .hero-section .right-wrap, .hero-section .right-wrap img {height: 100%;}
	.hero-section .slide-0 .right-wrap {background-image: url(https://www.leeannchin.com/application/views/themes/theme-1/assets/img/new/new-home-hero-plate-full.png);background-size: cover;background-position: 100% 35%;}
	.hero-section .slide-0 .right-wrap img {opacity: 0;}
	.careers-wrap .content-wrap .right-wrap a.btn-join {max-width: 200px;padding: 12px 25px 15px;}
	.hero-section .slide-1 .right-wrap img {opacity: 1;max-width: 800px;}
	.hero-section .home-banner-slider, .hero-section .slick-list, .hero-section .slick-track {height: 100%;}
	.hero-section .slide-1 .hero-content p.main-sub {font-size: 25px;}
	.hero-section.banner-sec .slide-1 .mobile-hidden .mt-2 {bottom: 60px;}
}
@media (min-width: 2000px) {
	.hero-section {height: 750px;}
	.hero-section .banner-wrap .hero-content, .hero-section .slide-1 .right-wrap {display: flex;flex-direction: column;justify-content: center;}
	.hero-section .slide-1 .right-wrap img {height: auto;}
}
@media (min-width: 2300px) {
    .hero-section .banner-wrap .hero-content img {max-width: 800px;}
	.hero-section .slide-1 p.hero-desc {max-width: 650px;}
	.hero-section.banner-sec .mobile-hidden .mt-2 {bottom: 80px;}
}
@media (min-width: 2600px) {
	.hero-section {height: 850px;}
	.hero-section .right-wrap {background-position: 100% 20%;}
}
@media (max-width: 1920px) {
	.hero-section .banner-wrap .left-wrap {position: absolute;left: 50px;}
	.hero-section .container-wrap {max-width: 90%;}
	.hero-section .banner-wrap .hero-content img {max-width: 720px;margin: 0 auto;}
	.hero-section .banner-wrap .right-wrap {width: auto;}
	.hero-section .banner-wrap {justify-content: flex-end;}
	.hero-section .right-wrap img {max-width: 1015px;}
	.hero-section {height: 600px;}
	.rewards-logo {max-width: 500px;}
	.hero-section .slide-1 .right-wrap img {max-width: 800px;}
    .hero-section p.hero-desc {font-size: 22px;max-width: 600px;}
	.hero-section .slide-2 .right-wrap img, .hero-section .slide-3 .right-wrap img {padding: 35px 0;}
	.hero-section.banner-sec .slide-1 .mobile-hidden .mt-2 {bottom: 40px;}
}
@media (max-width: 1800px) {
    .hero-section {height: 580px;}
    .hero-section .right-wrap img {max-width: 980px;}
    .hero-section .container-wrap {max-width: 90%;}
	.reward-list li {font-size: 22px;}
	.hero-section .banner-wrap .hero-content img {max-width: 650px;}
	.hero-section .slide-1 .right-wrap img {max-width: 760px;}
	.hero-section .slide-2 .right-wrap img, .hero-section .slide-3 .right-wrap img {padding: 25px 0;}
}
@media (max-width: 1700px) {
	.header-btn, .main-menu .nav-link {font-size: 22px;}
	.reward-list li {font-size: 20px;}
	.food-card {min-height: 520px;}
	.hero-section .banner-wrap .hero-content img {max-width: 580px;}
	.map-content img {max-width: 100px;}
	.rewards-desc {font-size: 25px;max-width: 550px;margin: 0 auto 50px;}
}
@media (max-width: 1600px) {
    .hero-section {height: 500px;}
    .hero-section .container-wrap {max-width: 95%;}
    .hero-section .right-wrap img {max-width: 845px;}
	.careers-wrap .content-wrap .left-wrap h4 {font-size: 3.5rem;}
	.careers-wrap .content-wrap {padding: 15px 0;}
	.reward-list li, .btn-join, .btn-sign {font-size: 18px;}
	.btn-join, .btn-sign {max-width: 150px;margin: 0 2px;padding: 10px 25px;}
	.rewards-banner {padding: 20px;}
	.phone-img {bottom: -20px;}
	.hero-section .banner-wrap .left-wrap {left: 100px;}
	.food-card {min-height: 530px;}
	.food-slider .item {padding: 0 10px;}
	.rewards-desc {font-size: 22px;margin: 0 auto 30px;}
	.hero-section .slide-1 .right-wrap img {max-width: 660px;}
	.hero-section.banner-sec .slide-1 .mobile-hidden .mt-2 {bottom: 25px;}
}
@media (max-width: 1500px) {
	.header-btn, .main-menu .nav-link {font-size: 20px;}
	.careers-wrap .content-wrap .left-wrap h4 {font-size: 3rem;}
	.rewards-banner .row .col-lg-5 {padding-left: 0;}
	.hero-section .banner-wrap .left-wrap {left: 35px;}
	.rewards-desc {font-size: 20px;margin: 0 auto 20px}
}
@media (max-width: 1400px) {
	.header-btn, .main-menu .nav-link {font-size: 16px;}
	.hero-section .right-wrap img {max-width: 695px;}
	.hero-section {height: 100%;}
	.careers-wrap .content-wrap .right-wrap {right: 10px;}
	.reward-list li, .btn-join, .btn-sign {font-size: 16px;}
	.rewards-banner .row .col-lg-5 .col-md-6 {padding: 0;}
	.btn-join, .btn-sign {padding: 10px 15px;max-width: 120px;}
	.map-img-section {height: 400px;}
	.map-content h2 {font-size: 3.25rem;}
	.food-card {min-height: 535px;}
	.order-btn {font-size: 18px;padding: 10px 25px;}
	.hero-section .banner-wrap .left-wrap {position: static;}
	.hero-section .slide-1 .hero-content img.top-sub-title {max-width: 300px;}
	.hero-section .slide-1 p.hero-desc {max-width: 100%;}
	.hero-section .slide-1 .hero-content img.main-title {max-width: 450px;}
	.hero-section p.hero-desc, .hero-section .slide-1 p.hero-desc {font-size: 20px;max-width: 450px;}
	.hero-section .slide-1 .right-wrap img {max-width: 550px;}
	.hero-section .slide-1 .banner-wrap, .hero-section .slide-2 .banner-wrap {justify-content: center;}
	.hero-section .slide-1 p.main-sub {margin: 5px 0;}
	.hero-section .slide-2 .right-wrap img, .hero-section .slide-3 .right-wrap img {max-width: 500px;}
	.hero-section.banner-sec .slide-1 .mobile-hidden .hero-btn {padding: 6px 20px 5px;line-height: 1.4;}
}
@media (max-width: 1250px) {
	.hero-section .banner-wrap .hero-content img {max-width: 400px;}
	.food-img {margin-bottom: 15px;}
	.rewards-desc {font-size: 18px;}
	.reward-list li {font-size: 15px;}
	.header-btn, .main-menu .nav-link {font-size: 15px;}
	.hero-section p.hero-desc, .hero-section .slide-1 p.hero-desc {font-size: 18px;}
}
@media (max-width: 1199px) {
	.rewards-banner .row.align-items-center {flex-direction: column;}
	.rewards-banner .row.align-items-center .col-lg-5 {padding: 20px 0 0;width: 100%;max-width: 100%;margin: 0 auto !important;}
	.rewards-banner .col-lg-5 .row {width: 100%;max-width: 450px;margin: 0 auto;}
	.btn-join, .btn-sign {display: inline;}
	.rewards-banner .row.align-items-center .text-center {padding: 0;}
	.phone-img {left: 0;margin: 0 auto;}
	.header-btn {padding: 10px 15px;font-size: 15px;}
	.main-menu .nav-link {font-size: 14px;}
	.rewards-section .mobile-hidden {display: none;}
	.rewards-section .desk-hidden {display: block !important;}
	.rewards-section img.lazy {width: 100%;height: auto;border-radius: 6px;max-width: 180px;margin: 0 auto;}
	.rewards-section .app-cta {display: flex;align-items: center;gap: 10px;justify-content: center;margin: 20px 0 0;}
	.hero-section .right-wrap img {max-width: 650px;}
	.hero-section .banner-wrap {justify-content: center;}
	.top-header .container {max-width: 100%;}
	.btn-sign, .hero-btn {padding: 10px 25px;font-size: 18px;}
	.careers-wrap .content-wrap .right-wrap {position: static;justify-content: center;margin: 20px 0 0;}
	.rewards-banner .row.align-items-center .col-lg-5 .row {max-width: 400px;}
	p.rewards-desc {width: 100%;max-width: 500px;margin: 0 auto 20px;}
	.map-content h2 {font-size: 3rem;}
	.btn-join, .btn-sign {max-width: 175px;width: 100%;}
	.rewards-banner .desk-hidden .btn-wrap {display: flex;align-items: center;gap: 10px;justify-content: center;}
	.rewards-section .desk-hidden {margin-bottom: 15px;}
	.hero-section p.hero-desc, .hero-section .slide-1 p.hero-desc {font-size: 16px;}
	.hero-section .slide-2 .right-wrap img, .hero-section .slide-3 .right-wrap img {max-width: 455px;}
	.hero-section .slide-1 .right-wrap img {max-width: 500px;}
}
@media (max-width: 1024px) {
    .hero-section p.hero-desc {margin: 8px 0 0;}
    .hero-section .banner-wrap .hero-content img {max-width: 380px;}
	.hero-section .slide-1 p.main-sub {font-size: 20px;}
	.hero-section .slide-2 .right-wrap img, .hero-section .slide-3 .right-wrap img {max-width: 420px;}
	.hero-section .slide-2 .right-wrap img, .hero-section .slide-3 .right-wrap img, .hero-section .slide-1 .right-wrap img {padding: 10px 0;}
	.hero-section .right-wrap img {max-width: 600px;}
	.hero-section .slide-1 .right-wrap img {padding: 0;max-width: 450px;}
}
@media (max-width: 991px) {
    /*.hero-section {
        height: 500px;
    }*/
    .hero-title {font-size: 55px;}
    .hero-subtitle {font-size: 28px;}
    .hero-desc {font-size: 18px;}
    .header-btn {margin-top: 10px;}
    .section-title{font-size:34px;}
    .food-card{min-height:500px;}
	.rewards-banner{text-align:center;}
    .phone-img{
        max-width:250px;
        /*margin:0 auto 20px;
        display:block;*/
    }
    .rewards-logo{max-width:250px;}
    .reward-list li{font-size:16px;}
    .rewards-desc{font-size:15px;}
	.hero-section .banner-wrap .hero-content img {max-width: 350px;}
    .hero-section .banner-wrap .hero-content .mt-2 {margin: 0 !important;}
    .hero-section p.hero-desc {line-height: 1.2;font-size: 16px;}
    .hero-section .banner-wrap .hero-content {width: 100%;max-width: 350px;margin: 0 0 0 auto;}
	.map-img-section {padding: 30px 0px;height: 300px;}
	.cater-content .map-content h2, .map-content h2 {font-size: 2rem;}
	.row.gy-4 {width: 100%;}
	div#main-nav {
		position: absolute;
		top: 70px;
		z-index: 99;
		background-color: #fff;
		left: -350px;
		width: 100%;
		max-width: 300px;
		height: 100vh !important;
		padding: 30px 15px;
		transition: left 0.5s ease;
		display: block !important;
	}
	.top-header .container {max-width: 100%;}
	.navbar-expand-lg .navbar-nav li.nav-item {border: none;margin: 5px 0;}
	div#main-nav.show {left: -15px;}
	body:has(#main-nav.show) {overflow: hidden;}
	.hero-section .right-wrap img {max-width: 500px;}
	.hero-section .banner-wrap {justify-content: space-evenly;}
	body:has(#main-nav.show):before {position: absolute;background: rgb(0 0 0 / 30%);width: 100%;height: 100vh;left: 0;top: 0;content: " ";z-index: 9;}
	body:has(#main-nav.show) .top-header {position: relative;z-index: 9;}
	.btn-sign, .hero-btn {font-size: 16px;padding: 10px 20px;}
	.map-content h2 {font-size: 2.5rem;}
	.map-content img {max-width: 70px;top: -20px;}
	.hero-section .slide-title {font-size: 3.25rem;}
	.hero-section .slide-1 .banner-wrap, .hero-section .slide-2 .banner-wrap, .hero-section .slide-3 .banner-wrap {justify-content: space-between;}
	.hero-section .slide-1 .banner-wrap .hero-content {max-width: 100%;}
	.hero-section .slide-2 .right-wrap img, .hero-section .slide-3 .right-wrap img, .hero-section .slide-1 .right-wrap img {padding: 0;}
	.hero-section .slide-1 p.main-sub {padding: 0;font-size: 18px;}
	.hero-section.banner-sec .slide-1 .mobile-hidden .hero-btn {font-size: 15px;margin: 0 5px;}
	.hero-section.banner-sec .slide-1 .mobile-hidden .mt-2 {bottom: 20px;}
}
@media(max-width:900px){
	
	.hero-section .right-wrap img {max-width: 455px;}
}
@media(max-width:767px){
	.map-img-section {margin-bottom: 20px;}
    .site-footer{padding: 30px 0;}
    .app-buttons{justify-content:center;}
    .social-icons{justify-content:center;}
	.section-title{font-size:28px;}
    .food-card{padding-bottom:90px;max-width: 300px;margin: 0 auto;}
    .food-img img{height:180px;}
    .food-title{font-size:20px;}
    .food-desc{font-size:15px;}
	.hero-section .slide-0 {height: 100%;background-image: url(../../img/new/new-home-banner-bg-mobile.jpg);background-size: cover;background-position: bottom center;}
	.hero-section .item {height: 100%;background-image: url(../../img/new/gradient-banner-mobile.png);background-size: cover;background-position: bottom center;}
	.hero-section .banner-wrap .hero-content {max-width: 100%;margin: 0 auto;padding: 0 0 60px;}
    .hero-section p.hero-desc {margin: 15px 0 20px;}
    .hero-section .banner-wrap img.desk-hidden {display: block !important;max-width: 600px;}
    .hero-section .banner-wrap img.mobile-hidden, .hero-section .mobile-hidden {display: none;}
    .hero-section .desk-hidden {display: block !important;}
    .hero-section .banner-wrap {flex-direction: column-reverse;}
	.careers-wrap .content-wrap, .careers-wrap .content-wrap .right-wrap {display: block;text-align: center;max-width: 100%;}
	.careers-wrap .content-wrap .right-wrap a.btn-join {display: inline-block;}
	.hero-section .banner-wrap .hero-content img {max-width: 100%;position: absolute;top: -100px;left: 0;right: 0;}
	.rewards-banner .row.align-items-center .col-lg-5 .row {max-width: 200px;}
	.site-footer .row {text-align: left;}
	.site-footer .desk-hidden {text-align: center;position: sticky;bottom: 0;left: 0;right: 0;background-color: #411111;}
	.site-footer .desk-hidden, .home-map-section .desk-hidden {display: block !important;}
	.site-footer ul.social-links {list-style: none;padding: 0;margin: 0;display: flex;gap: 15px;justify-content: center;align-items: center;}
	.site-footer ul.social-links li a>i {color: #fff;line-height: 2;}
	.site-footer ul.social-links li {width: 35px;height: 35px;border: 2px solid #fff;border-radius: 8px;}
	.site-footer .social-wrap {padding: 25px 0;}
	.site-footer .copyright {padding: 0;}
	.order-pickup-wrap {margin: 5px auto 20px;text-align: center;display: block;width: 100%;max-width: 260px;margin: 0 auto;}
	.order-pickup-wrap .btn-sign {border: 1px solid #a81e14;border-radius: 12px;padding: 12px 30px;}
	.hero-section .desk-hidden .mt-2 {position: absolute;bottom: 20px;left: 0;right: 0;text-align: center;}
	.hero-section .container-wrap {max-width: 100%;}
}

@media (max-width: 680px) {
	.careers-wrap .content-wrap .left-wrap h3 {font-size: 26px;}
	.careers-wrap .content-wrap .left-wrap h4 {font-size: 2.5rem;}
	.careers-wrap {padding: 15px;}
	.food-card {min-height: auto;text-align: center;}
	.food-card .order-btn {right: 0;left: 0;max-width: 160px;margin: 0 auto;font-size: 16px;}
	.food-card .food-desc {margin: 0;}
	.food-card .food-img img {height: auto;}
}
@media (max-width: 576px) {
    .hero-title {
        font-size: 42px;
    }
    .hero-subtitle {
        font-size: 24px;
    }
    /*.hero-btn {
        width: 100%;
        max-width: 250px;
    }*/
	.hero-btn {margin: 0 5px;}
	.hero-section p.hero-desc {font-size: 16px;}
	.careers-wrap .content-wrap .left-wrap h3 {font-size: 22px;}
.careers-wrap .content-wrap .left-wrap h4 {font-size: 2rem;}
	.map-img-section {height: 300px;}
	.hero-section .desk-hidden .mt-2 .hero-btn {padding: 5px 20px;font-size: 14px;}
}
@media (max-width: 480px) {
	.hero-section .banner-wrap .hero-content img {top: -90px;}
	.container {max-width: 100%;}
	.careers-wrap .content-wrap .left-wrap h3 {font-size: 20px;}
	.map-img-section a.map-btn {font-size: 18px;}
	
	.hero-section .desk-hidden .mt-2 {bottom: 12px;}
}
@media (max-width: 375px) {
	.careers-wrap .content-wrap .left-wrap h3 {font-size: 16px;}
	.hero-section .desk-hidden .mt-2 {bottom: 8px;}
}