@media screen and (max-height:900px) and (orientation:landscape) {
	.ourStoryPage .sliderTitle h2 {
		margin-bottom: 0;
	}

	.ourStoryPage .sliderImgs {
		max-width: 800px;
		padding: 0;
	}

		.ourStoryPage .sliderImgs .item {
			width: 450px;
		}

			.ourStoryPage .sliderImgs .item img {
				width: 100%;
			}

	.ourStoryPage .item.slick-slide {
		transform: scale(0.60) translate(450px) translateY(-30px);
	}

	.ourStoryPage .item.slide02.slick-slide {
		transform: scale(0.60) translate(350px) translateY(-75px);
	}

	.ourStoryPage .item.slide03.slick-slide {
		transform: scale(0.60) translate(375px) translateY(-20px);
	}

	.ourStoryPage .item.slide01.slick-slide.slick-center + .slick-slide {
		transform: scale(0.60) translate(-280px) translateY(-100px);
		z-index: 10;
	}

	.ourStoryPage .item.slide02.slick-slide.slick-center + .slick-slide {
		transform: scale(0.60) translate(-400px) translateY(0);
	}

	.ourStoryPage .item.slide03.slick-slide.slick-center + .slick-slide {
		transform: scale(0.60) translate(-400px) translateY(0);
	}

	.ourStoryPage .item.slick-slide.slick-center {
		transform: scale(1);
		z-index: 30;
	}

	.ourStoryPage .sliderContents {
		padding-top: 5px;
	}
}

@media screen and (max-height:759px) and (orientation:landscape) {
	.LOGIN footer {
		position: relative;
	}

	.CREATEACCT footer {
		position: relative;
	}

	.RESETPWD footer {
		position: absolute;
	}
}

@media screen and (max-height:660px) and (orientation:landscape) {
	header {
		position: relative;
	}

		header .container.BEFORESCROLL {
			display: block !important;
		}

		header .container.AFTERSCROLL {
			display: none !important;
		}

	.menuPage {
		padding-top: 45px !important;
	}

	.menuDetails {
		padding-top: 45px !important;
	}

	.cartPage {
		padding-top: 45px !important;
	}

	.loginPage {
		padding-top: 45px !important;
	}

	.createAccount {
		padding-top: 45px !important;
	}

	.termsPolicyPage {
		padding-top: 45px !important;
	}

	.checkoutPage {
		padding-top: 45px !important;
	}

	.checkoutForm {
		display: block;
		width: 100%;
	}

	.checkoutAmt.desktop {
		display: none;
	}

	.checkoutAmt.mobile {
		display: block;
	}

	.acctDetails {
		padding-top: 45px !important;
	}

	.orderHistory {
		padding-top: 45px !important;
	}

	.faqPage {
		padding-top: 45px !important;
	}

	.findUsPage {
		padding-top: 45px !important;
	}

	.homepage {
		padding-top: 0 !important;
	}

	.ourStoryPage {
		padding-top: 45px !important;
	}

		.ourStoryPage .container h1 {
			padding-top: 0;
		}

	.searchPage {
		padding-top: 45px !important;
	}

	.RESETPWD footer {
		position: relative;
	}

	#Orders::before, #AboutUs::before, #Careers::before, #GetInTouch::before, #Preorders::before {
		content: '';
		display: block;
		height: 0;
		margin-top: 0;
		visibility: hidden;
	}

	#Product::before {
		content: '';
		display: block;
		height: 0;
		margin-top: 0;
		visibility: hidden;
	}
	/**Loyalty Program**/
	.loyaltyProgram {
		padding-top: 45px !important;
	}
	/**Promotions**/
	.promoPage {
		padding-top: 45px !important;
	}
}

@media screen and (max-height:600px) {
	.PAYMENT footer {
		position: relative;
	}
}

@media screen and (max-width:1369px) {
	header .container .mainMenu ul li {
		padding: 0 12.5px;
	}

	header .container .mainMenu .orderCart {
		left: 300px;
	}

	.homepage .instagramSlider .item .image {
		height: 25vw;
	}

		.homepage .instagramSlider .item .image img {
			width: 100%;
			height: 30vw;
		}
}

