/* Skin Responsive Code */
/********************************************************************/
@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; }
	.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,
	.skTabNews a.link					{ display: table; width: 100%; }
	.skEvent .title,
	.skEvent .timewrp,
	.skEvent .datewrp,
	.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: 980px){
	.skTitle							{ padding: 12px 100px 2px 182px; }
}

@media screen and (max-width: 920px){
	.skHeader							{ padding: 0; }
	.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,
	#google_translate_element			{ float: none; display: inline-block; }
	a.facebook,
	a.facebook:link,
	a.facebook:visited 					{ background-position: 0 -24px; width: 11px; }
	a.facebook:hover,
	a.facebook:focus,
	a.facebook:active					{ background-position: 0 0; }
	a.twitter,
	a.twitter:link,
	a.twitter:visited 					{ background-position: -11px -24px; width: 29px; }
	a.twitter:hover,
	a.twitter:focus,
	a.twitter:active					{ background-position: -11px 0; }
	a.instagram,
	a.instagram:link,
	a.instagram:visited 				{ background-position: -40px -24px; width: 24px; }
	a.instagram:hover,
	a.instagram:focus,
	a.instagram:active					{ background-position: -40px 0; }
	a.youtube,
	a.youtube:link,
	a.youtube:visited 					{ background-position: -64px -24px; width: 32px; }
	a.youtube:hover,
	a.youtube:focus,
	a.youtube:active					{ background-position: -64px 0; }
	a.tumblr,
	a.tumblr:link,
	a.tumblr:visited 					{ background-position: -96px -24px; width: 15px; }
	a.tumblr:hover,
	a.tumblr:focus,
	a.tumblr:active						{ background-position: -96px 0; }
	a.cart,
	a.cart:link,
	a.cart:visited 						{ background-position: -111px -24px; width: 28px; }
	a.cart:hover,
	a.cart:focus,
	a.cart:active						{ background-position: -111px 0; }
	a.google,
	a.google:link,
	a.google:visited 					{ background-position: -139px -24px; width: 24px; }
	a.google:hover,
	a.google:focus,
	a.google:active						{ background-position: -139px 0; }
	#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 -24px; }
	#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 0; }
	.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; }
}

@media screen and (max-width: 768px){
	.skArea								{ background-size: cover !important; }
	.LeftPane,
	.RightPane							{ float: none; display: block; width: auto; padding: 0; }
	.skTopbar							{ background: transparent !important; }
	.skSocial							{ background: transparent; float: none; text-align: center; }
	.skLogo								{ display: none; }
	.skLogoWrp							{ padding: 0 0 26px 0; }
	.skTitle							{ padding: 0; }
	.skSponsor							{ background: none; }
	.skSponsor .content 					{ background: #fff; }
	.skCntWrapper						{ background: transparent; }
	.skSocial							{ padding: 16px 22px 16px 28px; }
	.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; }
	.slider1600584 .wrapper p.description{ display: none; }
	.skQuickLinks a.link					{ display: table; width: 100%; }
	.skQuickLinks a.link .number			{ display: table-cell; vertical-align: middle; }
	.skQuickLinks a.link .title			{ padding-left: 10px; display: table-cell;  vertical-align: middle; line-height:1; }
	.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; }
	.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 !important; }
	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; }
	.skSocialFeed::before				{ content: none; }
	.skSocialFeed .skSocialTab 			{ top: 0; }
    .skFBWrapper iframe					{ display: block; width: 100%; 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: 22px; max-height: 46px;}
	.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;  }
	.skLogo								{ float: none; text-align: center; margin: auto; position: relative; }
	.skTitle							{ float: none; text-align: center; margin: auto; padding-left: 0; }
	.skBanner li.item,
	.skBanner li.item.first				{ width: auto; height: auto; float: none; padding: 0; }
	.skBanner li.item.first				{ padding: 0 0 28px 0; }
	.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; }
	.skEvent .title,
	.skEvent .timewrp					{ padding-left: 80px; display: block; }
	.skEvent .datewrp					{ float: left; padding: 6px 0; }
	.skEvent .date,
	.skEvent .month						{ position: relative; }
	.skEvent .time						{ font-size: 16px; line-height: 20px; float: none; display: block; margin: 0; padding: 6px 0 0 0; border: 0; }
	.skEvent .title						{ font-size: 18px; line-height: 24px; padding-bottom: 6px; }
	.skEvent a.link, 
	.skEvent a.link:link, 
	.skEvent a.link:visited				{ position: relative; }
	
	.skEvent a.link .datewrp:before		{ content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 68px; background: #344a80; z-index: 0; }
	.skEvent a.link:hover .datewrp:before,
	.skEvent a.link:focus .datewrp:before,
	.skEvent a.link:active .datewrp:before
										{ background: #da2128; }
	.slider1600584 .caption 				{ bottom: 0 !important;}
}

@media screen and (max-width: 360px){
	.skTitle							{ font-size: 36px; line-height: 42px; }
	.skTitle span						{ font-size: 16px; line-height: 20px; max-height: 40px;}
	.skSiteLink ul.list,
	.skSiteLink ul.list.first			{ display: block; width: 80%; padding: 0; margin: auto; }
	.lfimg 								{ padding: 0 20px 0 0;}
}