/* Skin Responsive Code */
/********************************************************************/
@media screen and (max-width: 1140px){
	img								{ max-width: 100%; height: auto; }
	.skArea							{ overflow: hidden; }
	.skWidth						{ width: auto; padding: 0 20px; }
	.skBannerText					{ width: auto; }
	.LeftPane.inner-cell			{ width: 60%; } 
	.RightPane.inner-cell			{ width: 35%; margin-left: 5%; }
	.inner-width,
	.inner-table					{ display: block; width: auto; }
	.skActiontop					{ margin: 0px 0px 15px 0; }
	.skRow .skLeft					{ width: 33%; margin-right: 2%;  }
	.skRow .skRight					{ width: 65%;  }
	.skTopLinks li.item				{ width: 48%; margin: 0 1% 10px;}
	.skRowWrapper					{ margin: 0 -5px; }
	.skColumnInner					{ padding: 0 5px; }
	.skSection .content				{ margin: 15px 5px 0; }
	.imageLink						{ width: 720px; }
	.ImageHolder					{ width: 215px; height: 340px;}
	.skFtbanner						{ width: 500px; }
	.skSiteLink						{ margin-left: 35px; }
	.skLeftLogo						{ left: -50px; }
	.skRightLogo					{ right: -50px; }
	.imageLink li.item 				{ margin-right: 20px; }
}

@media screen and (max-width: 1140px){
	h2.imageLinkTitle{
		max-width: 215px;
	}
	h1.skBannerText {
        font-size: 60px;
    }
}

