@media screen and (max-width: 768px)
{
	.itemRow {
		font-size: .8em;
		margin-bottom: 2em;
	}
	.itemRowContent {
		padding: 15px 15px;
	}
	.itemGalleryRow {
		font-size: .8em;
	}

	.cartRow {
		font-size: .8em;
	}
	.cartRowTotal {
		font-size: .8em;
	}

	.checkRow {
		font-size: .8em;
	}

	.contactRow {
		font-size: .85em;
	}

	.inputLabel {
		font-weight: bold;
		font-size: .8em;
		margin-bottom: 1em;
	}
	.viewport {
		margin-top: 100px;
	}
	.thanksInfoText {
		font-size: .8em;
		line-height: 2em;
	}
	.msgBoxStatusSuccess {
		font-size: .8em;
	}
	.CTAbtn {
		font-size: .8em;
	}
	.itemDetailsBox > div > .dLabel, .desc {
		font-size: .9em;
	}
	#canvasInfo {
		padding: 0;
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;
		border: 0;
		border-top: 1px solid #aaa;
	}
}

@media screen and (max-width: 575px)
{
	.navTitle {
	  font-size: 1em;
	  padding: 15px;
	}

	.navButtonBox {
		height: 40px;
	}
	.navBtn {
		min-height: 39px;
	}

	.itemRow {
		margin: 2em 5px;
	}
	.itemBox {
		height: 170px;
		margin: 1em;
	}
	.itemGalleryRow > .title {
		font-size: 1em;
		font-weight: bold;
		height: 40px;
	}
	.itemDetailsBox > div > .price {
		font-size: 1em;
	}
	.itemGalleryRow > .subTitle {
		font-size: 1em;
	}
	.groupRow {
		margin: 0 -5px 1em -5px;
	}

	.groupListTitle {
		font-size: 0.8em;
	}

	.timeTableRow > .title {
		font-size: .8em;
	}
	.timeTableRow > .date {
		font-size: .7em;
	}

	.viewport {
		margin-top: 130px;
	}

	.inputSubmitDefault {
		width: 100%;
	}

	.seatingPriceTableRow {
		font-size: .9em;
	}

	.optionsBtn > .text {
		font-size: .8em;
		padding-left: 0 0 0 10px;
	}
}