/**
* GENERIC VIEWPORT INFORMATION FOR ALL THEMES (CONTENT SPECIFIC NOT TEMPLATE)
*/
@media all and (max-width: 1024px){
	body{font-size:90%;}
	.blockMe{
		float:none !important;
		margin-left:0px !important;
		margin-right:0px !important;
		width:auto !important;
		position:static !important;
		top:0px;
		left:0px;
	}
	.panel3col{
		width:47%;
		margin:0px 1% 15px 1%;
		display:inline-block;
	}
}

@media all and (max-width:900px){
	table tr th:nth-child(-n+25),
	table tr td:nth-child(-n+25),
	table tr th:last-child,
	table.styled tr td:last-child{
	/*visibility:hidden;
		width:1px !important;
		overflow:hidden;
		position:absolute;*/
	}

	table tr th:nth-child(-n+6),
	table tr td:nth-child(-n+6),
	table tr th:last-child,
	table tr td:last-child{
		/*visibility:visible;
		width:auto !important;
		overflow:auto;
		position:relative;*/
	}
	#tpl_logo{
		height:auto !important;
		max-width:500px;
	}
}
@media all and (max-width: 800px){
	body{font-size:90% !important;}

	/** Use this class on anything that needs to vanish on narrow screens*/
	.mobileHide{display:none !important;}

	/** Popup widths (see mypopout/mypopup) **/
	.expFrame{
		width:98% !important;
		max-width:98%;
	}

	table tr th:nth-child(-n+25),
	table tr td:nth-child(-n+25),
	table tr th:last-child,
	table tr td:last-child{
		/*
		visibility:hidden;
		width:1px !important;
		overflow:hidden;
		position:absolute;*/
	}

	table tr th:nth-child(-n+5),
	table tr td:nth-child(-n+5),
	table tr th:last-child,
	table tr td:last-child{
		/*visibility:visible;
		width:auto !important;
		overflow:auto;
		position:relative;*/
	}
}

@media all and (max-width: 750px){
	body{font-size:80% !important;}

	.comPhoto{display:none !important;}
	.comBody{margin:0px !important;}

	.panel3col{
		width:100%;
		margin:0px 0% 5px 0%;
		display:inline-block;
	}

	/** Use this class on anything that needs to vanish on narrow screens*/
	.mobileHide{display:none !important;}
	.mobileBlock{
		width:100% !important;
		min-width:auto !important;
		float:none !important;
		margin-left:0px !important;
		margin-right:0px !important;
		display:block !important;
	}

	table tr th:nth-child(-n+25),
	table tr td:nth-child(-n+25),
	table tr th:last-child,
	table tr td:last-child{
		/*
		visibility:hidden;
		width:1px !important;
		overflow:hidden;
		position:absolute;*/
	}

	table tr th:nth-child(-n+3),
	table tr td:nth-child(-n+3),
	table tr th:last-child,
	table tr td:last-child{
		/*
		visibility:visible;
		width:auto !important;
		overflow:auto;
		position:relative;*/
	}
}

@media all and (max-width: 640px){
	table.styled tr th:nth-child(-n+25),
	table.styled tr td:nth-child(-n+25),
	table.styled tr th:last-child,
	table.styled tr td:last-child{
		/*visibility:hidden;
		width:1px !important;
		overflow:hidden;
		position:absolute;*/
	}

	table tr th:nth-child(-n+2),
	table tr td:nth-child(-n+2),
	table tr th:last-child,
	table tr td:last-child{
		/*visibility:visible;
		width:auto !important;
		overflow:auto;
		position:relative;*/
	}

	.friendlywidth{
		min-width:320px !important;

	}
}