@media screen and (max-width:1299px) {
	header .container .mainMenu ul li {
		padding: 0 11.5px;
	}

	header .container .mainMenu .orderCart {
		left: 285px;
	}

	.homepage .instagramSlider .contents {
		background: url("../images/home/instagram-bg.png")top center no-repeat;
		background-size: 200%;
	}
}

@media screen and (max-width:1269px) {
	header .container {
		height: 40px;
	}

		header .container .companyLogo {
			width: 120px;
		}

		header .container .mainMenu {
			width: calc(50% - 83px);
		}

	.general-slider .item {
		opacity: 1.0;
	}

		.general-slider .item.slick-active {
			opacity: 0.5;
		}

	.slick-active + .slick-active ~ .slick-slide {
		opacity: 0.5;
	}

	.homepage .instagramSlider .item .image {
		height: 25vw;
	}

		.homepage .instagramSlider .item .image img {
			width: 100%;
			height: 25vw;
		}
}

@media screen and (max-width:1259px) {
	.homepage .bannerPromo .container {
		width: calc(100% - 40px);
	}

	.homepage .bannerPromo .sliderBanner {
		display: block;
		width: 100%;
		margin-bottom: 25px;
	}

	.homepage .bannerPromo .promotions {
		display: block;
		width: 100%;
		margin-left: 0;
		font-size: 0;
		text-align: center
	}

	.bannerPromo .promotions .socialMedia {
		display: block;
		vertical-align: middle;
		width: 100%;
		margin-bottom: 25px;
		margin-right: 0;
	}

	.bannerPromo .promotions .latestPromo {
		display: inline-block;
		vertical-align: middle;
		width: 200px;
		margin-bottom: 0;
		margin-right: 10px;
	}

	.bannerPromo .promotions .packages {
		display: inline-block;
		vertical-align: middle;
		width: 200px;
		margin-bottom: 0;
		margin-left: 10px;
	}
}

