@media screen and (max-width: 1599px) {
	:root {
    	--global--fontsize1: 14px;
	    --global--fontsize3: 36px;
    	--global--fontsize4: 23px;
	    --global--fontsize5: 30px;
    	--global--fontsize6: 18px;
	}
	.logo.logo-v {
	    max-width: 210px;
	}
	.nav-home.brown {
	    top: 40px;
	}
	.home-events-catering-banner {
	    padding-top: 120px;
	}
	.nav-home-inline {
        margin-right: 11px;
    }
	.nav-top-bar-layer1 {
	    max-width: 1170px;
	}
	.home-about-inline-left {
		padding-right: 20px;
	}
	.home-about-inline-right {
	    padding-left: 20px;
	}
	.home-events-content-info .first-header {
		max-width: 850px;
	}
	.nav-top-menu {
		margin-bottom: 45px;
	}
}

@media screen and (max-width: 1399px) {
	.logo {
		max-width: 100px;
	}
	.btn-layout {
    	padding: 15px 20px;
	}
	.home-menu-btn,
	.nav-top-left-btn {
		max-width: 340px;
	}
	.home-events-btn,
	.home-Jrewards-btn {
		max-width: 320px;
	}
	.nav-home-inline {
		margin-right: 6px;
	}
	.nav-top-bar-layer1 {
	    max-width: 1090px;
	}
	.nav-top-menu {
		font-size: 24px;
		margin-bottom: 40px;
	}
	.home-page-line {
		max-width: 20px;
	}
	.home-enews-layer2 {
		max-width: 900px;
	}
	.home-about-inline-leaf {
		max-height: 750px;
	}
	.gallery-catering-slide {
	    padding: 0px 10px;
	}
	.catering-gallery-layer3 {
	    margin: 0 -10px;
	}
	.catering-gallery-layer1 .splide__arrow--prev {
	    left: -30px;
	}
	.catering-gallery-layer1 .splide__arrow--next {
	    right: -30px;
	}

	.restaurant-info-inline {
    	padding: 0px 40px 25px 0px;
	}
	.restaurant-info-inline-2 {
	    padding: 0px 40px 25px 30px;
	}
	.restaurant-info-inline-3 {
	    padding-right: 0;
	}
}

@media screen and (max-width: 1299px) {
	:root {
	    --global--fontsize1: 13px;
	    --global--fontsize2: 15px;
	    --global--fontsize3: 30px;
    	--global--fontsize4: 20px;
	    --global--fontsize5: 26px;
    	--global--fontsize6: 17px;
	}
	.logo.logo-v {
        max-width: 180px;
    }
    .nav-home.brown {
        top: 42px;
    }
	.home-events-catering-banner {
	    padding-top: 110px;
	}
	.nav-home-inline {
    	font-size: 12px;
    	margin-right: 7px;
	}
	.nav-top-bar-layer1 {
		max-width: 980px;
	}
	.home-events-content-set-reverse .home-events-content-inline-right {
	    padding-right: 0px;
	}
	.home-events-content-inline-right {
	    padding-left: 0px;
	}
}

@media screen and (max-width: 1199px) {
	.logo.logo-v {
        max-width: 170px;
    }
	.nav-home-inline {
    	margin-right: 6px;
    	font-size: 11px;
	}
	.nav-top-bar-layer1 {
		max-width: 885px;
	}
	.home-events-content-info .first-header {
	    max-width: 750px;
	}
	.home-Jrewards-content {
		min-height: 550px;
	}
	.home-Jrewards-content-text-1 {
		max-width: 650px;
	}

	.restaurant-info-inline {
    	padding: 0px 40px 25px 0px;
	}
	.restaurant-info-inline-3 {
	    padding-right: 0;
        width: 27%;
	}
}

@media screen and (max-width: 1099px) {
	.nav-home-inline {
        margin-right: 6px;
        font-size: 10px;
	}
	.nav-top-bar-layer1 {
		right: 25px;
		max-width: 830px;
	}
	.home-Jrewards-content-text-1 {
		max-width: 600px;
    	padding-left: 50px;
	}
}

