/* Skin Responsive Code */
/********************************************************************/
@media screen and (max-width: 1020px){
	.skSponsor .content						{ padding: 0 60px; }
	.pony-national .skSponsor .prev,
	.skSponsor .prev							{ left: 10px; }
	.pony-national .skSponsor .next,
	.skSponsor .next							{ right: 10px; }
}
@media screen and (max-width: 980px){
	 img									{ max-width: 100%; height: auto; }
	.skWidth								{ width: 94%; }
	.skSlider								{ width: 72%; }
	.skBanner								{ width: 26.5%; }
	.skLogo									{ margin: 0; }
	.skTopbar								{ float: none; margin: auto; display: table; }
	#Body .slider650435 li.item,
	#Body .slider650435 .image				{ height: auto; }
	.skLeft									{ width: 65%; }
	.skRight								{ width: 32.5%; }
	.skContact								{ width: auto; padding-top: 0; }
	.skContact .left,
	.skContact .right						{ float: none; }
	.inner-width,
	.inner-table,
	.inner-cell								{ display: block; }
	.LeftPane,
	.RightPane								{ float: none; width: auto; padding: 0; }
	#Body.dnnEditState .inner-table .dnnSortable, 
	#Body.dnnEditState .display-table .dnnSortable
											{ float: none; }
}
@media screen and (max-width: 800px){
	.skTopbar								{ float: none; text-align: center; }
	.skTopbar li.item,
	.skHead .skSocial a.link, 
	.skHead .skSocial a.link:link, 
	.skHead .skSocial a.link:visited		{ float: none; display: inline-block; vertical-align: middle; }
	.skLogo,
	.skHead .skSocial						{ float: none; text-align: center; margin: 0 auto; padding: 6px 0; }
	.skFtLinks,
	.skFtLinks ul.list						{ width: auto; }
	.skFtLinks ul.first						{ padding: 0 30px 0 0; }
    .skHead .float-left,
    .skHead .float-right                    {float: none; width: auto;}
}
@media screen and (max-width: 768px){
	.skBannerWrap							{ display: none; }
	.skNav									{ text-align: right; }
	.skLeft,
	.skRight								{ float: none; width: auto; }
	.skLeft									{ padding: 0 0 20px 0; }
	.skTabs .content,
	.skQuickLinks .content					{ height: auto; max-height: 450px; }
	.skFooter 								{ text-align: center; }
	.skFtLogo,
	.skContact,
	.skFtLinks								{ float: none; display: inline-block; padding: 0 16px; }
	.skFtLinks:after						{ display: none; }
	.skFtLinks								{ display: block; margin-top: 30px; text-align: center; }
	.skFtLinks h3							{ background: #e4002b; color: #fff; padding: 6px; font-size: 16px; line-height: 24px; text-align: center; margin-bottom: 18px; }
	.skFtLinks ul.list						{ float: none; display: inline-block; padding: 0 30px; text-align: left; }
    .Gallery_Flicker .jcarousel-clip-horizontal,
	.Gallery_Flicker .jcarousel-container-horizontal { width: auto;}
	.skLogo,.skNav .notch                                  { display: none;}
	.skOurSponsor h2.head:before,
	.skOurSponsor h2.head:after				{ content: none; }
	.skOurSponsor .content					{ width: auto ; }
	.tweet_text	                            {word-break: break-word; }


}
@media screen and (max-width: 640px){
	.skSlider,
	.skBanner								{ float: none; width: auto; padding: 30px 0 0 0; }
	.skBanner li.item						{ display: inline-block; padding: 0 0.8% 0 0; width: 24%; }
	.skBanner li.last						{ padding: 0; }
	.skNews li.item							{ float: none; width: auto; margin: 0; }
	.skInfo .left,
	.skInfo .right							{ float: none; text-align: center; }
	.skInfo a.HiddenLink, 
	.skInfo a.HiddenLink:link, 
	.skInfo a.HiddenLink:visited			{ display: none; }
	
}
@media screen and (max-width: 600px){
	.pony-national .skTabs ul.nav li.item,
	.skTabs ul.nav li.item					{ float: none; width: auto; display: block; }
	.skNationalNewsLink 					{ white-space: unset; }
	.skTabs ul.nav li.item:after,
	.skTabs ul.nav a.link:after				{ display: none; }
	.skBanner ul.list						{ text-align: center; }
	.skBanner li.item						{ width: 45%; padding: 1%; }
	.skSocialTab	{display: none;}
	.active .skSocialMobTab					{ display: block; position: absolute; right: 0; top: 0; margin: 5px 10px 0 0; padding: 0;}
	.skSocialIcn							{ margin: 5px 15px; }

	.skSocial.content						{ height: 430px !important; }
	ul.tweet_list							{ height: 392px; overflow-x: auto;}
	.skSocialTabLink.skTwitter 				{ padding: 0 10px; margin-top: 24px; }
	.skFBWrapper							{ height: 422px; overflow: hidden; }
}
@media screen and (max-width: 480px){
	.skWidth								{ width: 90%; }
	.skFtLinks ul.list						{ display: block; padding: 0; }
	.skFooter								{ padding: 16px; }
	.skFtLogo, 
	.skContact, 
	.skFtLinks								{ padding: 0; }
}


