/* =========================================================================== */
/* RETINA SCREEN ============================================================= */
/* =========================================================================== */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
}
/* =========================================================================== */
/* LARGE DESKTOP ============================================================= */
/* =========================================================================== */
@media screen and (min-width : 1300px) {
	.wrapper {
		width: calc(1300px - 100px);
	}
}
/* =========================================================================== */
/* VERY LARGE DESKTOP ======================================================== */
/* =========================================================================== */
@media screen and (min-width : 1600px) {
}
/* =========================================================================== */
/* SMALL DESKTOP ============================================================= */
/* =========================================================================== */
@media screen and (max-width : 1024px) {
	.wrappernarrow {
		width: 400px;
	}
}
/* =========================================================================== */
/* IPAD XOAY NGANG =========================================================== */
/* =========================================================================== */
@media screen and (max-height : 1024px) and (orientation: landscape) {
}
/* =========================================================================== */
/* TABLET ==================================================================== */
/* =========================================================================== */
@media screen and (max-width : 768px) {
	BODY {
		font-size: min(3vw, 4.8vh);
	}
	.wrapper {
		width: calc(100% - 100px);
	}
	ul.flavor li {
		margin-top:20px;
		margin-bottom:20px;
	}
}
/* =========================================================================== */
/* SMARTPHONE ================================================================ */
/* =========================================================================== */
@media screen and (max-height : 640px) {
	.wrapper {
		width: calc(100% - 300px);
	}
}
@media screen and (max-width : 640px) {
	.wrappernarrow {
		width: calc(100% - 100px);
	}
	.onethreecolumn INPUT[type='button'] {
		margin-left:0px;
		margin-right:0px;
		padding-left:20px;
		padding-right:20px;
		width: 100%;
	}
	.halfwidth {
		width:auto;
	}
	.halfwidth.right {
		margin-left:0;
	}
	._middle:has(.halfwidth) {
		top:30%;
	}
	ul.answerblock {
		padding-left:50px;
		padding-right:50px;
	}
	ul.answerblock li {
		float:none;
		width:auto;
		margin-left:0;
		margin-bottom:10px;
	}
	.button.small {
		width:70%;
	}
}
/* =========================================================================== */
/* MOBILE ==================================================================== */
/* =========================================================================== */
@media screen and (max-height : 480px) {
	.wrapper {
		width: calc(100% - 400px);
	}
}
@media screen and (max-width : 480px) {
	.wrapper {
		width: calc(100% - 100px);
	}
	.blockleft, .blockright {
		float:none;
		width:auto;
	}
	.foodname {
		padding-bottom:50%;
		text-align:center;
	}
	.centermobile {
		text-align:center;
	}
	a.language {
		font-size:100%;
	}
	.arrow {
		width: 20%;
	}
	.imagebottom {
		width: 20%;
	}
	.foodlist li {
		padding-left:14px;
		background-size: 10px 10px;
	}
}
/* =========================================================================== */
/* IPHONE 5 ================================================================== */
/* =========================================================================== */
@media screen and (max-width : 320px) {
}