@media screen and (max-width: 1024px) {
	:root {
	    --global--fontsize1: 13px;
	    --global--fontsize2: 15px;
	    --global--fontsize3: 28px;
    	--global--fontsize4: 18px;
	    --global--fontsize5: 24px;
    	--global--fontsize6: 16px;
	}

	.web-999,
	.nav-top-bar-layer1 {
	  	display: none;
	}
	.mobile-999 {
	  	display: block;
	}

	.logo {
		max-width: 95px;
	    left: 30px;
	    top: 45px;
	}

	.landing-nav-layer1 {
		right: 20px;
	}
	.nav-home-inline {
		font-size: 13px;
		display: none;
	}
	.nav-home-inline.halal-logo {
		display: block;
	}
	.nav-home.navscroll {
    	opacity: 0;
		visibility: hidden;
		transform: translateY(-100px);
		-webkit-transform: translateY(-100px);
	}
	.home-page-line {
		max-width: 20px;
	}
	.nav-iconX-layer1 {
		display: block;
	}
	.nav-iconX-layer1.move:before {
		height: 100%;
	}
	.nav-home {
		right: 70px;
	}
	.nav-home.navscroll:before,
	.nav-home.directnavscroll:before  {
		width: 0;
	}

	/*Nav Top*/
	.nav-top-layer1 {
		display: block;
    	background: var(--global--color3);
	}
	.nav-top-layer2 {
		height: auto;
	}
	.nav-top-layer3 {
		overflow: hidden;
	}
	.nav-top-bg-left {
		width: 100%;
	}
	.nav-top-bg-right {
		width: 0%;
	}
	.nav-top-left {
		display: none;
	}
	.nav-top-right {
		width: 100%;
		text-align: center;
		padding-top: 0px;
	}
	.nav-top-right-1 {
		padding: 0;
	}
	.nav-top-layer2-1 {
		padding: 80px 50px;
	}
	.nav-mobile-social-icon-layer1 {
		margin: auto;
		max-width: 450px;
	}
	.nav-top-logo {
    	padding-bottom: 60px;
    	max-width: 130px;
	}
	.nav-top-menu {
	    font-size: 22px;
	    margin-bottom: 40px;
	}
	.nav-top-footer-inline {
		text-align: center;
	}
	.nav-mobile-social-icon {
    	margin: 0px 10px;
	}
	.nav-top-footer-layer2 {
		font-size: 9px;
	}
	.nav-top-layer1.active .nav-top-menu a {
	    color: var(--global--color2);
	}
	.nav-top-layer1.active .nav-top-menu a:hover {
	    color: var(--global--color4);
	}
	.nav-top-right-inlineleft {
		margin-top: 50px;
	}
	.nav-iconX.openmenu .nav-icon-line {
	    background: var(--global--color2);
	}
	.nav-iconX-layer1.white .nav-iconX.openmenu .nav-icon-line {
	    background: var(--global--color2);
	}
	/*End Nav Top*/

	.home-bg div.cnyslider1 {
	    background-image: url(images/home/home-bg-mobile-cny-img1-1.jpg);
	    background-position: 50% 50%;
	}
	.home-bg div.cnyslider1.activeslide p:nth-child(1) {
	    background-image: url(images/home/home-bg-mobile-cny-img1-2.png);
	    background-position: 50% 50%;
	}
	.home-bg div.cnyslider1.activeslide p:nth-child(2) {
	    background-image: url(images/home/home-bg-mobile-cny-img1-3.png);
	    background-position: 50% 50%;
	    animation-name: slideBottomCNY2017;
	    -webkit-animation-name: slideBottomCNY2017;
	}
	.home-bg div.cnyslider1.activeslide p:nth-child(3) {
	    background-image: url(images/home/home-bg-mobile-cny-img1-4.png);
	    background-position: 50% 50%;
	}
	.home-bg div.cnyslider1.activeslide p:nth-child(4) {
	    background-image: url(images/home/home-bg-mobile-cny-img1-5.png);
	    background-position: 50% 50%;
	    animation-name: slideTopCNY2017;
	    -webkit-animation-name: slideTopCNY2017;
	}

	.webp .home-bg div.homeslider1 {
	    background-image: url(images/home/home-bg-mobile-img1-1.webp);
	    background-position: 50% 50%;
	}
	.no-webp .home-bg div.homeslider1 {
	    background-image: url(images/home/home-bg-mobile-img1-1.jpg);
	    background-position: 50% 50%;
	}
	
	/*.home-bg div.homeslider1 p:nth-child(1) {
	    background-image: url(images/home/home-bg-mobile-img1-2.png);
	    background-position: 50% 70%;
	}
	.home-bg div.homeslider1 p:nth-child(2) {
	    background-image: url(images/home/home-bg-mobile-img1-3.png);
	    background-position: 50% 70%;
	}*/

	.home-bg div.homeslider2 {
	    background-image: url(images/home/home-bg-mobile-img2-1.jpg);
	    background-position: 50% 50%;
	}
	/*.home-bg div.homeslider2 p:nth-child(1) {
	    background-image: url(images/home/home-bg-mobile-img2-2.png);
	    background-position: 50% 50%;
	}
	.home-bg div.homeslider2 p:nth-child(2) {
	    background-image: url(images/home/home-bg-mobile-img2-3.png);
	    background-position: 50% 50%;
	}*/
	
	.nav-right-social-layer1 {
		width: 19px;
	}
	.home-content-body-text {
		font-size: 50%;
	}

	/*Home About*/
	.home-about-inline-leaf {
	    max-height: 650px;
	}
	.home-about-inline {
		width: 100%;
		padding: 0;
	}
	.home-about-inline-img {
		max-width: 700px;
		margin: auto;
		width: 75%;
	}
	.home-about-layer1 {
		text-align: center;
	}
	.home-about-read-more-open-1 {
		display: none !important;
	}
	.home-about-inline-padding {
		padding-top: 50px;
	}
	.home-about-bg-pattern {
	    background-image: url(images/home-about-bg-pattern-mobile.png);
    	background-position: 50% 50%;
    	opacity: 0.6;
	}
	/*End Home About*/

	/*Home Menu*/
	.home-menu-layer2,
	.cny-menu-page .home-menu-layer2 {
		height: 100%;
		min-height: auto;
	}
	.home-menu-layer3 {
		display: block;
	}
	.home-menu-inline {
		width: 100%;
	}
	.home-menu-inline-3 {
		padding: 100px 50px;
	}
	.home-menu-inline-left {
		border: none;
	}
	.home-menu-inline-right {
    	border-top: 2px solid var(--global--color1);
    	border-left: none;
	}
	/*End Home Menu*/

	/*Home Promotions*/
	.home-promotions-layer2 {
		height: 100%;
		min-height: auto;
	}
	.home-promotions-inline-left {
    	border-right: none;
	}
	.home-promotions-inline-right {
		float: none;
    	border-left: none;
    	border-bottom: 2px solid var(--global--color1);
	}
	.home-promotions-inline {
		width: 100%;
	}
	.home-promotions-inline-3 {
		padding: 100px 50px;
	}
	/*End Home Promotions*/

	/*Home Events*/
	.home-events-layer1 {
		margin: 0;
	}
	.home-events-layer1.home-events-new-layer1 {
		padding: 80px 50px 0px;
	}
	.home-events-layer2 {
		padding: 0;
	}
	.home-events-content-img {
	    transform: translateX(0px);
	    -webkit-transform: translateY(0px);
	}
	.home-events-bg {
		height: 100%;
	}
	.home-events-content-info {
		padding: 80px 0px 50px;
    	text-align: center;
	}
	.home-events-img-text-layer1 {
		width: 50px;
		height: 50px;
	}
	.home-events-content-inline {
		padding: 0;
		width: 100%;
	}
	.home-events-content-inline.mobile-999 {
		display: block;
	}
	.home-events-content-inline-left {
	    text-align: center;
	    padding: 0px 0px 50px;
	}
	.home-events-content-set-reverse .home-events-content-inline-left {
	    padding: 0px 0px 50px;
	}
	.home-events-content-inline.home-events-content-inline-header {
		padding-bottom: 0;
	}
	.home-events-content-info .first-header {
	    max-width: none;
	}
	.home-events-btn {
		margin: auto;
	}
	.home-events-content-img {
		position: relative;
		width: 120%;
		margin-left: -10%
	}
	.home-events-img-text-layer1 {
		right: 8%;
	}
	.home-events-img-arrow-left {
		left: 10%;
	}
	.home-events-img-arrow-right {
		right: 10%;
	}
	.home-events-layer2 {
		max-width: 700px;
	}
	/*End Home Events*/

	/*Catering*/
	.home-events-content-set-reverse .home-events-content-inline-right {
		text-align: center;
	}
    .home-events-catering-banner {
        padding-top: 110px;
    }
	/*End Catering*/

	/*Home JUMBO Rewards*/
	.home-Jrewards-layer2 {
		padding: 0px;
	}
	.home-Jrewards-content-bg {
		position: relative;
		background: no-repeat;
	}
	.home-Jrewards-content {
		display: block;
	}
	.home-Jrewards-content-text {
		display: block;
		text-align: center;
    	background: var(--global--color4);
	}
	.home-Jrewards-content-text-1 {
		margin: auto;
		padding: 80px 50px;
	}
	.home-Jrewards-btn {
		margin: auto;
	}
	/*End Home JUMBO Rewards*/

	.restaurant-info-btn-height .all-btn,
	.restaurant-info-btn-height-1 .all-btn {
	    padding: 15px 30px;
	}

	.reservation-text-layer {
		right: 30px;
		top: 30px;
	}
	.restaurant-info-btn {
		display: block;
    	padding: 10px 0;
	}
    .restaurant-info-content {
        padding: 40px 0px;
    }
	.restaurant-info-layer1 {
		display: block;
        text-align: center;
	}
	.restaurant-info-inline {
		width: 100%;
		padding: 0px 40px 25px;
	}
	.restaurant-info-inline-1 {
	    width: 100%;
	}
	.restaurant-info-inline-iframe {
        height: 60vh;
        margin-bottom: 50px;
	}

	.whatsapp-icon-layer1 {
		right: 10px;
	}

	.tnc-footer-dot.tnc-footer-dot-1 {
		position: relative;
		display: block;
	    opacity: 0;
	    visibility: hidden;
	}

	.nav-ScrollTop-layer1 {
    	right: 17px;
	}

	.logo.cnyclose {
		display: none !important;
	}
}

