/* Skin Responsive Code */
/********************************************************************/
@media screen and (max-width: 1100px){
	img									{ max-width: 100%; }
	.skLogo								{ left: 0; }
	.skTitle							{ padding: 0 0 0 138px; }
	.skDisclaimer                                        { padding: 15px 50px;}
	.skDisclaimer br                                    { display: none; }
}
@media screen and (max-width: 980px){
	.skWidth							{ width: auto; padding: 0 18px; }
	.inner-width,
	.inner-table,
	.inner-cell							{ display: block; }
	.inner-skin .LeftPane				{ width: 50%; overflow: auto; display: block; float: left; padding: 0; }
	.inner-skin .RightPane				{ width: 50%; overflow: auto; display: block; float: right; padding: 0; }
	.skNews li.item						{ width: 48.5%; margin: 0 0 29px 0; min-height: 150px; }
	.skNews li.item.alt					{ width: 48.5%; float: right; }
	.skNews a.link, 
	.skNews a.link:link, 
	.skNews a.link:visited				{ position: relative; bottom: auto; right: auto; }
	.skFieldStatus						{ width: 33%; }
	.skTabs								{ width: 63%; }
	.skFooter .ftLeft					{ width: 23.8205%; padding: 0 5.1282% 0 1.9487%; }
	.skFooter .ftMiddle					{ width: 30.7692%; padding: 0 5.1282%; }
	.skFooter .ftRight					{ width: 19.7948%; padding: 0 1.9487% 0 5.1282%; }
}
@media screen and (max-width: 920px){
	.skNews .img						{ display: none; }
	.skNews .detail						{ padding: 18px; }
}
@media screen and (max-width: 800px){
    .skNews li.item						{ min-height: 200px; }
}
@media screen and (max-width: 768px){
	.inner-skin .LeftPane,
	.inner-skin .RightPane				{ width: auto; float: none !important; }
	.skNav								{ display: none; }
	.skTabs,
	.skFieldStatus						{ width: auto; float: none; }
	.skFieldStatus						{ margin: 0 0 20px 0; }
	.skTabs .content,
	.skFieldStatus .content				{ height: auto; }
	.skTabs .content					{ display: block; padding: 0; }
	.mobAccordion .swm					{ font-size: 17px; display: block; background-color: #002841; font-weight: bold; margin: 10px 0; text-align: center; color: #fff; padding: 8px; }	
	.mobAccordion .swm:hover			{ background-color: #b3a369; }
	.mobAccordion .swm:hover i,
	.mobAccordion .swm:focus i,
	.mobAccordion .swm:active i			{ border-left: 5px solid #fff; }
	a.btn, 
	a.btn:link, 
	a.btn:visited						{ display: block; text-align: center; background-color: #002841; }
	a.btn:hover,
	a.btn:focus,
	a.btn:active						{ background-color: #b3a369; }
	a.skViewAllbtn:hover,
	a.skViewAllbtn:focus,
	a.skViewAllbtn:active						{ background: #fff; color: #b3a369;}
	ul.field>li.item,
	ul.tweet_list li,
	.skEvents li.item					{ display: none; }
	ul.field>li.item:nth-child(-n+3),
	ul.tweet_list li:nth-child(-n+4),
	.skEvents li.item:nth-child(-n+4)	{ display: block; }
	.mobAccordion.all ul.tweet_list li,
	.skEvents .mobAccordion.all li.item	{ display: block; }
	ul.field>li.item:nth-child(3),
	ul.tweet_list li:nth-child(4),
	.skEvents li.item:nth-child(4)		{ border: 0; }
	.mobAccordion.all ul.tweet_list li:nth-child(4)
										{ border-bottom: 1px solid #c7c8ca; padding: 16px 0 16px 96px; }
	.skTabs ul.nav						{ display: none; }
	.skTabs								{ background: transparent; padding: 0; }
	.mobAccordion						{ background: #fff; }
	.mobAccordion .tl					{ display: block; }
	.mobAccordion .cnt					{ display: none; padding: 10px;  }
	.mobAccordion.active .cnt,
	.mobAccordion.active .tl:after		{ display: block;  }
	.skRow								{ padding: 0; }
	.skEvents,
	.skSocialNews,
	.skAboutClub						{ margin: 0 0 29px 0; }	
	.skFooter .ftLeft,
	.skFooter .ftMiddle,
	.skFooter .ftRight					{ width: auto; float: none; height: auto !important; 
										border: 0; text-align: center; padding: 26px 0; border-bottom: 1px solid #7b7b7b; }
	.skFooter .ftLeft					{ padding-top: 0; }
	.skFooter .ftRight					{ padding-bottom: 0; border-bottom: 0; }
	.skTopbar .skSocial,
	.skLogo								{ display: none;}
	.skTopbar							{ background : transparent;}
	.skBanner							{ padding: 0; background: transparent; }
	.skTitle							{ padding: 8px 0; text-align: center; font-size: 52px; line-height: 52px;  }
	.skSocial							{ float: none; display: table; margin: auto; padding: 10px 0 20px 0;}
	.skAction							{ float: left; width: 100%; margin: 0; display: block; }
	.skAction a.link, 
	.skAction a.link:link,
	.skAction a.link:visited			{ float: left; margin: 0 1%; width: 48%; display: block; text-align: center; padding: 6px 0; }
	.skActionwrp						{ display: block;}
	.skSocial a.link, 
	.skSocial a.link:link,
	.skSocial a.link:visited			{ background-image: url("images/mob-icn-social.png"); margin: 4px 10px 4px 8px;}
	.skSocial a.facebook, .skSocial a.facebook:link, 
	.skSocial a.facebook:visited
									{ width: 10px; }
	.skSocial a.twitter, .skSocial a.twitter:link, 
	.skSocial a.twitter:visited
									{ width: 26px; }
	.skSocial a.youtube, 
	.skSocial a.youtube:link, 
	.skSocial a.youtube:visited
									{ background-position: -40px 0; width: 29px; }
	.skSocial a.youtube:hover,
	.skSocial a.youtube:focus,
	.skSocial a.youtube:active 				{ background-position: -40px -22px; }
	.skSocial a.skInstagram, 
	.skSocial a.skInstagram:link, 
	.skSocial a.skInstagram:visited
									{ background-position: -69px 0; width: 22px; }
	.skSocial a.skInstagram:hover,
	.skSocial a.skInstagram:focus,
	.skSocial a.skInstagram:active
									{ background-position: -69px -22px; }
	.skSocial a.flickr:link,
	.skSocial a.flickr:visited				{ background-position: -91px 0; width: 18px; }
	.skSocial a.flickr:hover,
	.skSocial a.flickr:focus,
	.skSocial a.flickr:active 				{ background-position: -91px -22px; }
	.skAction a.link:hover, 
	.skAction a.link:active,
	.skAction a.link:focus				{ color: #fff; background: #b3a369;}
	.skFieldStatus .content				{ margin: 0; padding: 10px;  }
	.skTabs .content					{ margin: 0 0 20px 0;}
	.skAboutClub .cnt					{ max-height: 320px; overflow: auto; }
	.stLinkWrapper						{ display: table; margin: auto; text-align: left; }
	.stLinkWrapper ul.list				{ display: table-cell; padding-right: 15px; min-width: 140px; }
	.stLinkWrapper ul.list.last 		{ padding: 0; }
	.stLinkWrapper ul.last li.last,
	.stLinkWrapper ul.list li.last		{ padding: 0; }
	.skInfo .left { width: 65%; }
	#mobNav .navLink{ white-space: unset;}
}
@media screen and (max-width: 680px){
	
	.skTitle,
	.skSlider							{ margin: 0 -18px; }
	.skContent							{ padding: 0; }
	.skSlider							{ padding: 0 0 18px 0; }
	.skEvents,
	.skSocialNews,
	.skAboutClub,
	.skFieldStatus						{ margin: 0 0 20px 0; }
	.skNews								{ padding: 0 0 11px 0; }
	.skNews li.item,
	.skNews li.item.alt					{ float: none; width: auto; margin: 0 0 9px 0; min-height: auto; }
	.skNews .title						{ padding: 0; }
	.skNews .summary						{ display: none; }
	.skInfo .left,
	.skInfo .right						{ float: none; text-align: center; }
	.skEvents .time						{ font-size: 14px; line-height: 18px; padding: 0 2px; float: none; display: table; }
	.skEvents .head						{ padding: 0; }
	.skEvents .summary					{ display: none; }
	.skEvents .time						{ display: none; }
	.skEvents .detail .time				{ display: inline-block; }
	.skInfo								{ padding: 18px 0; }
	.skInfo a.HiddenLink,
	.skInfo a.HiddenLink:link,
	.skInfo a.HiddenLink:visited		{ display: none; }
	.skInfo .left { width: auto; }
}
@media screen and (max-width: 350px){
	.skAction,
	.skSocial							{ float: none; display: table; margin: auto; }
	.skDisclaimer                                           { padding: 15px 30px;}
	.skEvents .detail a,
	.skEvents .detail a:link                          { white-space: pre-wrap; }
}
