.btn-menu { display: none; }

/* ------------------------------------------------------------ *\
	Media - Tablets in portrait
\* ------------------------------------------------------------ */

@media (max-width: 979px) {

	.wrapper { width: 740px !important; }
	.innerwrapper { box-sizing: border-box; }

	.innerwrapper .inner { max-width: 95%; }
	.innerwrapper .inner .grid.col2.right select { max-width: 230px; }

	/* Navigation */

	nav {position: relative;}

	nav ul li.first { width: auto !important; }
	nav + hr + div { max-width: 100%; width: 100% !important; }
	nav + hr + div #MainContentPlaceHolder_GridPanel,
	nav + hr + div table { width: 100% !important; }
	nav + hr + div #MainContentPlaceHolder_GridPanel { width: 98% !important; margin: 0 auto; }

	/* Content */

	.inner { max-width: 95%; }

	.inner #MainContentPlaceHolder_GridPanel table,
	.inner #MainContentPlaceHolder_DisplayPanel #MainContentPlaceHolder_GridPanel table,
	.inner #MainContentPlaceHolder_GridPanel,
	.inner #MainContentPlaceHolder_DisplayPanel #MainContentPlaceHolder_GridPanel { max-width: 100%; width: 100% !important; }

	.inner #MainContentPlaceHolder_TrxPanel { width: 100% !important; }

	.inner .max450.flleft { width: 50%; }
	.inner .max450.flleft + .right.left { width: 45%; }
	.inner .max450.flleft + .right.left input { width: 100% !important; }

	.center img,
	.inner img { max-width: 100%; height: auto; }
	.inner .extrabottommargin { margin-bottom: 30px; }

	.w240 { width: 35%; }
	.w605 { width: 60%; }

	#MainContentPlaceHolder_OtherGridPanel { max-width: 100%; box-sizing: border-box; }
	table#MainContentPlaceHolder_OtherDesigsGrid { max-width: 98%; margin: 0 auto; box-sizing: border-box; }

}

/* ------------------------------------------------------------ *\
	Media - Phones
\* ------------------------------------------------------------ */