@media screen and (max-width: 767px) {
	:root {
	    --global--fontsize1: 13px;
	    --global--fontsize2: 14px;
	    --global--fontsize3: 24px;
    	--global--fontsize4: 16px;
	    --global--fontsize5: 22px;
    	--global--fontsize6: 15px;
	}
	.logo {
		max-width: 90px;
	}
	.logo-footer {
		max-width: 200px;
	}
	.nav-top-logo {
		max-width: 110px;
	}
	.nav-top-menu {
	    font-size: 20px;
	}
	.landing-nav-inline.landing-nav-inline-img {
		display: none;
	}
	.tnc-footer-layer2 {
		font-size: 9px;
	}
	.nav-home-inline {
		display: none;
	}
	.customerslider-arrow-prev-layer2 {
		font-size: 30px;
		left: 10px;
	}
	.customerslider-arrow-next-layer2 {
		font-size: 30px;
		right: 10px;
	}

	.home-about-inline-img {
		width: 100%;
	}
	.home-about-inline-leaf {
	    max-height: 450px;
	}
	.home-events-content-img {
		width: 150%;
    	margin-left: -25%;
	}
	.home-events-img-text-layer1 {
	    right: 16.5%;
	}
	.home-events-img-arrow-left {
	    font-size: 30px;
	    left: 18%;
	}
	.home-events-img-arrow-right {
	    font-size: 30px;
	    right: 18%;
	}
	.home-catering-form-close-layer1 {
	    width: 40px;
	    height: 40px;
	}
	.home-catering-form-close-layer1 > div {
		width: 30px;
	}
	.form.halfwidth.halfwidth-left {
	    padding-right: 0px;
	}
	.form.halfwidth.halfwidth-right {
	    padding-left: 0px;
	}
	.form.halfwidth {
		width: 100%;
	}

	/*Catering Gallery*/
	.catering-gallery-Fancy .fancybox-next span, 
	.catering-gallery-Fancy .fancybox-prev span {
		font-size: 30px;
	}
	.catering-gallery-Fancy .fancybox-prev span {
	    left: 5px;
	}
	.catering-gallery-Fancy .fancybox-next span {
	    right: 5px;
	}
	/*End Catering Gallery*/
}