@media screen and (max-width:1219px) {
	header .container.BEFORESCROLL {
		display: block !important;
	}

	header .container.AFTERSCROLL {
		display: none !important;
	}

	header {
		-webkit-box-shadow: 0px 5px 10px 0px rgba(119,119,119,0.3);
		-moz-box-shadow: 0px 5px 10px 0px rgba(119,119,119,0.3);
		box-shadow: 0px 5px 10px 0px rgba(119,119,119,0.3);
	}

		header .container {
			width: calc(100% - 60px);
			padding: 10px 30px;
			margin-top: 0;
			height: auto;
			font-size: 0;
		}

			header .container .companyLogo {
				position: relative;
				width: 100px;
				top: 0;
				left: 0;
				right: 0;
				margin: 0;
				display: inline-block;
				vertical-align: middle;
			}

	.mainMenu {
		display: none;
	}

	.mobileMenu {
		display: inline-block;
	}

	.menuPage {
		padding-top: 155px;
	}

		.menuPage .container {
			width: calc(100% - 40px);
		}

	.foodMenu li {
		width: calc(25% - 30px);
	}

	.menuDetails {
		padding-top: 155px;
	}

		.menuDetails .container {
			width: calc(100% - 40px);
		}

			.menuDetails .container .productImg {
				margin-right: 50px;
			}

			.menuDetails .container .productDetails {
				width: calc(100% - 432px);
			}

	.popupCart {
		top: 130px;
	}

	.cartPage {
		padding-top: 155px;
	}

		.cartPage .container {
			width: calc(100% - 40px);
		}

	.loginPage {
		padding-top: 155px;
	}

		.loginPage .container {
			width: calc(100% - 40px);
		}

	.createAccount {
		padding-top: 155px;
	}

		.createAccount .container {
			width: calc(100% - 40px);
		}

	.termsPolicyPage {
		padding-top: 155px;
	}

		.termsPolicyPage .container {
			width: calc(100% - 40px);
		}

	.checkoutPage {
		padding-top: 155px
	}

		.checkoutPage .container {
			width: calc(100% - 40px);
		}

	.acctDetails {
		padding-top: 155px
	}

		.acctDetails .container {
			width: calc(100% - 40px);
		}

	.orderHistory {
		padding-top: 155px
	}

		.orderHistory .container {
			width: calc(100% - 40px);
		}

	.faqPage {
		padding-top: 155px
	}

		.faqPage .container {
			width: calc(100% - 40px);
		}

	.findUsPage {
		padding-top: 155px;
	}

		.findUsPage .container {
			width: calc(100% - 40px);
		}

	.checkoutAmt.AFTERSCROLL {
		margin-top: 0;
	}

	.faqPage .topBg {
		width: 500px;
	}

	.faqPage .bottomBg {
		width: 500px;
	}

	.homepage {
		padding-top: 155px
	}

		.homepage .aboutUs .contents {
			width: 100%;
		}

		.homepage .findUs .contents {
			width: calc(100% - 40px);
		}

	.ourStoryPage {
		padding-top: 155px;
	}

		.ourStoryPage .container {
			width: calc(100% - 40px);
		}

	.searchPage {
		padding-top: 155px;
	}

		.searchPage .container {
			width: calc(100% - 40px);
		}

	.loginPage .container .loginForm form {
		width: 100%;
		float: none;
	}

	.homepage .findUs {
		background: none;
	}

	.homepage .aboutUs {
		position: relative;
		z-index: 1;
	}

	.homepage .findUs:before {
		content: "";
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
		background: url(../images/findus/mainBg-img.png) no-repeat left top;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.homepage .findUs .triangleBg {
		display: none;
	}

	.findUsPage:before {
		content: "";
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
		background: url(../images/findus/mainBg-img.png) no-repeat left top;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.findUsPage .triangleBg {
		display: none;
	}

	/**Loyalty Program**/
	.loyaltyProgram {
		padding-top: 155px
	}

		.loyaltyProgram .container {
			width: calc(100% - 40px);
		}
	/**Promotions**/
	.promoPage {
		padding-top: 155px
	}

		.promoPage .container {
			width: calc(100% - 40px);
		}

		.promoPage .topBg {
			width: 500px;
		}

		.promoPage .bottomBg {
			width: 500px;
		}
}

@media screen and (max-width:1099px) {
	.aboutUs .contents .col3 .col {
		width: calc(33.3333% - 50px);
		margin: 25px;
	}
	/*.findUs .contents{padding-bottom:25px !important;}*/
	.findUs .contents ul {
		margin-bottom: 0;
	}

	.homepage .instagramSlider .slick-list {
		padding: 0 5% 0 5% !important;
	}

	.ourStoryPage .topBg {
		width: 500px;
	}

	.ourStoryPage .bottomBg {
		width: 500px;
	}

	/**Promotions**/
	.promoPage .container .promoCol li {
		width: calc(33.3333% - 25px);
	}
}

@media screen and (max-width:1055px) {
	.findUs .contents ul li .contents h2, .findUsPage .container ul li .contents h2 {
		font-size: 28px;
		line-height: 32px;
	}
}

@media screen and (max-width:1023px) {
	.checkoutForm {
		display: block;
		width: 100%;
	}

	.checkoutAmt.desktop {
		display: none;
	}

	.checkoutAmt.mobile {
		display: block;
	}

	.acctDetails .container .col2 {
		display: block;
		width: 100%;
		margin-right: 0;
	}

		.acctDetails .container .col2.last {
			margin-left: 0;
		}

	.menuDetails .addToCart span .submitBtn {
		width: 100%;
	}

	.findUsPage .container {
		padding-bottom: 25px !important;
	}

		.findUsPage .container ul {
			margin-bottom: 0;
		}
}

@media screen and (max-width:1019px) {
	.general-slider .item {
		opacity: 0.5;
	}

		.general-slider .item.slick-active {
			opacity: 1;
		}

	.homepage {
		padding-top: 113px;
	}

		.homepage .bannerPromo .sliderBanner .leftBannerMenu {
			display: none;
		}

		.homepage .bannerPromo .sliderBanner .bottomBannerMenu {
			display: block;
		}

		.homepage .bannerPromo .sliderBanner .rgtBanner {
			display: block;
			width: 100%;
		}

		.homepage .bannerPromo .container {
			width: 100%;
		}

		.homepage .bannerPromo .sliderBanner .rgtBanner { /*width:calc(100% - 40px);*/
			width: 100%;
			margin: 0 auto;
		}

		.homepage .bannerPromo .promotions {
			width: calc(100% - 40px);
			margin: 0 auto;
		}
}

@media screen and (max-width:999px) {
	.foodMenu li {
		width: calc(33.3333% - 30px);
	}

	.menuDetails .container .productImg {
		width: 250px;
		margin-right: 50px;
	}

	.menuDetails .container .productDetails {
		width: calc(100% - 302px);
	}

	.aboutUs .contents .col3 .col {
		width: calc(50% - 100px);
		margin: 25px 50px;
	}

	.paymentType .col4 img {
		height: 30px;
	}
}

@media screen and (max-width:899px) {
	.cartPage {
		margin: 0 auto;
	}

		.cartPage .container {
			min-height: auto;
		}

	.cartList ul li {
		text-align: right;
	}

		.cartList ul li .name {
			;
			width: calc(100% - 132px);
		}

		.cartList ul li .qty {
			display: inline-block;
			width: 110px;
			margin: 0 0 15px 0;
		}

		.cartList ul li .price {
			display: block;
			width: 100%;
			margin: 0 0 15px 0;
			text-align: right;
		}

		.cartList ul li .action {
			display: block;
			width: 100%;
			margin: 0;
		}

	.cartPage .container .deliveryDetail {
		display: block;
		vertical-align: top;
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #eeeeee;
		padding: 0 0 15px 0;
		margin: 15px 0;
	}

	.cartPage .container .grandTotal {
		display: block;
		width: 270px;
		padding-left: 0;
		float: right;
	}

		.cartPage .container .grandTotal .totalAmount {
			position: relative;
		}

	.loginPage .container {
		padding-bottom: 30px;
	}

		.loginPage .container .loginForm {
			display: block;
			width: 100%;
			padding-right: 0;
			border-right: none;
			border-bottom: 1px solid #eeeeee;
			padding-bottom: 20px;
		}

		.loginPage .container .otherOption {
			display: block;
			width: 100%;
			padding-left: 0;
			padding-top: 20px;
		}

	.LOGIN footer {
		position: relative;
	}

	.CREATEACCT footer {
		position: relative;
	}

	.createAccount .container {
		padding-bottom: 30px;
	}

	.responsiveTable {
		border-radius: 0;
	}

		.responsiveTable table {
			margin: 0;
			border-collapse: collapse;
			overflow: auto;
			border: 0;
		}

			.responsiveTable table thead {
				display: none;
			}

			.responsiveTable table tr {
				display: table;
				width: calc(100% - 2px);
				margin-bottom: 20px;
				background: #ffffff;
				border: 1px solid #f1f1f1;
			}

				.responsiveTable table tr td {
					display: table-row;
					width: 100%;
					vertical-align: middle;
					background: #ffffff;
					border-bottom: 1px solid #f1f1f1;
				}

				.responsiveTable table tr:nth-of-type(even) td {
					border-bottom: 1px solid #ffffff;
				}

				.responsiveTable table tr td::before {
					content: attr(data-label);
					display: table-cell;
					font-weight: 600;
					color: #015351;
					background: #fcc600;
					width: 50%;
					padding: 10px;
					vertical-align: middle;
					text-align: center !important;
				}

				.responsiveTable table tr td span {
					display: table-cell;
					width: 50%;
					padding: 10px;
					vertical-align: middle;
				}

				.responsiveTable table tr:nth-of-type(odd) td span {
					background: #ffffff;
				}

				.responsiveTable table tr:nth-of-type(even) td span {
					background: #f1f1f1;
				}

			.responsiveTable table tbody tr td.center {
				text-align: left;
			}

			.responsiveTable table tr td span span {
				display: inline-block;
				width: auto;
				padding: 0 2.5px;
			}

			.responsiveTable table tr.noRecord {
				border: none;
			}

				.responsiveTable table tr.noRecord td::before {
					display: none;
				}

	.faqPage .topBg {
		width: 400px;
	}

	.faqPage .bottomBg {
		width: 400px;
	}

	.aboutUs .contents .col3 .col {
		width: calc(50% - 50px);
		margin: 25px;
	}

	.searchPage .container {
		min-height: auto;
	}

	/**Loyalty Program**/
	.loyaltyProgram .container .rewards .detail .left {
		display: block;
		width: 100%;
		border-bottom: 1px solid #fbc40d;
		border-right: 0;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.loyaltyProgram .container .rewards .detail .right {
		display: block;
		width: 100%;
	}

	/**Promotions**/
	.promoPage .container .promoCol li {
		width: calc(50% - 25px);
	}

	.promoPage .topBg {
		width: 400px;
	}

	.promoPage .bottomBg {
		width: 400px;
	}
}

@media screen and (max-width:759px) {
	footer .container .copyright {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}

	footer .container .nav {
		display: block;
		width: 100%;
		text-align: center;
	}
	/*.backTopBtn{display:none;}*/
	.foodMenu li {
		width: calc(50% - 30px);
	}

	.menuDetails .container .productImg {
		display: block;
		width: 100%;
		max-width: 380px;
		margin-right: 0;
		margin-bottom: 25px;
	}

	.menuDetails .container .productDetails {
		display: block;
		width: 100%;
	}

	.menuDetails .addToCart span {
		display: block;
		width: 100%;
	}

	.menuDetails .addToCart .qty {
		width: 110px;
		margin: 0 auto 25px auto;
	}

	.checkoutPage .container {
		padding-bottom: 0;
	}

	.deliveryAddress ul li .radioSelect {
		display: inline-block;
		vertical-align: top;
	}

	.deliveryAddress ul li .detail {
		width: calc(100% - 50px);
		margin-right: 0;
	}

	.deliveryAddress ul li .address {
		display: block;
		width: calc(100% - 50px);
		margin: 10px 0 10px 50px;
	}

	.deliveryAddress ul li .action {
		display: block;
		width: calc(100% - 50px);
		margin-left: 50px;
	}

	.faqPage .container .leftMenu {
		display: none;
	}

	.faqPage .container .rgtResult {
		width: calc(100% - 14px);
	}

		.faqPage .container .rgtResult .contents .accordion .accordHeader {
			background: url("../images/common/menu-dd-icon-green.png")no-repeat 95% center;
		}

			.faqPage .container .rgtResult .contents .accordion .accordHeader.active {
				background: url("../images/common/menu-dd-icon-pink.png")no-repeat 95% center;
			}

	.sliderBanner .rgtBanner .bannerImg .bannerText {
		top: 25px;
		left: 25px;
		right: 0;
		margin: 0 auto;
		width: calc(100% - 50px);
	}

		.sliderBanner .rgtBanner .bannerImg .bannerText h1 {
			font-size: 42px;
			line-height: 46px;
			margin-bottom: 15px;
		}

		.sliderBanner .rgtBanner .bannerImg .bannerText p {
			font-size: 14px;
			line-height: 18px;
		}

	.ourStoryPage .topBg {
		width: 450px;
	}

	.ourStoryPage .bottomBg {
		width: 450px;
	}

	.paymentType .col4 img {
		height: 30px;
	}

	.paymentType .col4 {
		width: calc(50% - 12px);
		margin: 5px 10px 5px 0;
	}
}

@media screen and (max-width:699px) {
	.homepage .instagramSlider .item .image {
		width: 350px;
		height: 350px;
	}

		.homepage .instagramSlider .item .image img {
			width: 100%;
			height: 350px;
		}

	.homepage .instagramSlider .slick-list {
		padding: 0 20% 0 20% !important;
	}

	.aboutUs .contents .animaHeader {
		padding-left: 0;
	}

	.homepage .instagramSlider .contents {
		background: url("../images/home/instagram-bg.png")top center no-repeat;
		background-size: 1800px;
	}
}

@media screen and (max-width:659px) {
	.addressBook ul li .radioSelect {
		display: inline-block;
		vertical-align: top;
	}

	.addressBook ul li .detail {
		width: calc(100% - 50px);
		margin-right: 0;
	}

	.addressBook ul li .address {
		display: block;
		width: calc(100% - 50px);
		margin: 10px 0 10px 50px;
	}

	.addressBook ul li .action {
		display: block;
		width: calc(100% - 50px);
		margin-left: 50px;
	}

	.aboutUs .contents .col3 .col {
		display: block;
		width: calc(100% - 50px);
		margin: 25px 25px 0 25px;
		text-align: center;
	}

		.aboutUs .contents .col3 .col p {
			display: none;
		}

	.ourStoryPage .sliderTitle h2 span {
		display: block;
	}
}

@media screen and (max-width:629px) {
	.ourStoryPage .sliderImgs {
		width: 100%;
	}

		.ourStoryPage .sliderImgs .item {
			width: 400px;
		}

			.ourStoryPage .sliderImgs .item img {
				width: 100%;
			}

	.ourStoryPage .sliderContents {
		padding-top: 25px;
	}

		.ourStoryPage .sliderContents p {
			text-align: center;
		}
}

@media screen and (max-width:599px) {
	.cartPage .container .deliveryDetail .fieldName {
		display: block;
		width: 100%;
		margin: 0 0 10px 0;
	}

	.cartPage .container .deliveryDetail .field {
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}

	.cartPage .container .deliveryDetail.staticInfo .fieldName {
		display: inline-block;
		vertical-align: top;
		width: 170px;
		font-size: 14px;
		line-height: 18px;
		font-weight: 700;
	}

	.cartPage .container .deliveryDetail.staticInfo .field {
		display: inline-block;
		vertical-align: middle;
		width: calc(100% - 170px);
		margin-bottom: 10px;
	}

	.cartPage .container .grandTotal {
		width: 100%;
		float: none;
	}

		.cartPage .container .grandTotal .totalAmount {
			width: 100%;
		}

	.loginForm .fieldName {
		display: block;
		width: 100%;
		margin: 0 0 10px 0;
	}

	.loginForm .field {
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}

	.createAccount .fieldName {
		display: block;
		width: 100%;
		margin: 0 0 10px 0;
	}

	.createAccount .field {
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}

	.checkoutForm .fieldName {
		display: block;
		width: 100%;
		margin: 0 0 10px 0;
	}

	.checkoutForm .field {
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}

	.checkoutForm .fieldName.noMargin {
		display: inline-block;
		vertical-align: top;
		width: 170px;
		fmargin: 0;
	}

	.checkoutForm .field.rgt {
		display: inline-block;
		vertical-align: middle;
		width: calc(100% - 170px);
		margin-bottom: 10px;
	}

	.promoCode {
		position: relative;
	}

		.promoCode .field {
			margin-bottom: 10px;
		}

		.promoCode .btn {
			display: block;
			width: 96px;
			margin-left: 0;
			margin-bottom: 0;
			position: absolute;
			top: 28px;
			right: 0;
		}

		.promoCode .field input[type=text] {
			padding-right: 90px;
		}

		.promoCode .btn .submitBtn {
			border-bottom-left-radius: 0;
			border-top-left-radius: 0;
			background: #fcc600;
		}

	.acctDetails .container .fieldName {
		display: block;
		width: 100%;
		margin: 0 0 10px 0;
	}

	.acctDetails .container .field {
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}

	.modal-body .fieldName {
		display: block;
		margin: 0 0 10px 0;
	}

	.modal-body .field {
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}

	.homepage .instagramSlider .item .image {
		width: 100%;
		height: 250px;
	}

		.homepage .instagramSlider .item .image img {
			width: 100%;
			height: 250px;
		}

	.homepage .instagramSlider .slick-list {
		padding: 0 10% 0 10% !important;
	}

	.sliderBanner .rgtBanner {
		background: #fcc600;
	}

		.sliderBanner .rgtBanner .bannerImg {
			background: none;
		}

			.sliderBanner .rgtBanner .bannerImg .foreBg {
				display: none;
			}

			.sliderBanner .rgtBanner .bannerImg .bannerText {
				position: relative;
				top: 0;
				left: 0;
				right: 0;
				margin: 0 auto;
				padding: 20px 20px 60px 20px;
				width: calc(100% - 40px);
				text-align: center;
			}

				.sliderBanner .rgtBanner .bannerImg .bannerText h1 {
					font-size: 26px;
					line-height: 32px;
					margin-bottom: 15px;
					color: #015351;
				}

				.sliderBanner .rgtBanner .bannerImg .bannerText p {
					font-size: 13px;
					line-height: 18px;
					color: #015351;
				}
	/**Loyalty Points**/
	.rewardPoints .field .pointField {
		width: calc(100% - 22px);
	}
}

@media screen and (max-width:499px) {
	header .container {
		width: calc(100% - 40px);
		padding: 10px 20px;
	}
	/*.foodMenu li{width:100%;margin:15px 0;}*/
	.foodMenu li {
		width: calc(50% - 20px);
		margin: 5px 10px;
	}

		.foodMenu li .addCartBtn {
			padding: 13px 0;
			width: 100px;
		}

	.popupCart .container .item .itemImg {
		width: 50px;
		margin-right: 20px;
	}

	.popupCart .container .item .itemDetail {
		width: calc(100% - 72px);
	}

	.popupCart { /*right:20px;*/
		width: 280px;
	}

	.findUsPage .container ul li .contents .openingHrs {
		padding-bottom: 45px;
	}

	.findUs .contents ul li .contents .openingHrs {
		padding-bottom: 45px;
	}

	.aboutUs .contents .abtUsHeader .headerContainer {
		padding: 50px 40px;
	}

		.aboutUs .contents .abtUsHeader .headerContainer h1 {
			font-size: 46px;
			line-height: 50px;
		}

		.aboutUs .contents .abtUsHeader .headerContainer h2 {
			font-size: 34px;
			line-height: 38px;
		}

	.bannerPromo .promotions .latestPromo {
		vertical-align: bottom;
		width: 150px;
		margin: 5px 2.5px;
	}

	.bannerPromo .promotions .packages {
		vertical-align: bottom;
		width: 150px;
		margin: 5px 2.5px;
	}

	.autoPopup .btnContainer .inner span {
		display: block;
		width: 100%;
	}

		.autoPopup .btnContainer .inner span.text {
			width: 100%;
			margin: 10px 0;
		}
	/**LATEST UPDATE**/
	.deliveryMethod .fieldName {
		display: block;
		width: 100%;
		margin: 0 0 10px 0;
	}

	.deliveryMethod .field {
		display: block;
		width: 100%;
		;
		margin: 0 0 10px 0;
	}

	.postalCode .btn {
		top: 28px;
		right: 0;
	}

	.ourStoryPage .sliderImgs .item {
		width: 280px;
	}

	.ourStoryPage .item.slick-slide {
		transform: scale(0.60) translate(300px) translateY(-30px);
	}

	.ourStoryPage .item.slide02.slick-slide {
		transform: scale(0.60) translate(200px) translateY(-75px);
	}

	.ourStoryPage .item.slide03.slick-slide {
		transform: scale(0.60) translate(250px) translateY(0);
	}

	.ourStoryPage .item.slide01.slick-slide.slick-center + .slick-slide {
		transform: scale(0.60) translate(-200px) translateY(-50px);
		z-index: 10;
	}

	.ourStoryPage .item.slide02.slick-slide.slick-center + .slick-slide {
		transform: scale(0.60) translate(-275px) translateY(0);
	}

	.ourStoryPage .item.slide03.slick-slide.slick-center + .slick-slide {
		transform: scale(0.60) translate(-275px) translateY(0);
	}

	.ourStoryPage .item.slick-slide.slick-center {
		transform: scale(1);
		z-index: 30;
	}

	/**Promotions**/
	.promoPage .container .promoCol li {
		width: calc(100% - 25px);
	}
}

@media screen and (max-width:399px) {
	.sliderBanner .bottomBannerMenu {
		width: calc(100% - 100px);
		;
		padding: 30px 50px 15px 50px;
	}
}

@media screen and (max-width:359px) {
	.ourStoryPage .item.slick-slide {
		width: 280px;
	}
}

@media all and (orientation:portrait) {
	.LOGIN footer {
		position: relative;
	}

	.CREATEACCT footer {
		position: relative;
	}

	body.LOGIN, body.CREATEACCT {
		background: #015351;
	}

	.homepage .findUs {
		background: none;
	}

	.homepage .aboutUs {
		position: relative;
		z-index: 1;
	}

	.homepage .findUs:before {
		content: "";
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
		background: url(../images/findus/mainBg-img.png) no-repeat -225px 225px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.homepage .findUs .triangleBg {
		display: none;
	}

	.findUsPage:before {
		content: "";
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
		background: url(../images/findus/mainBg-img.png) no-repeat -225px 225px;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.findUsPage .triangleBg {
		display: none;
	}
	/*
	#parallax-bg1{left:0;top:0;height:100%;}
	#parallax-bg1 img{display:block;width:100%;}
	#bg1-1{top:25%;left:0;}
	#bg1-2, #bg1-4{top:40%;left:0;}
	#bg1-3{top:60%;left:0;}
	#parallax-bg1 .mobileView{display:block;}
	#parallax-bg2{display:none;}
	#parallax-bg3{display:none;}
	*/
}

@media print {
	body {
		background: #ffffff;
	}

	header {
		position: relative;
	}

		header .promoBar {
			display: none;
		}

		header .container {
			width: 100%;
			padding: 0 !important;
			margin-top: 0 !important;
			height: auto;
		}

			header .container .companyLogo {
				position: relative;
			}

			header .container .mainMenu {
				display: none;
			}

			header .container.BEFORESCROLL {
				display: block !important;
			}

			header .container.AFTERSCROLL {
				display: none !important;
			}

	footer, button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		display: none !important;
	}

	.cartPage {
		margin: 0 auto;
		padding-top: 40px;
	}

		.cartPage .container {
			width: 100% !important;
			max-width: 100% !important;
			padding-bottom: 25px;
			min-height: auto;
		}

	.cartList ul li {
		border-bottom: 1px solid #eeeeee;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

		.cartList ul li .photo {
			border: none;
		}

			.cartList ul li .photo img {
				width: 50px;
				border: 1px solid #f7b035;
			}

		.cartList ul li .name {
			font-size: 14px;
			line-height: 18px;
		}

		.cartList ul li .qty {
			text-align: right;
		}

			.cartList ul li .qty strong {
				font-size: 14px;
				line-height: 18px;
			}

		.cartList ul li .price {
			width: 151px !important;
			margin-right: 0;
			text-align: right;
			font-size: 14px;
			line-height: 18px;
		}

	.hidePrint {
		display: none !important;
	}

	.showPrint {
		display: block !important;
	}

	.cartPage .container .grandTotal {
		display: block;
		width: 100%;
		float: none;
		padding: 0;
		margin: 0;
	}

		.cartPage .container .grandTotal .totalAmount {
			position: relative;
			width: 100%;
		}

	.cartPage .container .deliveryDetail {
		display: block;
		width: 100%;
		border-right: none;
		border-top: 1px solid #eeeeee;
		margin: 0 !important;
		padding: 10px 0 0 0 !important;
	}

		.cartPage .container .deliveryDetail h2 {
			margin-bottom: 15px;
		}

		.cartPage .container .deliveryDetail.staticInfo .fieldName {
			margin: 2.5px 0;
		}

		.cartPage .container .deliveryDetail.staticInfo .field {
			margin: 2.5px 0;
		}
}

/**CUSTOMER FEEDBACK**/
@media screen and (max-width:1269px) {
	.formFields .formCol4 {
		width: calc(50% - 20px);
	}
}

@media screen and (max-width:699px) {
	.formFields .formCol4 {
		width: calc(100% - 20px);
	}
}

@media screen and (max-height:799px) {
	.page-single .footer {
		position: relative;
	}

	.commonPage {
		padding: 60px 30px 0 30px;
	}
}