/* 
	
	EASE 
	Application UI
	Responsive Definitions
	
*/

@media (max-width: 768px) {
	#logo { float: none; text-align: center; width: 100%; max-width: auto; }
	#logo img { display: inline-block; max-width: 100%; }
	#menu { float: none; margin: 35px 0 0; }
	#menu li { float: none; display: inline-block; }
	#usermenu { width: 230px; }
	#menu #usermenu li { display: block; }
	#featured { padding: 20px 0 0; }
	#featured h1 { font-size: 26px; line-height: 33px; }
	#featured p { font-size: 16px; }
	#sub-notice { padding: 15px 4% 3px; }
	#main, #main.home { width: 100%; float: none; }
	#main.home .round { width: 16%; }
	#intro { margin: 0 0 30px; }
	#side { width: 100%; float: none; }
	.group { font-size: 13px; }
	.group-item { padding: 8px 3%; width: 94%; }
	.group-item.head { padding: 14px 3% 11px;  font-size: 14px; }
	.expand p.half, .expand p.third { float: none; width: 100%; }
	.relation span { float: none; display: block; margin: 0 0 6px; }
	.relation span a { padding: 0; }
	.thumb { width: 30%; }
	.form input[type=text], .form .wide input[type=text] { border: 1px solid #ccc; width: 97%; padding: 1.7%; margin: 0 0 5px; background: #f9f9f9; }
	.checkbox-content { margin: 0; }
	.form .half { float: none; width: 100%; margin: 0; }
	.form input[type=submit], .form input[type=submit].cancel { padding: 8px 3%; }
	.agreement { padding: 4%; }
	.rating-question { float: none; width: 100%; }
	.rating-stars { float: none; }
	p#phone { float: none; }
}

@media (max-width: 500px) {
	#featured h1 { font-size: 22px; line-height: 31px; }
	p.caption { border-bottom: 1px solid #ddd; font-size: 16px; height: 36px; margin: 0 0 20px; }
	#main.home .round { display: none; }
	#intro { float: none; width: 100%; }
	.history-date { padding: 10px 4%; width: 92%; }
	.history-date span { display: block; padding: 4px 0 0; float: none; }
	.history h3 { font-size: 15px; padding: 5px 4% 20px; }
	.thumb { clear: both; float: none; width: 80%; }
}