@media (max-width: 767px) {

	.wrapper { width: 98% !important; }

	/* Header */

	.site-branding { max-width: 235px; float: none; margin: 0 auto; }
	.site-branding a { display: block; }
	.headertitle { float: none; width: 100%; box-sizing: border-box; padding: 10px 20px; box-sizing: border-box; }

	/* Navigation */

	.btn-menu { position: absolute; top: 0; left: 0; display: inline-block; height: 9px; padding-top: 9px; font-size: 0; }
	.btn-menu span { position: relative; display: block; width: 40px; height: 15px; border-top: 5px solid #000; }

	nav { width: auto; position: relative; min-height: 25px; }
	nav ul { position: absolute; top: calc(100% + 7px); left: 0; right: 0; z-index: 100; float: none; display: block; background: #fff; padding: 0; visibility: hidden; height: auto; opacity: 0; border-right: 1px solid #000; border-left: 1px solid #000; }
	nav ul {
		-webkit-transform: scale(0.8) translate3d(0,-10%,0);
				transform: scale(0.8) translate3d(0,-10%,0);
		-webkit-transition: all 0.2s;
				transition: all 0.2s;
	}
	nav ul li { float: none; display: block; margin: 0; padding: 0; border-bottom: 1px solid #000; text-align: center; width: 100% !important; }
	nav ul li.right { float: none; text-align: center; }
	nav ul li:first-child { border-top: 1px solid #000; }
	nav ul li a { padding: 10px 20px; display: block; position: relative; font-size: 15px !important; color: #000; font-weight: 600; }

	nav.active ul { visibility: visible; opacity: 1; background: #fff; }
	nav.active ul {
		-webkit-transform: scale(1) translate3d(0,0,0);
				transform: scale(1) translate3d(0,0,0);
	}

	/* Content */

	.w240,
	.w605 { width: 90%; float: none; margin-left: auto; margin-right: auto; }
	.w240 { margin-bottom: 30px; }
	.maxvw { max-width: 90vw }
	.inner .max450 { width: 90%; margin: 0 auto; }
	.inner .max600 { width: 90%; margin: 0 auto; }
	.inner .max720 { width: 90%; margin: 0 auto; }
	.inner .extrabottommargin { margin-bottom: 15px; }

	.innersmall.sometopmargin.somebottommargin { margin: 40px 0; }
	.innersmall #MainContentPlaceHolder_ContactUsPanel { max-width: 98%; }

	.inner div#MainContentPlaceHolder_NoDonorProfilePanel div { max-width: 100%; box-sizing: border-box; }

	.inner .grid + .grid { margin-top: 5px; }
	.inner .grid.col2,
	.inner .grid.col2.right { width: 100%; text-align: left; float: none; }

	.inside { box-sizing: border-box; }

	.inner #MainContentPlaceHolder_DisplayPanel .inner.lightbg { position: relative; padding-bottom: 30px; }
	.inner #MainContentPlaceHolder_DisplayPanel .inner.lightbg .grid + .grid { margin-top: 0; }
	.inner #MainContentPlaceHolder_DisplayPanel .inner.lightbg .grid.col3.centertitle { position: absolute; top: 5px; left: 0; right: 0; width: 100%; text-align: center; font-size: 15px !important; }
	.inner #MainContentPlaceHolder_DisplayPanel .inner.lightbg .grid.col3.textright { float: right; text-align: right; }
	nav + hr + div #MainContentPlaceHolder_GridPanel .textright,
	.inner #MainContentPlaceHolder_DisplayPanel .textright { text-align: center; }
	.inner #MainContentPlaceHolder_GridPanel,
	nav + hr + div #MainContentPlaceHolder_GridPanel,
	.inner #MainContentPlaceHolder_DisplayPanel #MainContentPlaceHolder_GridPanel { overflow-x: scroll; }
	.inner #MainContentPlaceHolder_GridPanel table,
	nav + hr + div #MainContentPlaceHolder_GridPanel table,

	#.inner #MainContentPlaceHolder_DisplayPanel #MainContentPlaceHolder_GridPanel table { width: 900px !important; }
	#MainContentPlaceHolder_DateRangeDisplayLabel { font-size: 15px !important; }

	.inner .max450.flleft,
	.inner .max450.flleft + .right.left { width: 95%; float: none; text-align: left; margin-left: auto; margin-right: auto; }
	.inner .max450.flleft + .right.left input { width: 100% !important; }

	#MainContentPlaceHolder_DisplayPanel .flleft,
	#MainContentPlaceHolder_DisplayPanel .right.textright { float: none; text-align: left; }

	#MainContentPlaceHolder_DisplayPanel .center + .right { text-align: center; }

	.downloaditems li { padding: 2px 5px; }

	p.center img { max-width: 90%; height: auto; }

	table tbody tr td span br { display: none; }
	#PageFooter_TntConnectBannerAd { max-width: 95% !important; width: 95% !important; height: auto !important; }

	/* 28-4-2017 */
	#MainDiv .innerwrapper { position: relative !important; padding-top: 33px !important; }
	nav.inner { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; max-width: 100% !important; text-align: center !important; }
	
	.btn-menu { height: 34px !important; padding-top: 0 !important; width: 100%; display: block; text-align: center; }
	.btn-menu span { width: auto; height: auto; padding: 5px 20px; display: inline-block; position: relative; font-size: 20px !important; color: #000; font-weight: 600; border-top: 0; }
	.btn-menu span:after { display: inline-block; width: 0; height: 0; margin-left: 10px; border-style: solid; border-width: 7px 5px 0 5px; border-color: #000000 transparent transparent transparent; content: ''; }
}