/* Skin Responsive Code */
/********************************************************************/
@media screen and (max-width: 980px){
	html,body							{ overflow-x: hidden; -webkit-overflow-scrolling: touch; }
	img									{ max-width: 100%; height: auto; width: auto; }
	.skWidth							{ width: 96%; }
	.skLogo								{ margin: -37px 0 0 0; float: left; position: relative; top: auto; left: auto; }
	.skHeadRight						{ padding-left: 290px; }
	.skLeft								{ width: 32%; }
	.skRight							{ width: 58%; padding: 0 5%; }
	.inner-width,
	.inner-table,
	.inner-cell							{ display: block; }
}
@media screen and (max-width: 800px){
	.skAction							{ float: none; padding: 0; }
	.skLogin							{ float: right; padding: 0; }
	.skLogo								{ float: none; margin: auto; margin-top: -37px; }
	.skHeadLeft,
	.skHeadRight						{ float: none; text-align: center; padding: 0; }
	#dnnStandardMenu .root				{ float: none; display: inline-block; }
}
@media screen and (max-width: 768px){
	.skLeft,
	.skRight							{ float: none; width: auto; padding: 0 18px 18px 18px; }
	.skTabsCnt							{ padding: 20px; max-height: 100%; }
	.skTabsCnt table 					{ max-width: 100%; }
	.topNotch, 
	.bottomNotch,
	.skSponsor,
	.skContact,
	.skNews,
	.skTabs ul.nav li.item:before,
	.skTabs ul.nav a.active .notch, 
	.skTabs ul.nav li.ui-tabs-active .notch, 
	.skTabs ul.nav li.ui-state-active .notch
										{ display: none; }
	.skLeft .blContainer					{ margin: auto; }
	.skTabs ul.nav,
	.skTabs ul.nav li.item,
	.skTabs ul.nav a.link					{ display: inline-block; }
	.skTabs ul.nav li.item a.link, 
	.skTabs ul.nav li.item a.link:link, 
	.skTabs ul.nav li.item a.link:visited	{ padding: 8px 14px; }
	.skMobileSponsor,
	.skMobileNews,
	.skStateSponsor						{ display: block; }
	.skMobileSponsor					{ border: none; }
	.skMobileLeft,
	.skMobileRight						{ float: left; width: 45%; padding: 2.5%; }
	.skMobileRow						{ background: #f0f0f0; }
	.skSiteLink,
	.skFooterContact					{ display: block; float: left; width: 46%; padding: 0 8% 40px 0; }
	.skFooterContact					{ padding: 0;  }
	.skSiteLink ul.list					{ float: none; padding: 0; width: auto; }
}
@media screen and (max-width: 640px){
	.skNav								{ display: none; }
	.skTopbar							{ padding: 26px 0 48px 0; }
}
@media screen and (max-width: 600px){
	.skMobileLeft,
	.skMobileRight						{ float: none; width: auto; padding: 18px; }
	.skMobileRight						{ border-top: 1px solid #afafaf; }
	.skSiteLink,
	.skFooterContact					{ float: none; width: auto; padding: 0 0 48px 0; }
	.skFooterContact,
	.skFooterContact .content			{ text-align: center; }
	.skInfo .left,
	.skInfo .right						{ float: none; width: auto; padding: 0 0 12px 0; text-align: center; }
}
@media screen and (max-width: 480px){
	.skLogin, 
	.skSocial							{ float: none; width: auto; padding: 0 0 12px 0; text-align: center; }
	.skSocial a.link, 
	.skSocial a.link:link, 
	.skSocial a.link:visited,
	a.actionLink, 
	a.actionLink:link, 
	a.actionLink:visited				{ float: none; display: inline-block; margin: 0 5px; }
}