@media screen and (max-width: 1599px) {
	:root {
	    --global--cny--fontsize1: 20px;
	    --global--cny--fontsize2: 44px;
	    --global--cny--fontsize3: 18px;
	    --global--cny--fontsize4: 24px;
	    --global--cny--fontsize5: 16px;
	}

	.buffet-box-opening-header {
		margin-bottom: -25px;
        transform: translateX(-63%);
        -webkit-transform: translateX(-63%);
	}
	.cny-goodies-box-text {
		max-width: 850px;
	}
}

@media screen and (max-width: 1399px) {
	:root {
	    --global--cny--fontsize1: 19px;
	    --global--cny--fontsize2: 42px;
	    --global--cny--fontsize3: 17px;
	    --global--cny--fontsize4: 22px;
	    --global--cny--fontsize5: 15px;
	}

    .scroll-btn {
        width: 22px;
    }
    .buffet-box-opening-header {
	    transform: translateX(-60%);
	    -webkit-transform: translateX(-60%);
    }
	.buffet-box-opening-collection-btn {
		left: 0%;
        max-width: 200px;
	}
	.festive-set-menu-layer1 {
    	padding: 100px 40px 0px;
	}
	.festive-set-menu-inline-1 {
		padding: 50px 10px 0;
	}
    .cny-goodies-box-text {
        max-width: 770px;
    }
}

@media screen and (max-width: 1199px) {
	:root {
	    --global--cny--fontsize1: 18px;
	    --global--cny--fontsize2: 38px;
	    --global--cny--fontsize3: 16px;
	    --global--cny--fontsize4: 20px;
	    --global--cny--fontsize5: 14px;
	}

    .scroll-btn {
        width: 20px;
    }
	.buffet-box-opening-header {
		margin-bottom: -22px;
	}
    .buffet-box-opening-header {
	    transform: translateX(-55%);
	    -webkit-transform: translateX(-55%);
    }
	.buffet-box-img1 {
	    width: 110%;
	    left: -5%;
	}
    .buffet-box-opening-collection-btn {
        max-width: 190px;
        left: -2.5%;
    }
    .cny-goodies-box-text {
        max-width: 700px;
    }
}

@media screen and (max-width: 1099px) {
    .buffet-box-opening-header {
        transform: translateX(-60%);
        -webkit-transform: translateX(-60%);
    }
}

