/* Skin Responsive Code */
/********************************************************************/
@media screen and (max-width: 980px){
	img									{ max-width: 100%; height: auto; width: auto; }
	html									{ overflow-x: hidden; }
	.skWidth							{ width: 96%; }
	.inner-width,
	.inner-table,
	.inner-cell							{ display: block; }
	h1.skTitle							{ width: auto; }
	.skLeft,
	.LeftPane							{ padding: 0; width: 60%; }
	.skRight,
	.RightPane							{ padding: 0; width: 38%; }
	.LeftPane							{ float: left; }
	.RightPane							{ float: right; }
	.skFooter .skContact,
	.skFooter .skSocial,
	.skFooter .skHelpfulLinks,
	.skFooter .skBanner					{ width: 20%; padding: 0 2.5%; }
	.skNews li.active a.link				{ border-color: #fff; }
	.skNews a.link img,
	.skNews li.active a.link img			{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); 
										-moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
	.skNews a.link:hover,
	.skNews li.active a.link:hover			{ border-color: #d02327; }
}
@media screen and (max-width: 840px){
	.skHead 								{ text-align: center; }
	h1.skTitle							{ text-align: left; }
	.skLogo,
	h1.skTitle,
	.skHead .skBanner					{ float: none; width: auto; display: inline-block; }
}
@media screen and (max-width: 780px){
	.skInfo								{ padding: 20px 0; }
	.skInfo .left,
	.skInfo .right						{ float: none; text-align: center; }
}
@media screen and (max-width: 768px){
	.skLeft,
	.skRight							{ float: none; width: auto; }
	.LeftPane,
	.RightPane							{ float: none; width: auto; }
	.skLeft								{ padding: 0 0 48px 0; }
	.skTabs .content,
	.skFeeds .content					{ height: auto; }
	.skFooter .skContact,
	.skFooter .skSocial,
	.skFooter .skHelpfulLinks,
	.skFooter .skBanner					{ width: 45%; padding: 0 2.5%; }
	.skFooter .skSocial:after			{ display: none; }
	.skFooter .skBanner a.link, 
	.skFooter .skBanner a.link:link, 
	.skFooter .skBanner a.link:visited	{ display: table; margin: auto; }
	a.subscribe, 
	a.subscribe:link, 
	a.subscribe:visited					{ line-height: 40px; }
	.skEvents li.item						{ padding: 1%; width: 31.33%; }
}
@media screen and (max-width: 640px){
	.skNav								{ display: none; }
	a.subscribe, 
	a.subscribe:link, 
	a.subscribe:visited					{ line-height: 20px; }
}
@media screen and (max-width: 630px){
	.skLogin,
	.skTopLinks							{ float: none; text-align: center; }
	.skTopLinks							{ padding: 0 0 12px 0; }
	.skLogin a.btn, 
	.skLogin a.btn:link, 
	.skLogin a.btn:visited				{ float: none; display: inline-block; text-align: left; margin: 0 6px; }
	.skTopLinks li.item					{ float: none; display: inline-block; text-align: left; padding: 0 6px; }
}
@media screen and (max-width: 600px){
	.skFooter .skBanner a.link, 
	.skFooter .skBanner a.link:link, 
	.skFooter .skBanner a.link:visited	{ display: block; }
	.skFooter .skContact,
	.skFooter .skSocial,
	.skFooter .skHelpfulLinks,
	.skFooter .skBanner					{ height: auto; }
	.skEvents li.item						{ padding: 1.5%; width: 47%; }
}
@media screen and (max-width: 530px){
	.skInfo .action						{ display: block; margin: 0; }
	.skInfo .right						{ padding: 12px 0 0 0; }
}
@media screen and (max-width: 500px){
	.skLogo								{ padding: 0; }
	h1.skTitle							{ text-align: center; }
}
@media screen and (max-width: 420px){
	.skFooter .skContact,
	.skFooter .skSocial,
	.skFooter .skHelpfulLinks,
	.skFooter .skBanner					{ float: none; padding: 0 0 18px 0; width: auto; text-align: center; }
	.skFooter .skContact:after,
	.skFooter .skSocial:after,
	.skFooter .skHelpfulLinks:after,
	.skFooter .skBanner:after			{ display: none; }
	a.subscribe, 
	a.subscribe:link, 
	a.subscribe:visited					{ display: inline-block; width: 120px; text-align: left; }
	.skHelpfulLinks a.link, 
	.skHelpfulLinks a.link:link, 
	.skHelpfulLinks a.link:visited		{ display: inline-block; width: 150px; text-align: left; }
	.skFooter .skBanner a.link, 
	.skFooter .skBanner a.link:link, 
	.skFooter .skBanner a.link:visited	{ display: table; }
	.skSocial .skContainer				{ padding: 20px 0; }
}
@media screen and (max-width: 380px){
	.skLogin a.btn, 
	.skLogin a.btn:link, 
	.skLogin a.btn:visited				{ margin: 6px; }
	.skHead .skBanner					{ display: block; }
	.skTopLinks a.link img				{ margin: 0; }
	.skTopLinks a.link span				{ display: none; }
	.skNews a.link, 
	.skNews a.link:link, 
	.skNews a.link:visited				{ width: auto; max-width: 200px; }
	.skTabNews li.item img					{ display: none; }
	.skTabNews .detail					{ padding: 0; }
	.skEvents li.item						{ float: none; max-width: 265px; width: 100%; margin: auto; padding: 12px 0; }
}