@media screen and (max-width: 599px) {
	:root {
	    --global--fontsize3: 22px;
    	--global--fontsize4: 15px;
	    --global--fontsize5: 20px;
    	--global--fontsize6: 15px;
	}
	.web-599 {
	    display: none;
	}
	.mobile-599 {
	    display: block;
	}
	.logo {
		max-width: 90px;
	}
	.nav-home-inline.halal-logo {
		display: inline-block;
	}
	.landing-nav-layer1 {
		top: 25px;
	}
	.landing-nav-layer2 {
		text-align: right;
	}
	.landing-nav-inline {
		display: block;
	}
	.landing-nav-inline-1 {
		border-bottom: 1px dotted #000;
	    padding-bottom: 5px;
    	margin-bottom: 5px;
	}
	.landing-nav-inline.halal-logo {
	    margin-left: auto;
	    margin-top: 13px;
	}

	.section-2,
	.restaurant-info-content-1 {
		min-height: auto;
	}
	.restaurant-info-content-1 {
		display: block;
	}
	.restaurant-info-content-2 {
		display: block;
	}
	.social-footer-inline {
    	margin: 10px 15px;
	}
	
	.home-about-inline-leaf {
	    max-height: 350px;
	}
	.enews-form-submit {
		position: relative;
    	margin-bottom: 20px;
	}
	.home-enews-form .formline-last {
		margin-bottom: 15px;
	}
	.home-enews-form .formline-last input[type="text"] {
	    padding: 14px 30px;
	}
	.enews-form-submit button {
		width: 100%;
	}
}