@media screen and (max-width: 768px){
	.skNav							{ display: none; }
	.LeftPane.inner-cell			{ width: 100%; } 
	.RightPane.inner-cell			{ width: 100%; margin-left: 0; }
  	.skWidth						{ padding: 0 19px 0 15px; }
	.skLogin						{ float: none; text-align: center; margin: 0; display: table; width: 100%; padding-left: 4px;}
	.skLogin .skBtn .login			{ margin-right: 5px; }
	.skLogin .skBtn .register		{ margin-left: 5px; }
	.skSocial.skMobile				{ display: block; }
	.skSocial a.link, 
	.skSocial a.link:link, 
	.skSocial a.link:visited			{ float: none; display: inline-block; margin: 0 9.5px; }
	.skSocial						{ text-align: center; margin: 0px -14px 0 0; }
	.skRow .skLeft,
	.skRow .skRight					{ width: auto; float: none; }
	a.viewall-link, 
	a.viewall-link:link, 
	a.viewall-link:visited			{ transform: none; display: block; bottom: 0; left: 0; width: auto; right: 0; background-color: #c93c20; text-align: center; }
	
	.skRow,
	.skColumn						 { display: block; } 	
	.skRowWrapper					 { margin: 0; }
	.skColumnInner					 { padding: 0; }
	.skSocialFeed					 { display: none; }
	.skSection .skColumnContent:after{ content: none; }
	.skSiteLink.skFtColumn			 { display: block; width: 100%; margin-left:0; }
	.skSiteLink .skSiteItem			 { padding: 0 0 15px 0; }
	.skSiteLink .skSiteItemLink		 { font-size: 16px; }
	.ftContent .skSiteWrapper		 { width: 100%; margin-left: 0; }
	.skSiteLink li					 {margin-bottom: 0; }
	.mobileHide{ display: none; }
	
	.mobileView 							{display: block;}
	/*****New Changes*************************************************************************************************/
	.skHeader							{padding: 10px 0 5px; height: auto; }	
	.skLogin a.skBtn 					{ background: #030303; color: white; }
	.skLogin a.skBtn.login,
	.skLogin a.skBtn.register			{ width: 46%; padding: 5px 15px; box-sizing: border-box; margin: 0; }
	.skLogin a.skBtn.login				{ margin-right: 20px; }	
	.skLogin .register					{border-left: none; }
	.skHeader .skBanner 					{display: table; text-align: center; padding-top: 5px; width: auto;}
	h1.skBannerText						{ display: table-cell; font-size: 36px; line-height: 36px; min-height: 36px; padding: 2px 0 0; height: auto;}
	.skBanner .headerBanner				{ max-height: 72px; overflow: hidden; }
	.skSocial							{display: block; margin-top: 12px;}
	
	/*rotator*/
	/*************/
	.skRotatorBanner .rotatorBannerOverlay 	{ display: none;}
	.skRotatorBanner 						{ position: relative; background: transparent; height: auto;}
	.skRotatorBanner .rotatorBannerImg 		{ display: none; }
	.skWidth.skMobWidth						{ padding: 0; }
	
	/*Image Link*/
	.imageLink 								{ width: auto; padding-top: 30px; padding-bottom: 0;}
	.ImageHolder 							{  display: none; }
	.imageLink li.item 						{ display: block; margin: 0; background: #030303; margin-bottom: 15px; padding: 55px 0; position: relative; }
	.imageLink a								{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
	.imageLinkModule .skLeft,
	.imageLinkModule .skRight				{ width: 100%; float: none; }
	h2.imageLinkTitle						{padding: 0; line-height:1; font-size: 36px; color: white; max-width: unset; }
	
	/*advertise link*/
	.advertiseImageHolder					{ display: none;}
	.advertiseImageHolder img				{ max-width: 100%; height: auto; }
	.advertiseLink 							{ width: 100%; margin-top: 0; margin-bottom: 32px; }
	.advertiseLink a.clickHere,
	img.advertDesc							{ display: none; }
	.advertiseLink a.clickHere.skMobile		{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; }
	 h2.imageLinkTitle						{ text-align: center; width: unset; white-space: unset;}
	.advertiseLink h2.imageLinkTitle			{ width: auto; margin: 0 10px;}
	.advertiseLink .list	 li 					{ display: table;width: 100%;position: relative; padding: 20px 0; height: 100px;}
	.advertiseLink .list	 li .TitleHolder,
	.advertiseLink .list	 li .ImageHolderDiv	{ display: table-cell; float: none; vertical-align: middle;}
	.advertiseImageHolder img.advertLogo 	{ display: none;}
	.advertiseImageHolder img.advertMobLogo 	{ display: block;}
	
	/*tabs section*/
	.skTabs a.mobTabLink, 
	.skTabs a.mobTabLink:link, 
	.skTabs a.mobTabLink:visited 			{ display: block; background: #c2122d; margin-top: 42px; 
											  font-family: Saira Extra Condensed, sans-serif; font-size: 30px; font-weight: 600;}
	.skTabs ul.nav 							{ display: none; }
	.inner									{ margin: 0; padding: 0; }
	.skTabs a.mobTabLink::before				{ content: " "; background-image: url(images/social-sprite.png); background-position: -416px -10px;
											  position: absolute; top: 50%; left: 15px; margin: -4px 0 0 0; width: 16px; height: 8px;}
											  
	.skTabs a.mobTabLink.active::before		 { content: " "; background-image: url(images/social-sprite.png); background-position: -416px 0; left: 15px; }
	.skTabs a.mobTabLink.active { margin-bottom: 0; }
	/*news detail*/
	.tabBackground							{background: #e6e6e6; padding-top: 1px; padding-bottom: 43px; }
	.skNews .inner							{ padding: 5px 10px 0 10px; height: auto; background: white;}
	.skNews  ul.list							{ margin: 0; padding: 0;}
	
	.skNews ul.list li.item					{ margin-top: 12px; margin-bottom: 0; }
	.skNews a.viewall						{ background:#8c8c8c; float: none; text-align: center; color: white; border-bottom: none; 
											  padding: 8px 0; margin-top: 4px; font-size: 20px; margin-right: 0;}
	.skNews a.viewall:hover					{ border-bottom: none; }
	.skNews .day								{ padding: 0; }
	.skNews .date							{ line-height: 36px; }
	.skNews .detail h3						{ font-size: 20px; line-height: 1; }
	.skNews .detail .summary 				{ padding-top: 10px; padding-bottom: 8px; font-size: 14px; margin: 0; word-break: break-all; }
	
	/*about us section*/
	.skAboutus .inner						{ height: 370px; margin-top: 22px; padding: 0 15px;font-size: 14px; line-height: 20px; }
	
	
	/*facebook*/
	.sksocial .inner					 		{ margin-top: 25px; height: 435px; }
	a.fb-wall-message-from			 		{ font-size: 20px; }
	.fb-wall-box:before				 		{ width: 30px; height: 30px; background-position: -315px 0; top: 15px;}
	.fb-wall-box:hover:before		 		{ background-position: -315px 0;}
	.fb-wall-box					 		{ padding: 12px 35px 9px 37px; }
	.fb-wall-date					 		{ padding-top: 1px; }
	.fb-wall-data					 		{ margin-left: 5px;}
	.fb-wall-message				 		{ font-size: 14px; }
	
	/*sponsor*/
	
	.skSponsor 								{ padding: 27px 0; }
	.skSponsor .prev 						{ width: 32px; height: 37px; background-position: -348px 0;}
	.skSponsor .prev:hover 					{ width: 32px; height: 37px; background-position: -348px -40px;}
	.skSponsor .next 						{ width: 32px; height: 37px; background-position: -382px 0;}
	.skSponsor .next:hover 					{ width: 32px; height: 37px; background-position: -382px -40px;}
	.skSponsor .prev, .skSponsor .next		{ margin: 0; transform: translateY(-50%);}
	.caroufredsel_wrapper ul.list			{ margin: 0;}
	
	/*footer content*/
	.ftContact .skLeft						{ width: 100%; float: none; clear: both; }
	.skFtbanner								{ width: auto; padding-top: 30px; }
	.skFtbanner img							{ max-width: 100%; width: 100%; height: auto; }
	.skInfo .skLeft							{ width: auto;}
	
	/*contact us*/
	.skContact 								{ width: auto; margin-top: 24px; margin: 24px 0 28px 15px;}
	.skContact h2.skClubName					{ margin: 0; }
	
	/*affiliates and sitelinks*/
	.affiliatesBanner 						{ width: 68%; }
	.skFooter								{ padding: 0; }
	.skFooter .skLeft						{ width: 100%; float: none; }
	.skAffiliates							{ width: auto; padding: 30px 15px 0 13px; margin-left: 5px;}		
	.skSiteLink								{ width: auto; padding: 0px 15px 13px; margin-left: 5px;}
	h2.skFtHead								{ padding: 0; }
	.linkContent							{ margin-top: 18px; }
	.affiliatesBanner a.link					{ margin-right: 10px; }

	/*skInfo*/
	.skInfoWrapper 							{ padding: 15px 0 18px 0;}
	.skInfo .skLeft					 		{ float: none; text-align: center; padding-left: 0;}
	.skInfo .skRight				 			{ float: none; text-align: center; }
	.skInfo img						 		{ padding-top: 20px; }
	
	/*MOB nav*/
	#Body #mobNav .navLogo a						{ display: none ; }
	#Body #mobNav .navBar						{ background: url(images/mobtoplogo.png) no-repeat center center; height: 44px; }
	h1.navTitle 									{ display: none; }
	/*DDR menu*/
	#Body #mobNav.red .navBar						{ background-colo: white; }
	#Body #mobNav.red .navExpand .navIcon			{ fill: #030303 ; }
	#Body #mobNav.red .navChild .navLink,
	#Body #mobNav.red .navChild .navLink:link,
	#Body #mobNav.red .navChild .navLink:visited		{ color: #c2122d ; }
	#Body #mobNav.red .navDropDown					{ background: #c2122d ;  }
	#Body #mobNav.red .navTabs .activeTab 					{ border-bottom-color: #c2122d; }
	#Body #mobNav.red .navExpand.navArrow .navIcon				{ fill: white; }


	
@media screen and (max-width: 700px){
	.affiliatesBanner 						{ width: 100%; }
}
@media screen and (max-width: 375px){
	.affiliatesBanner a.link				{ width: 130px; margin-right:14px; }
	.affiliatesBanner img				{ margin: 10px auto; width: 100%; height: auto;}
	.imageLink li.item					{ padding: 45px 20px;}
	.advertiseLink .list	 li				{ padding: 10px 0;}
	h2.imageLinkTitle					{ font-size: 28px; }
}