@media screen and (max-width: 999px) {
	.web-1000,
	.web-1024 {
		display: none;
	}
	.mobile-1000,
	.mobile-1024 {
		display: block;
	}

    .scroll-btn {
        margin: initial;
        left: auto;
        right: 12px;
        bottom: 80px;
    }

    .slide1-btn,
    .slide2-btn,
    .slide3-btn,
    .slide4-btn {
        right: 0;
        left: 0;
        margin: auto;
        top: auto;
        bottom: 10%;
    }
    .customeslider-layer2.mothersdaybg div.mothersday-1 .slide1-btn,
    .customeslider-layer2.fathersdaybg div.fatherday-1 .slide1-btn,
    .customeslider-layer2.dumplingbg div.dumpling-1 .slide1-btn {
        right: 0;
        left: 0;
        margin: auto;
        top: auto;
        bottom: 10%;
    }

    .cnybg div.cnyslide-1 {
        background-image: url(../image/cny-2025/home-cny-bg-moile-img1-1.jpg);
        background-position: 50% 75%;
    }
    .customeslider-layer2.cnybg div.cnyslide-1.activeslide p:nth-child(1) {
        background-image: url(../image/cny-2025/home-cny-bg-moile-img1-2.png);
        background-position: 50% 75%;
    }
    .customeslider-layer2.cnybg div.cnyslide-1.activeslide p:nth-child(2) {
        background-image: url(../image/cny-2025/home-cny-bg-moile-img1-3.png);
        background-position: 50% 75%;
    }

    .cnybg div.cnyslide-2 {
        background-image: url(../image/cny-2025/home-cny-bg-moile-img2-1.jpg);
        background-position: 50% 75%;
    }
    .customeslider-layer2.cnybg div.cnyslide-2.activeslide p:nth-child(1) {
        background-image: url(../image/cny-2025/home-cny-bg-moile-img2-2.png);
        background-position: 50% 75%;
        animation-name: slideBottomLoop;
        -webkit-animation-name: slideBottomLoop;
    }
    .customeslider-layer2.cnybg div.cnyslide-2.activeslide p:nth-child(2) {
        background-image: url(../image/cny-2025/home-cny-bg-moile-img2-3.png);
        background-position: 50% 75%;
        animation-name: slideBottomLoop;
        -webkit-animation-name: slideBottomLoop;
    }

    .cnybg div.cnyslide-3 {
        background-image: url(../image/cny-2025/home-cny-bg-moile-img3-1.jpg);
        background-position: 50% 75%;
    }
    .customeslider-layer2.cnybg div.cnyslide-3.activeslide p:nth-child(1) {
        background-image: url(../image/cny-2025/home-cny-bg-moile-img3-2.png);
        background-position: 50% 75%;
        animation-name: slideBottomLoop;
        -webkit-animation-name: slideBottomLoop;
    }

    .cnybg div.cnyslide-4 {
        background-image: url(../image/cny-2025/home-cny-bg-moile-img4-1.jpg);
        background-position: 50% 60%;
    }
    .customeslider-layer2.cnybg div.cnyslide-4.activeslide p:nth-child(1) {
        background-image: url(../image/cny-2025/home-cny-bg-moile-img4-2.png);
        background-position: 50% 60%;
        animation-name: slideBottomLoop;
        -webkit-animation-name: slideBottomLoop;
    }

    .customeslider-layer2.cnybg div.cnyslide-1.activeslide .slide1-btn,
    .customeslider-layer2.cnybg div.cnyslide-2.activeslide .slide2-btn,
    .customeslider-layer2.cnybg div.cnyslide-3.activeslide .slide3-btn,
    .customeslider-layer2.cnybg div.cnyslide-4.activeslide .slide4-btn {
        animation-name: slideBottomLoop;
        -webkit-animation-name: slideBottomLoop;
    }

    .mothersdaybg div.mothersday-1 {
        background-image: url(../image/motherdays-2025/home-mothersday-bg-mobiie-img1-1.jpg);
        background-position: 50% 50%;
    }
    .customeslider-layer2.mothersdaybg div.mothersday-1 p:nth-child(1) {
        background-image: url(../image/motherdays-2025/home-mothersday-bg-mobiie-img1-2.png);
        background-position: 50% 50%;
        animation-name: slideBottomOnlyOne;
        -webkit-animation-name: slideBottomOnlyOne; 
    }
    .customeslider-layer2.mothersdaybg div.mothersday-1 p:nth-child(2) {
        background-image: url(../image/motherdays-2025/home-mothersday-bg-mobiie-img1-3.png);
        background-position: 50% 50%;
        animation-name: slideBottomOnlyOne;
        -webkit-animation-name: slideBottomOnlyOne; 
    }

    .fathersdaybg div.fatherday-1 {
        background-image: url(../image/fatherdays-2025/home-fathersday-bg-mobiie-img1-1.jpg);
        background-position: 50% 50%;
    }
    .customeslider-layer2.fathersdaybg div.fatherday-1 p:nth-child(1) {
        background-image: url(../image/fatherdays-2025/home-fathersday-bg-mobiie-img1-2.png);
        background-position: 50% 50%;
        animation-name: slideBottomOnlyOne;
        -webkit-animation-name: slideBottomOnlyOne; 
    }
    .customeslider-layer2.fathersdaybg div.fatherday-1 p:nth-child(2) {
        background-image: url(../image/fatherdays-2025/home-fathersday-bg-mobiie-img1-3.png);
        background-position: 50% 50%;
        animation-name: slideBottomOnlyOne;
        -webkit-animation-name: slideBottomOnlyOne; 
    }

    .dumplingbg div.dumpling-1 {
        background-image: url(../image/dumpling-2025/home-dumpling-bg-mobiie-img1-1.jpg);
        background-position: 50% 50%;
    }
    .customeslider-layer2.dumplingbg div.dumpling-1 p:nth-child(1) {
        background-image: url(../image/dumpling-2025/home-dumpling-bg-mobiie-img1-2.png);
        background-position: 50% 50%;
        animation-name: slideBottomOnlyOne;
        -webkit-animation-name: slideBottomOnlyOne; 
    }
    .customeslider-layer2.dumplingbg div.dumpling-1 p:nth-child(2) {
        background-image: url(../image/dumpling-2025/home-dumpling-bg-mobiie-img1-3.png);
        background-position: 50% 50%;
        animation-name: slideBottomOnlyOne;
        -webkit-animation-name: slideBottomOnlyOne; 
    }

    .buffet-box-img1 {
        width: 130%;
        left: -12%;
    }
    .buffet-box-img2 {
	    left: 7%;
	}
	.buffet-box-opening-layer1 {
		background: var(--global--cny--color2);
		padding: 0px 0px 150px;
	}
	.buffet-box-opening-bg {
		display: none;
	}
    .buffet-box-opening-collection-btn {
    	left: auto;
        right: 5%;
        max-width: 170px;
        bottom: 25%;
    }
	.buffet-box-opening-layer2 {
		width: auto;
		left: 0;
		text-align: center;
		margin: -80px auto 0;
		padding: 0 50px;
	}
    .buffet-box-opening-layer2-padding {
        padding: 0;
    }
	.buffet-box-opening-padding {
	    padding-bottom: 70px;
	}
	.buffet-box-opening-header {
        transform: translateX(0%);
        -webkit-transform: translateX(0%);
        margin: 0 auto 20px;
    }
    .buffet-box-content {
    	text-align: center;
    	padding: 0 50px;
    }
    .buffet-inline {
    	width: 100%;
    }
    .buffet-inline-right {
    	display: none;
    }
    .buffet-inline-left .buffet-inline-1 {
	    padding-right: 0px;
	}
    .buffet-box-button {
    	position: relative;
        bottom: auto;
        margin-top: 70px;
    }
    .buffet-box-button .new-btn-layer1 {
    	margin: auto;
    }
    .scroll-btn.scroll-btn-buffet-box-opening {
        left: 0;
        right: 0;
        margin: auto;
        bottom: 30px;
    }

    .festive-set-menu-layer1 {
        padding: 100px 50px 0px;
    }
    .festive-set-menu-inline {
    	width: 100%;
    }
    .festive-set-menu-inline-1 {
        padding: 50px 0px 0;
    }

    .cny-goodies-box {
    	padding: 50px 0px 150px;
    }
    .cny-goodies-box-text {
        padding: 0px 50px;
    }

    .a-la-carte-box-img {
        margin-right: -3%;
    }
}

