/* Skin Responsive Code */
/********************************************************************/
@media screen and (max-width: 988px){
	img									{ max-width: 100%; height: auto; width: auto; }
	.skWidth							{ width: 94%; }
	.skLogowrp							{ float: none; text-align: center; margin: auto;  }
	.skLogo								{ float: none; margin: 0; padding: 0;  }
	.skLogin							{ display: none; }
	.skLogin1							{ display: block; }
	.popwarner-superbowl-logo img		{ margin-left: 0; padding: 15px 0 0; }
	h1.skBanner							{ float: none; display: block; margin:auto; height: auto; width: auto; font-size: 42px;
										  line-height: 45px; padding: 40px 0 0 0; text-align: center; }
	h1.skBanner span						{ display: inline-block !important; margin: auto !important; } /* Please do not remove important (Krunal)*/
	.skActionwrp						{ float: none; padding: 32px 0 0 0;}
	.skSocial							{ float: none; display: table; margin: auto; padding: 0 0 19px 0; }
	.skNews								{ width: 65%;  }
	.skLinks							{ width: 31%; }
	.skNews li.item						{ width: 40%; }
	.skSiteLink							{ width: 26%; }
	.skFtbanner							{ width: 25%; }
	.skContactus						{ width: 20%; }
	.innerpage-content .innerpage-leftPane
										{ width: 64%; }
	.innerpage-content .innerpage-rightPane
										{ width: 33%; }
	.affiliates-logo					{ margin-top: 10px; }
	.affiliates-logo img					{ margin-top: 5px;}
	.skNews .summary						{ padding-bottom: 18px;}
	.skLogin a.btn,
	.skLogin a.btn:link, 
	.skLogin a.btn:visited				{ float: none; display: inline-block; margin: 0 5px 0 0; width: 35%; }
	.inner-padding						{ min-width: auto;}
	.skNews .news-content,
	.skNews .summary	,
	.skNews h3.head a.link, 
	.skNews h3.head a.link:link, 
	.skNews h3.head a.link:visited		{ height: auto;}
    #Body .DNNModuleContent		                { -webkit-overflow-scrolling: touch; }
}

@media screen and (max-width: 942px){
	.skSlider							{ padding: 0; }
}

