nav.mobile								{ clear:both; position:relative; z-index:100; height: 50px; }
nav.mobile > ul							{ list-style: none; }
nav.mobile > ul:after					{ content:"."; display:block; height:0; clear:both; zoom:1; visibility:hidden; }
nav.mobile > ul > li					{ display:none; padding:2px 2px 0; margin: 0; background: #E3E3E3; }
nav.mobile > ul:last-child				{ margin-bottom:5px; }
nav.mobile > ul:last-child > li:last-child	{ border-bottom:3px solid #FF6600; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; }
nav.mobile a							{ display:block; padding:15px; color:#111; font-size:16px; line-height:18px; }
nav.mobile > ul ul a					{ font-weight:normal; padding-left:30px; font-size: 14px; }
nav.mobile ul.dropdown					{ list-style: none; }
nav.mobile ul.dropdown > li				{ margin-left: 0; margin-top:1px; }
#nav_toggle								{ display:block; margin:0; background: none; }
#nav_toggle:before						{ content: ''; position: absolute; width: 17px; border-radius: 1px; background: #fff; height: 2px; top: 23px; left: 20px; box-shadow: 0 0 0 1px #FFF,0px 7px 0px 1px #FFF,0px -7px 0px 1px #FFF; }
#nav_toggle a							{ display:block; color:#FFF; height:48px; line-height:48px; font-size:17px; text-shadow: 1px 1px 0 #1d4b5e; /*background:url(/themes/mysite/images/hamburger.png) no-repeat left center;*/ padding:0 0 0 45px; }
#nav_toggle a:hover						{ text-decoration:none; text-shadow: 1px 2px 0 #1d4b5e; }


@media (max-width:800px){
	
	#page_left							{ width:100%; float:none; }
	#page_right							{ width:100%; float:none; min-height:0 !important; }
	#rotating_images					{ max-width:320px; margin:0 auto 20px; }
	.page_col							{ float:none; width:100%; margin:0; }
	#form_page_left,
	#form_page_right					{ float:none; width:100%; }
	nav.desktop > ul > li > a			{ font-size:16px; }
}

@media (max-width:700px){
	#header_wrap > header				{ text-align:center; }
	#logo								{ max-width:50%; }

	#header_r .field					{ width:100%; float:none; }
	#header_r .field input				{ width:100%; }
	#header_r .Actions,
	#header_r p							{ float:none; width:100%; margin-left:0; }
	#main_wrap							{ padding:0; }
}

@media (max-width:600px){
	table.events-list *					{ -webkit-box-sizing:border-box; box-sizing:border-box; }
	table.events-list thead				{ display:none; }
	table.events-list tr				{ display:block; clear:both; padding:3%; }
	table.events-list tr:after			{ content:''; zoom:0; clear:both; visibility:hidden; height:0px; display:block; }
	table.events-list td				{ display:block; float:left; padding-left:50px; width:50%; }
	table.events-list td:before			{ float:left; margin-left:-50px; width:50px; content:attr(data-title); font-weight:bold; }
	table.events-list td.date			{ width:100%; }
	table.events-list td.type			{ clear:both; width:80%; }
	table.events-list td.register		{ padding-left:0; text-align:right; width:20%; }
	table.events-list td.register:before	{ display:none; }
}

@media (max-width:550px){
	footer > nav						{ float:none; }
	footer > nav ul						{ float:none; border:none; padding:0; margin:0; }
	footer > nav li						{ text-align:center; }
	#social								{ float:none; text-align:center; padding-top:20px; margin-top:20px; border-top:1px solid #FFF; }
	#social > li						{ float:none; display:inline-block; margin: 0 3px; }
	#signup_btn							{ float:none; margin-left:auto; margin-right:auto; max-width:200px; }
	#copyright							{ text-align:center; }
}

@media (max-width:450px){
	#header_wrap > header				{ padding-bottom:5px; }
	#logo								{ max-width:none; width:auto; float:none; margin:0 30px; }
	#logo img							{ margin:0 auto; }
	#header_r							{ float:none; text-align:center; }
	#header_r > span					{ text-align:center; }
	#header_r .login					{ float:right; margin-top:20px; }
	#header_r .signup					{ margin:0 60px; padding-top:10px; }
}

@media (max-width:400px){
	table.events-list td.xs-split		{ width:100% !important; clear:both; float:none; }
}