.hidden { display: none; visibility: hidden; }
.visible-phone { display: none !important; }
.hidden-desktop { display: none !important; }

#sidr { display: none; }



/*  Mobile Style adjustments  */

@media (max-width: 640px) { 
	
	
.hidden-desktop { display: inherit !important; }
.visible-desktop { display: none !important; }
.visible-phone { display: inherit !important; }
.hidden-phone { display: none !important; }
  

body { min-width: min-intrinsic; width: 100%; }

.container { width: 100%; margin: 0; padding: 0; box-sizing: border-box; }
.whitecontainer { width: 100%; margin: 0; padding: 0; box-sizing: border-box;
	padding: 20px 20px 20px 20px;
	margin-bottom: 10px;
}

header {
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
	text-align: center;
	background-image: url(../images/mobileheader.jpg);
	background-position: center top;
}
.logobg { background-image: none; }

.leftside { display: none; }

.content, .content_narrow, .homecontent, #pics_right, #pics_left, .gallerycontent, .bigthumbnail, #listing, #listing_narrow, .full_list_pics, .listing-thumb, .listing-thumb img, .hometopleft, .bighomelink, .bighomelink a, .hometopblock, .homewhiteblock, .newseventsbox, .youthtwitter, .youthfb, .hometwitter, .homeblocks a, footer, .footercredits, #searchdiv, .content img.right, .content img.left, .content img.leftAlone { float: none; display: block; width: 100%; box-sizing: border-box; }

.hometopblock { padding: 0px 0px 0px 0px; }
.hometopleft { height: auto; }
.bighomelink { text-align: center; margin: 0px 0px 10px 0px; padding: 0;}
.bighomelink a { background-position: center bottom; }
.bighomelink a:hover { background-position: center top; }
.homewhiteblock { padding: 0px; border: none; }
.homecontent { margin: 0px; padding: 0px 0px 0px 10px; }

.homeblocks a {
	margin: 0px 0px 10px 0px;
	background-position: center top;
}
.newseventsbox {
	height: auto;
	overflow: visible;
	border: none;
}
.listing-thumb { margin: 0px 0px 20px 0px; }
.content img.right, .content img.left, .content img.leftAlone { margin: 0px 0px 20px 0px; }




/* =Mobile Menu button & Sidepanel
	------------------------------------------------------------------*/
	.menubutton {
	display: block;
	float: none;
	width: auto;
	margin: 0px auto 4px auto;
	background-color: #003970;
	padding: 13px 10px 12px 10px;
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	vertical-align: top;
	text-decoration: none;
	font-size: 17px;
	font-weight: 600;
	color: white;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	text-transform: uppercase;
	cursor: pointer;
	}
	.hamburgericon { height: 15px; margin: -3px 0px 0px 5px; }
	
	.menubutton:hover { text-decoration: none; color: white; }
	
	.sidr { display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 220px; overflow-x: none; overflow-y: auto; background: $main-colour; }
	.sidr .sidr-inner { padding: 0 0 15px; }
	.sidr.right { left: auto; right: -260px; }
	.sidr.left { left: -260px; right: auto; }
	  
	.phonenav { 
	display: block;
	margin: 30px 0px 20px 30px;
	width: 160px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	}
	.phonenav a { 
		display: block;
		line-height: 22px;
		padding: 10px 0px 10px 0px;
		text-decoration: none; 
		color: #444;
		font-size: 14px;
		border-bottom: 1px solid #777;
		}
	.phonenav a.current, .phonenav a.section { 
		font-weight: bold;
		border-bottom: 3px solid #777;
		}
		
	.level2 a { font-size: 14px; line-height: 19px; padding: 6px 0px 0px 6px; border: none; }
	.level2 a.first { padding-top: 9px; }
	.level2 a.last { padding-bottom: 10px; }
	.level2 a.current, .level2 a.section { border: none; }
	.level2 a.level3 { font-size: 12px; line-height: 17px; padding: 6px 0px 0px 15px; }

footer { padding-left: 12px; }


}/*  End of media query */




/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
.container { min-height: 1180px; }

}