@media screen and (max-width: 818px){
	.skHeader							{ padding: 0; }
	.skNews								{ width: auto; float: none; }
	.skLinks							{ width: auto; float: none; padding: 0; }
	.skNews li.item						{ padding: 0 4%; text-align: center; min-height: 210px; width: 42%; }
	.skNews a.link, 
	.skNews a.link:link, 
	.skNews a.link:visited				{ text-align: center; display: block;  }
	.skNews .summary						{ display: none; }
	.skTabs a.mobLink,
	.skTabs a.mobLink:link,
	.skTabs a.mobLink:visited			{ display: block; }
	.skTabs ul.nav						{ display: none; }
	.skTabsCnt							{ border: 3px solid #0076e0;}
	.skSponsor .prev						{ left: 0; }
	.skSponsor .next						{ right: 0; }
	.skInfo a.hiddenlogin,
	.skInfo a.hiddenlogin:link,
	.skInfo a.hiddenlogin:visited,
	.skInfo .SkinObject,
	.skInfo a.SkinObject,
	.skInfo a.SkinObject:link,
	.skInfo a.SkinObject:visited			{ font-size: 12px; line-height: 16px; }
	#Body .display-table					{ display: block;}
	#Body .innerpage-content .innerpage-leftPane,
	#Body .innerpage-content .innerpage-rightPane
										{ width: 100% ; float: none; display: block; padding: 0; }
	.inner-padding						{ padding:0 12px; }
	.skNews .skNewsImage,
	.skNews .news-border					{ margin: 0 auto;}
}

@media screen and (max-width: 768px){
	.skInnerContent						{ height: auto; display: block; } 
	.skNav								{ display: none; }
	#slider942406  .item .image 			{ -webkit-filter: grayscale(0%); filter: grayscale(0%);}
	.skSiteLink							{ width: 50%; padding: 0; }
	.skFtbanner							{ width: 50%; padding: 0;  }
	.skContactus						{ width: 50%; float: none; }
	.skRow								{ border: none; margin: 0;  padding: 29px 0 18px 0;}
	.skSponsor							{ margin: 36px 0 0 0; }
	.skFooter							{ padding: 20px 0 34px 0; }
	.skLogin a.btn,
	.skLogin a.btn:link,
	.skLogin a.btn:visited				{ margin-bottom: 5px; }
	.skLogo								{ display: none; }
	.skLogin							{ padding: 17px 0 0 0; margin: 0; }
	.skFtbanner a img						{ width: auto; height: auto; }
	.skFacebook,
	.skTwitter 							{ display: block; width: auto; margin-right: 0; }
	.skTwitter > div 						{ padding-left: 0;}
	.skFacebook 							{ margin-bottom: 15px;}
	ul.field								{ margin: 0;}
	.skInfo .left						{ margin-top: 0; width: 65%;}
	ul.field .name						{ width: 75%; }
	#csSocial.skTabsCnt					{ height: auto; }
	.skFacebook .skTitle					{ padding: 10px 0 10px ;}
	.skTwitter .skTitle					{ padding: 20px 0 10px ; display: inline-block; width: 100%;}
	.skSiteLink .content					{display: table; width: 255px;margin: auto;}
	#csEvent ul.list .item .timeTitle 		{ float: right; text-align: left; padding-top: 4px; width: 75%; }
	#csEvent .datewrp .month				{ font-size: 22px;} 
	#csEvent ul.list .item .datewrp 		{ width: 20%; float: left; text-align: center; padding-right: 0px;  }
	.skLinks 							{ min-height: auto;}
	.skTabsCnt							{ padding: 22px 15px;}
	.skFBWrapper						{ padding-right: 7px; }
}

@media screen and (max-width: 600px){
	.skLogowrp							{ width: auto; }
	.skLogin							{ padding: 7px 0 0 0;  }
	.skLogin a.btnLogin,
	.skLogin a.btnLogin:link,
	.skLogin a.btnLogin:visited			{ width: 47%; float: left; padding: 3px 0; }
	.skLogin a.btnRegister,
	.skLogin a.btnRegister:link,
	.skLogin a.btnRegister:visited 		{ width: 47%; float: right; padding: 3px 0; }
	h1.skBanner							{ padding: 35px 0 0 0; }
	.skActionwrp						{ padding: 8px 0 20px 0;}
	.skActionwrp .skSocial a.link,
	.skActionwrp.skSocial a.link:link,
	.skActionwrp.skSocial a.link:visited	{ margin: 0px 16px 0 16px;}
	#slider942406 .title					{ color:#000}  
	.skNews .date						{ font-size: 16px; letter-spacing: 0.3px;}
	.skNews a.link,
	.skNews a.link:link,
	.skNews a.link:visited				{ font-size: 17px; letter-spacing: 0.2px;}
	.skRow								{ border-bottom:0px;} 
	.skLinks a.link,
	.skLinks a.link:link,
	.skLinks a.link:visited				{ padding: 9px; font-size: 21.37px;}
	.skTabs a.mobLink,
	.skTabs a.mobLink:link,
	.skTabs a.mobLink:visited			{ padding: 7px; font-size: 21.37px;}
	.skFooter							{ padding: 20px 0 20px 0; }
	.skFooter h2.head					{ font-size: 21.37px; letter-spacing: 0.3px; padding: 0 0 18px 0;}
	.skSiteLink							{ width: auto; float: none; text-align: center;}
	.skSiteLink a.link,
	.skSiteLink a.link:link,
	.skSiteLink a.link:visited			{ font-size: 15.49px; line-height: 22.11px; letter-spacing: 0.2px;}
	.skFtbanner							{ width: auto; float: none; text-align: center; padding: 35px 0 30px 0; }
	.skContactus						{ width: auto; text-align: center; }
	.skContactus .content				{ font-size: 15px; letter-spacing: 0.3px;}	
	.skSocial							{ padding: 15px 0 0 0;}
	.skInfo .left						{ float: none; text-align: center; padding: 0 0 10px 0; width: auto;}
	.skInfo .right						{ float: none; text-align: center; }
}

@media screen and (max-width: 500px) {
	#csEvent ul.list .item .timeTitle .title
										{ font-size: 22px; }
}
@media screen and (max-width: 385px) {
	#csEvent ul.list .item .timeTitle .title
										{ font-size: 18px; }
}