/* max width below 700px */
@media screen and (max-width: 1500px){ 
	#daylist .day {
		background-position: 5px 5px;
		background-size: 15px 15px;
	}
	#daylist .daytitle, #daylist .daydate, .daystatus LI {
		font-size: 1.2em;
		padding:0px;
		margin: 2px;
	}
	.dishgroup,  .singledish {
		border-bottom: 1px dashed #000;
	}
}
@media screen and (max-width: 1200px){ 
	#daylist .daytitle, #daylist .daydate, .daystatus LI {
		font-size: 1em;
		padding:0px;
	}
}
@media screen and (max-width: 800px){ 
	.dishgroup,  .singledish {
		border-bottom: 1px dashed #000;
		border-left: none;
	}

	.splash_instruction {
		display: none;
	}
	#daylist .day {
		padding: 0px;
	}
	#daylist .daytitle, #daylist .daydate {
		-ms-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		margin: 0px;
		padding: 0px;
		margin-top: 50px;
		width: 100px;
		margin-left: -28px;
		position: absolute;
	}
	#daylist .daydate  {
		margin-left: -8px;
		text-align: center;
		
	}
	#top .location {
		display: none !important;
	}
	#top .location, #top .weekname {
		font-size: 1.1em !important;
	}
	#top, #footer, #content, #daylistbar, #maincontent  {
		margin-left: 0px;
		
	}
	#daylist .daystatus {
		display: none;
	}
	#totop {
		right: 0px !important;
	}
	.leftmenu {
		display: none;
	}
	.dayname {
		display: none;
	}

}
@media screen and (max-width: 750px){ 
	#daylist .daydate  {
		display: none;
	}

	.ordercomponent {
		width: 100%;
		padding: 4px;
		text-align: right;
	}
	.ordercomponent label {
		text-align: left;
		display: inline-block;
		float: left;
		padding-right: 10px;
	}
	.ordercomponent input[type="text"] {
		float: left;
		margin-right: 3px;
		border: 1px solid #000;
		text-align: right;
	}
	.ordercomponent .plusmin {
		background: #777;
		color: #fff;
		height: 15px;
		margin-left: 3px;
		margin-right: 5px;
	}

}