@media screen and (max-width: 767px) {
	:root {
	    --global--cny--fontsize1: 16px;
	    --global--cny--fontsize2: 34px;
	    --global--cny--fontsize3: 15px;
	    --global--cny--fontsize4: 18px;
	    --global--cny--fontsize5: 13px;
	}
	.new-btn-text {
		font-size: 14px;
	}

	.web-768 {
		display: none;
	}
	.mobile-768 {
		display: block;
	}

    .slide1-btn {
        bottom: 6%;
    }

    .buffet-box-opening-collection-btn {
        max-width: 160px;
    }
    .buffet-box-opening-bg-img {
    	position: relative;
	    width: 120%;
    	left: -10%;
    }

    .buffet-box-img1 {
        width: 150%;
        left: -22%;
    }
    .buffet-box-img2 {
        left: 12%;
    }
}

@media screen and (max-width: 599px) {
	.buffet-box-opening-bg-img {
        width: 130%;
        left: -15%;
    }
    .buffet-box-opening-collection-btn {
        max-width: 145px;
    }
    .buffet-box-opening-layer2 {
        margin: -60px auto 0;
        padding: 0 40px;
    }
    .buffet-box-img1 {
        width: 180%;
        left: -35%;
    }
    .buffet-box-img2 {
        left: 14%;
    }
    .buffet-box-content {
        padding: 0 40px;
    }
    .festive-set-menu-layer1 {
        padding: 100px 40px 0px;
    }
    .festive-set-menu-box {
	    padding: 30px 10px;
	}
    .festive-set-menu-img-search {
    	width: 25px;
    }
    .cny-goodies-box-text {
        padding: 0px 40px;
    }
    .festive-set-menu-img-promo {
        width: 70px;
        left: -25px;
        top: -25px;
    }
}

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

@media screen and (max-width: 499px) {
	:root {
	    --global--cny--fontsize1: 15px;
	    --global--cny--fontsize2: 28px;
	    --global--cny--fontsize3: 14px;
	    --global--cny--fontsize4: 16px;
	    --global--cny--fontsize5: 12px;
	}
	.new-btn-text {
        font-size: 13px;
	}
    .new-btn-text-twoline .padding-bottom-5 {
        padding-bottom: 2px;
    }
    .new-btn-text.new-btn-text-twoline {
        padding: 10px 12px;
        line-height: 0.9;
    }
    .buffet-box-opening-collection-btn {
        max-width: 125px;
    }
    .buffet-box-opening-layer2 {
        padding: 0 30px;
    }
    .buffet-box-content {
        padding: 0 30px;
    }
    .festive-set-menu-layer1 {
        padding: 100px 30px 0px;
    }
    .festive-set-menu-img-search {
    	width: 22px;
    }
    .cny-goodies-box-text {
        padding: 0px 30px;
    }
}

@media screen and (max-width: 399px) {
	:root {
	    --global--cny--fontsize1: 14px;
	    --global--cny--fontsize2: 26px;
	    --global--cny--fontsize3: 13px;
	    --global--cny--fontsize4: 15px;
	    --global--cny--fontsize5: 12px;
	}
}

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




