@media only screen and (max-width: 900px) {
	.appWrapper{width:94%;padding:3%;}
	.ui-dialog{width:90% !important;}
	header > nav{margin:0px;margin-top:20px;}
	.formItem{margin-bottom:0px;}
	.wrapper{margin-top:20px;}
	.showResponsive{display:block;}
	#dashboard > li{clear:both;margin:0 0 20px 0;width:98%;}
	.formItemHighlight{padding:10px;}
}

@media only screen and (max-width: 700px) {
	
	h1{margin:0px;font-size:1.3em;}
	h2{margin:15px 0px 0px 0px;font-size:1.2em;}
	
	header > h1 > a{display:static;}
	
	header > nav{margin-bottom:20px;padding:4%;width:92%;}
	header > nav > ul > li{float:left !important;margin:0px;padding:0px;border:0px;width:33.3%;}
	header > nav > ul > li > a{padding:12px 0px;display:block;}
}

@media only screen and (max-width: 520px) {
	header > nav > ul > li{width:50%;}
	.formWrapper{width:100%;padding:3% 0px;}
	.pagination{padding-top:0px;}
}