/*  Tablet Layout: 768px */
/*@media only screen and (min-width: 768px) and (max-width: 991px) {*/
@media only screen and (max-width: 991px) {
	#hellobar-wrapper { height: auto;	}
	#hellobar-container { height: auto!important; line-height: 150%!important; padding: 5px 0!important; }
	/* page */
	#page-wrapper {
		max-width: 991px;
		box-shadow: none;
		-webkit-box-shadow: none;
	}
	.hfeed{}
	h1 { font-size: 2.5em; }

	/* home */
	.home .site-header{ width: 100%; height: 300px; padding: 0; }
	#home-slider-shadow { display: none; }
	#masthead-inner { max-width: 100%; }
	#mast-social { display: none; }
	.site-branding { width: 220px; height: 120px; background-size: 220px; top: 0; left: 0; }
	.site-title { max-height: 100%; background-size: 190px; top: 0px; left: 0px; margin: 10px auto 0 !important; }

	.site-account { font-size: .75em; bottom: 20px; }

	/* nav */
	#site-navigation { float: none; }
	.navigation-main a { font-size: 22px; padding: 13px 15px 15px; }
	.navigation-main .menu > .menu-item span { font-size: 11px; }
	#menu-top-nav li.multi ul { left: -450px !important; }
	#menu-top-nav li:last-child ul:last-child { left: -79px !important; }

	/* bx */
	.site-header .bx-wrapper { max-width: 100% !important; }
	.bx-controls { display: none; }
	.site-base .bx-wrapper { margin: 0 auto 2em; }

	/* overlay */
	.slider-overlay { width: 95%; top: 110px; min-height: inherit; padding: 0; }
	.slider-thumb { margin: .5em .5em .5em 1em; max-width: 100px; }
	.slider-caption h3, .slider-caption h3 a { font-size: 1.25em; margin-top: .5em; }
	.slider-caption p { font-size: .8em; }
	.slider-link, .slider-link:visited { display: none; }
	.slider-area { padding: 3px 8px; }
	.slider-area a { font-size: .8em; }

	/* subnav */
	.site-subnav {}
	#subnav form { float: none; margin: 0 1em; }
	.e2ma_signup_form_row {}
	.e2ma_signup_form_element input { padding: 8px; }

	/* content */
	#main.site-main { width: 100%; padding: 0; overflow: auto; }
	.content-area, .content-account { width: 63%; margin: 0; padding: 0; float: left; display: inline; }
	.content-activities, .content-activities .content-area, .content-activities #secondary, .page-child .content-area, .content-future-activities { width: 100%; }
	.site-content { padding: 1em; font-size: .9em; }
	.entry-content img { max-width: 95%; }

	/* widgets */
	#secondary.widget-area { width: 35%; padding: 1em 0 0; float: right; display: inline; font-size: .75em; }
	.widget.widget-map:first-child { margin-top: 1em !important; }
	aside.widget { background-size: 100%; }
	.widget-title { font-size: 1.75em; }

	.fb_iframe_widget { max-width: 100%; overflow: hidden; }

	/* footer */
	#base h3 { font-size: 1.5em; }
	#base .bx-wrapper { max-width: 100% !important; }

	.site-footer { width:100%; padding:0; background-size: 100%; }
	#menu-bottom-nav { width: 100%; background-size: 100%; padding: 1em 0 0; }
	#menu-bottom-nav li { display: inline-block; }
	.site-info { font-size: .75em; padding-top: 15px; }

	/* sub pages */
	.page .site-header, .single-event .site-header { width: 100%; height: 300px; padding: 0; }
	.site-subnav { height: 45px; }
	.site-subnav ul { width: 100%; margin-left: 10px; }
	.site-subnav a { font-size: .8em; }
	.site-subnav a .current_page_top_item, .site-subnav .current_page_parent a { font-size: 1em; }

	.event-thumb img { max-width: 80%; }
	img.category-icon { max-width: 100px; }
	.event-description { width: 40%; }
	.event-meta { width: 40%; }

	/* event */
	.content-activity .site-content { padding-top: 2em; }
	.event-volunteer { width: 100%; margin-top: 2em; clear: both; }
	.irc-led { position: relative; display: block; left: .5em; top: 0; }
	.event-meta dt, .event-extra dt { width: 40%; }

	.em-booking-form-details input.input { width: 200px; }

	/* par */
	.report-content { width: 100%; }
	#page-wrapper { position: relative; z-index: 1; } /* fix par map load */

	/* sidebar */
	.gravatar-image { max-width: 80px; }
	aside div.item { max-width: 100px; background: none; margin-right: 8px; padding: 0; }
	.widget .item img { max-width: 80px; }
}
/*  Mobile Layout: 320px */
@media only screen and (max-width: 767px) {
	#hellobar-wrapper { height: auto;	}
	#hellobar-container { height: auto!important; line-height: 150%!important; padding: 5px 0!important; }

	#page-wrapper { width: 100%; }
	.hfeed{}
	h1 { font-size: 2em; }

	/* header */
	.site-header { height: 147px; }
	#main.site-main { width: 100%; padding: 0; }
	.slider-overlay { display: none !important; }

	/* menu */
	#site-navigation { height: 150px; }
	.menu-toggle { font-size: 1.75em; margin: 0 .15em; padding: .15em; background: rgba(255,255,255,.75); border-radius: 2px; position: absolute; bottom: 0; left: 0; }
	#menu-top-nav.toggled-on { z-index: 9999; position: absolute; top: 0em; left: 0; width: 100%; height: auto; margin: 0; }
	#menu-top-nav.toggled-on:before, #menu-top-nav.toggled-on:after { display: none; }
	#menu-top-nav.toggled-on > li { background-image: none !important; height: auto; list-style: none; display: inline; float: left; position: relative; }
	.toggled-on > li a { color: #fff; font-size: 1.0em; font-family: 'Arvo', serif; text-decoration: none; display: block; padding: 10px 5px; }
	.toggled-on > li a span { display: none; }
	.main-small-navigation #menu-top-nav li > ul { display: none; }
	.main-small-navigation #menu-top-nav li:hover > ul { display: block; width: 300px; position: absolute; top: 42px; left: 0; }
	.main-small-navigation li > ul li { min-width: inherit; display: inline-block; float: left; position: relative; }
	.main-small-navigation li > ul li a { font-size: .8em; padding: 2px 5px; display: block; }
	#menu-top-nav li.multi ul { left: -143px !important; width: 390px !important; }
	#menu-top-nav li.multi ul li { min-width: 100px; }
	#menu-top-nav li.multi ul li a { font-size: .5em; }
	#menu-top-nav li:last-child ul:last-child { left: 0 !important; width: 390px; }

	/* subnav */
	.home .site-subnav { margin: 0; height: auto; padding-top: 30px; background-size: cover; }
	#emma-form { display: none; }

	/* content */
	.content-area { width: 100%; padding: 0; }
	#secondary.widget-area { width: 100%; padding: 0; }

	/* base */
	#base { padding: 1.5em 0 0; }
	#base h3 { font-size: 1em; }
	#menu-bottom-nav { font-size: .1em; padding: 15px 0 0; }
	#menu-bottom-nav li { margin: 2px 10px; }

	/* footer */
	.site-footer { width: 100%; height: 18px; padding: 0; }
	.site-info { font-size: .65em; padding-top: 5px; }

	/* sub pages */
	.page .site-header, .single-event .site-header { height: 147px; }
	.bxslider-header img { max-height: 147px; }
	.site-subnav { height: auto; }
	.site-subnav ul { height: 100%; margin: 0 10px; padding: 10px 0; width: auto; }
	.site-subnav ul li { margin-right: 1em; }
	.site-subnav .current_page_item a { background: none; }
	.site-subnav .current_page_parent a { font-size: .8em; color: #fedea4; }

	/* events */
	.page .entry-content h2 { font-size: 1.5em; }
	.page .entry-content h3, .content-activity .entry-title { font-size: 1.5em; padding-right: 80px; }
	.event-header img, .content-activity .entry-header img { max-width: 75px; }
	.shadoweffect { margin-bottom: .5em; }
	.event-thumb { width: 100px; display: inline; }
	.event-description { float: none; width: 100%; position: relative; }
	.edit-link { position: absolute; bottom: 0; right: 0; margin-bottom: -1em; }
	.event-meta { clear: left; width: 100%; position: relative; }
	.button.register { position: absolute; right: 0; bottom: 0; margin-bottom: -0.5em; max-width: 50%; }

	/* event */
	.event .event-meta { width: 100%; }
	.event .button.register { position: relative; max-width: 90%; margin-bottom: .5em; }
	.event-registration { width: 100%; clear: both; }
	#waiver-form { position: relative; }
}
/*  Wide Mobile Layout: 480px */
/*@media only screen and (min-width: 480px) and (max-width: 767px) {
	.hfeed{width:100%;padding:0 10%;}
	.site-header{width:100%;padding:0;}
	.site-main{width:100%;padding:0;}
	.content-area{width:100%;padding:0;}
	.widget-area{width:100%;padding:0;}
	.site-footer{width:100%;padding:0;}
}*/