/* Skin Responsive Code */
/********************************************************************/
@media screen and (max-width: 1200px){
	.skTitle							{ padding: 0px 70px 0px 360px; }
	.skLogo.skFixlogo 					{ left: 165px; }	
	.skLogo								{ left: -20px; }
}
@media screen and (max-width: 1090px){
	img									{ max-width: 100%; height: auto; }
	.skArea								{ overflow: hidden; }
	.skWidth							{ width: auto; padding: 0 28px; }
	.skSocial							{ right: 28px; }
	.LeftPane							{ width: 63%; }
	.RightPane							{ width: 32%; padding: 0 0 0 5%; }
	.LeftPane,
	.RightPane							{ float: left; display: block; }
	.inner-width,
	.inner-table						{ display: block; width: auto; }
	.skLogo								{ left: 0; }
	.skLogoWrp 							{ width: auto; }
	.skTopLinks li.item					{ width: 23%; }
	.skTopLinks li.item a,
	.skTopLinks li.item a:link,
	.skTopLinks li.item a:visited			{ width: 100%; height: 128px; }
	.skBannerwrp						{ margin: 0 -28px; }
	.skBanner li.item						{ width: 49%; }
	.skBanner li.item a.bannerLink,
	.skBanner li.item a.bannerLink:link,
	.skBanner li.item a.bannerLink:visited
										{ display: block; }
	.skBanner li.item img					{ width: 100%; }
	.skBanner li.item.first				{ padding: 0 2% 0 0; }
	.skBanner li:nth-child(3)			{ padding: 30px 2% 0 0; }
	.skLeft								{ width: 62%; }
	.skRight							{ width: 33%; }
	.skFtinner							{ text-align: center; }
	.skFtlogowrp						{ margin: auto; display: table; padding: 53px 0 0 0; }
	.lfimg								{ position: relative; float: left; padding: 0 40px 0 0; }
	.rtimg								{ position: relative; float: right;  }
	.skFtinner							{ width: auto; }
	.skTabNews .datewrp					{ float: none; display: block; }
	.skEvent a.link,
	.skEvent a.link:link,
	.skEvent a.link:visited,
	.skTabNews a.link,					{ display: table; width: 100%; }
	.skTabNews .detail,
	.skTabNews .imgwrp					{ display: table-cell; vertical-align: middle; float: none; padding: 0; }
	.skEvent .time						{ white-space: nowrap; }
	.skTabNews .imgwrp					{ width: 80px; text-align: center; }
	.skTabNews .detail					{ padding: 12px 18px!important; }
	.skTabNews .imgwrp img				{ display: none; }
	.skVideo .content,
	.skTabs .contentInner				{ height: auto; max-height: 400px; overflow: auto; }
}
@media screen and (max-width: 920px){
	.skHeader							{ padding: 0; }
	.skSocial.skMobileNone,
	#google_translate_element			{ display: none; }
	.skSocial.skMobile					{ display: block; }
	#Body .skSocial a.link,
	#Body .skSocial a.link:link, 
	#Body .skSocial a.link:visited		{ margin: 0 8px; }
	.skTopbar							{ text-align: center; }
	.skMininav							{ float: none; display: inline-block; }
	.skSocial							{ position: relative; bottom: auto; right: auto; padding: 12px 0; background: #344a80; margin: 0 -28px; text-align: center; }
	.skSocial a.link, 
	.skSocial a.link:link, 
	.skSocial a.link:visited			{ float: none; display: inline-block; }
	.skSocial a.link, .skSocial a.link:link, .skSocial a.link:visited { margin: 0 10px; }
	a.facebook,
	a.facebook:link,
	a.facebook:visited 					{ background-position: 0 0; width: 11px; }
	a.facebook:hover,
	a.facebook:focus,
	a.facebook:active					{ background-position: 0 -24px; }
	a.twitter,
	a.twitter:link,
	a.twitter:visited 					{ background-position: -11px 0; width: 29px; }
	a.twitter:hover,
	a.twitter:focus,
	a.twitter:active					{ background-position: -11px -24px; }
	a.instagram,
	a.instagram:link,
	a.instagram:visited 					{ background-position: -40px 0; width: 24px; }
	a.instagram:hover,
	a.instagram:focus,
	a.instagram:active					{ background-position: -40px -24px; }
	a.youtube,
	a.youtube:link,
	a.youtube:visited 					{ background-position: -64px 0; width: 32px; }
	a.youtube:hover,
	a.youtube:focus,
	a.youtube:active					{ background-position: -64px -24px; }
	a.tumblr,
	a.tumblr:link,
	a.tumblr:visited 					{ background-position: -96px 0; width: 15px; }
	a.tumblr:hover,
	a.tumblr:focus,
	a.tumblr:active						{ background-position: -96px -24px; }
	a.cart,
	a.cart:link,
	a.cart:visited 						{ background-position: -111px 0; width: 28px; }
	a.cart:hover,
	a.cart:focus,
	a.cart:active						{ background-position: -111px -24px; }
	a.google,
	a.google:link,
	a.google:visited 					{ background-position: -139px 0; width: 24px; }
	a.google:hover,
	a.google:focus,
	a.google:active						{ background-position: -139px -24px; }
	#google_translate_element .goog-te-menu-value,
	#google_translate_element .goog-te-menu-value:link,
	#google_translate_element .goog-te-menu-value:visited
										{ background-position: -139px 0; }
	#google_translate_element .goog-te-menu-value:hover,
	#google_translate_element .goog-te-menu-value:focus,
	#google_translate_element .goog-te-menu-value:active
										{ background-position: -139px -24; }
	.skLogoWrp							{ float: none; padding: 26px 0; vertical-align: middle; text-align: center; }
	.skLogo								{ position: relative; display: inline-block; }
	.skTitle							{ float: none; display: inline-block; padding: 24px 0 0 0; text-align: center; }
	.skLogo.skFixlogo					{ left: 30px; }
	.skTitle span						{ padding: 12px 4px 3px 4px; }
}

@media screen and (max-width: 786px){
	#Body .slider1600584 .pager a:hover { background: #fff; }
	#Body .pager a.selected,
	#Body .pager a.selected:hover		{ background: #d72c23; }
	#Body .slider1600584 .caption		{ bottom: 0; background: #00123e; padding-top: 10px; } 
	#Body .slider1600584 .wrapper p.description,
	.shadow								{ display: none; }	
}

@media screen and (max-width: 768px){
	#Body #mobNav .navBar				{ border-bottom: 1px solid #354b7f; }	
	#Body .navTabs .navItem				{ border-top: 1px solid #fff; }
	.skLogo								{ display: none; }
	.LeftPane,
	.RightPane							{ float: none; display: block; width: auto; padding: 0; }
	.skTopbar							{ display: none; }
	.skSponsor							{ background: none; }
	.skSponsor .content 					{ background: #fff; }
	.skCntWrapper						{ background: transparent; }
	.skSocial							{ padding: 16px 22px 16px 28px; text-align: center; background: transparent; }
	.skLogoWrp							{ padding: 26px 0 0; }
	.skTitle							{ padding: 0; }
	.skNav								{ display: none; }
	.skTopLinks							{ background: none; padding-bottom: 0;  -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
	.skTopLinks li.item					{ width: 49%; padding: 2% 2% 0 0; }
	.skTopLinks li.item.alt				{ padding: 2% 0 0 0; }
	.skTopLinks li.item img				{ width: 100%; height: auto; }
	.skTopLinks li.item a,
	.skTopLinks li.item a:link,
	.skTopLinks li.item a:visited			{ width: 100%; height :auto; }
	.skTabs a.mobTabLink.active,
	.skTabs a.mobTabLink.active:link,
	.skTabs a.mobTabLink.active:visited	{ display: none; }
	.skRow								{ padding: 0 0 28px 0; }
	.skLeft								{ width: auto; float: none; padding: 0 0 28px 0; }
	.skRight							{ width: auto; float: none; }
	a.redbtn,
	a.redbtn:link,
	a.redbtn:visited					{ width: 100%; text-align: center; margin: 20px 0 0 0;}
	.skInfo .left,
	.skInfo .right						{ float: none; text-align: center; }
	.skInfo .skMininav					{ display: table; margin: auto; float: none; }
	.HiddenLink							{ display: none; }
	.skInfo .separator					{ display: inline-block; padding: 0 15px; }
	.skTabs ul.nav						{ display: none; }
	.skTabs h3.mobTitle,
	.skTabs a.mobTabLink,
	.skTabs a.mobTabLink:link,
	.skTabs a.mobTabLink:visited			{ display: block; }
	.skWhitebg,
	.skTabs .content						{ padding: 18px; }
	a.viewall-link,
	a.viewall-link:link,
	a.viewall-link:visited				{ position: relative; margin: 18px 0 0 0; padding: 18px; display: block; background: #da2128; color: #fff; 
										top: auto; bottom: auto; left: auto; right: auto; text-align: center; }
	a.viewall-link svg					{ display: none; }
	.skSocialFeed .head					{ margin: 0; }
	.skFooter							{ margin-top: 28px;}
	.skEvent .month						{ line-height: 26px; }
	.skEvent .date						{ line-height: 33px; }
	.skEvent .title						{ float: none; font-size: 20px;}
	.skEvent .Eventwrp					{background: #344a80;}
	.skEvent li.item a.link				{ display: table; width: 100%; }
	.skEvent a.link:hover .Eventwrp, 
	.skEvent a.link:focus .Eventwrp, 
	.skEvent a.link:active .Eventwrp		{ background: #da2128; }
	.skEvent .Timetitlewrp,
	.skEvent .Eventwrp					{ display: table-cell; vertical-align: middle; float: none; padding: 0; }
	.skEvent .Eventwrp					{ width: 60px; padding:10px 10px ; }
	.skEvent .timewrp						{ display: block; margin: 0; }
	.skEvent .time						{ float: none; margin: 0; display: inline-block; }
	.skEvent .title						{ display: block; padding: 0; margin-top: 5px; }
	.skEvent .Timetitlewrp				{ padding:12px 18px; }
	.skEvent .datewrp					{ width:60px; }
	.skFBWrapper iframe					{ display: block; margin: auto;}
}

@media screen and (max-width: 740px){
	.skTitle							{ display: table; margin: auto; text-align: center; }
}

@media screen and (max-width: 640px){
	.skTitle							{ font-size: 40px; line-height: 46px; }
	.skTitle span						{ font-size: 18px; line-height: 20px; }
	.skTopbar							{ display: none; }
	.skTopLinks li.item,
	.skTopLinks li.item.alt				{ width: auto; height: auto; float: none; padding: 0 0 28px 0;  }
	.skTopLinks li.item.last				{ padding: 0; }
	.skTopLinks li.item a.link				{ height: 180px; overflow: hidden; }
	.skTopLinks li.item img				{ display: none; }
	.skLogoWrp							{ float: none;  }
	.skTitle							{ float: none; text-align: center; margin: auto; padding-left: 0; }
	.skBanner .list li.item				{ padding: 0 0 30px 0; }
	.skBanner .list li.item:last-child	{ padding-bottom: 0 ; }
	.skBanner li.item,
	.skBanner li.item.first				{ width: auto; height: auto; float: none; }
	.skFtinner:before					{ display: none; }
	.skContactus						{ float: none; width: auto; border: none; padding: 0 0 46px 0; }
	.skSiteLink							{ float: none; width: auto; border: none; }
	.lfimg img, .rtimg img				{ width: 120px; }	
}
@media screen and (max-width: 514px){
	.skSponsor .content					{ padding: 45px 45px;}
	.skTopLinks li.item a.link 			{ height: 125px;}
	.skTopLinks .title 					{ padding: 0 10px;}

}
@media screen and (max-width: 410px){
	#Body .slider1600584 .title			{ font-size: 15px; }
}
@media screen and (max-width: 360px){
	.skTitle							{ font-size: 36px; line-height: 42px; }
	.skTitle span						{ font-size: 16px; line-height: 18px; }
	.skSiteLink ul.list,
	.skSiteLink ul.list.first			{ display: block; width: 80%; padding: 0; margin: auto; }	
}