@media screen and (max-width: 499px) {
	.logo {
		max-width: 80px;
	}
	.reservation-text-layer {
	    max-width: 140px;
	    text-align: right;
	}
	.tnc-footer-layer2 {
    	padding: 0px 40px;
	}
	.tnc-footer-dot.tnc-footer-dot-3 {
		position: relative;
		display: block;
	    opacity: 0;
	    visibility: hidden;
	}

	.hometext {
		padding: 0 40px;
	}
	.home-about-layer1 {
		padding: 150px 40px;
	}
	.home-menu-inline-3 {
	    padding: 100px 40px;
	}
	.home-promotions-inline-3 {
	    padding: 100px 40px;
	}
	.home-promotion-dinein-layer1 {
		padding: 40px;
	}
	.home-Jrewards-content-text-1 {
	    padding: 80px 40px;
	}
	.home-enews-layer1 {
    	padding: 120px 40px 100px;
	}
	.home-catering-form-layer3 {
		padding: 100px 40px;
	}
	.home-events-layer1.home-events-new-layer1 {
		padding: 80px 40px 0px;
	}
	.catering-gallery-layer1 {
    	padding: 0px 40px 150px;
	}
	.catering-single-layer2 {
    	padding: 0px 40px;
	}
    .catering-gallery-layer1 .splide__arrow--prev {
        left: -25px;
    }
    .catering-gallery-layer1 .splide__arrow--next {
        right: -25px;
    }


	.social-footer-inline-ig {
	    width: 20px;
	    height: 20px;
	}
	.social-footer-inline-fb {
	    width: 20px;
	    height: 20px;
	}
	.halal-logo {
		width: 25px;
	}
	.nav-home-inline.halal-logo {
		width: 30px;
	}
	.nav-mobile-social-icon {
		width: 32px;
		height: 32px;
	}
	.nav-mobile-social-icon.icon-halal {
	    width: 37px;
	    height: 37px;
	}
	.nav-top-menu {
	    font-size: 19px;
	    letter-spacing: 1px;
	}

}

@media screen and (max-width: 449px) {
}

@media screen and (max-width: 399px) {
	:root {
	    --global--fontsize1: 12px;
	    --global--fontsize2: 13px;
	    --global--fontsize3: 20px;
    	--global--fontsize4: 14px;
	    --global--fontsize5: 19px;
    	--global--fontsize6: 14px;
	}
	.tnc-footer-layer2 {
    	padding: 0px 30px;
	}

	.hometext {
		padding: 0 30px;
	}
	.home-about-layer1 {
		padding: 150px 30px;
	}
	.home-menu-inline-3 {
	    padding: 100px 30px;
	}
	.home-promotions-inline-3 {
	    padding: 100px 30px;
	}
	.home-promotion-dinein-layer1 {
		padding: 30px;
	}
	.home-Jrewards-content-text-1 {
	    padding: 80px 30px;
	}
	.home-enews-layer1 {
    	padding: 120px 30px 100px;
	}
	.home-events-layer1.home-events-new-layer1 {
		padding: 80px 30px 0px;
	}
	.catering-single-layer2 {
    	padding: 0px 30px;
	}
	.restaurant-info-content {
        padding: 30px 0px;
    }
    .restaurant-info-inline {
        padding: 0px 30px 25px;
    }
    .restaurant-info-inline-iframe {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 349px) {
}