/* Skin Responsive Code */
/********************************************************************/
@media screen and (max-width: 1080px){
	img										{ max-width: 100%; height: auto; }
	.skWidth								{ width: 90%; }
	.skLogo									{ left: 0; }
	.skNav									{ padding-left: 248px; }
	.skBoxLinks li.item						{ width: 31%; padding: 0 2% 0 0; }
	.skBoxLinks li.last						{ padding: 0; }
	.skLeft									{ width: 66%; }
	.skRight								{ width: 32%; }
	.skFooter 								{ padding: 15px; width: calc(100% - 30px); }
	.skContact,
	.skSitelinks							{ width: 33.33%; }
	.skFtLogo								{ width: calc(33.34% - 56px); text-align: center; }
	.skTitle								{ padding-left: 234px; }
}
@media screen and (max-width: 900px){
	.skBanner 								{ padding: 0 12px; }
	.skBanner a.link, 
	.skBanner a.link:link, 
	.skBanner a.link:visited				{ display: block; }
	.skSitelinks ul.first					{ width: auto; }
}
@media screen and (max-width: 768px){
	.inner-width							{ display: block; }
	.skBoxLinks ul.list						{ text-align: center; }
	.skBoxLinks li.item						{ display: inline-block; float: none; width: auto; padding: 2%; }
	.skLeft,
	.skRight								{ width: auto; float: none; }
	.skNav									{ display: none; }
	.skVideo .skContent,
	.skEvents .skContent,
	.skQuickLinks .skContent,
	.skAboutUs .skContentArea				{ height: auto; overflow: inherit; }
	#Body .flip-clock-wrapper 				{ width: 96%;}
	#Body #mobNav.navy .navBar,
	#Body #mobNav.navy .navDropDown			{ background: #17335d; }
	#Body #mobNav.navy .navTabs .activeTab	{ border-bottom-color: transparent; }
	.skLogo									{ display: none; }
	.skSlider								{ padding-top: 10px; }
	#Body .skEmbededHTML .flip-clock-wrapper ul	{ margin: 3px; }	
	#Body .skEmbededHTML						{ padding: 0 9px 22px; }
	#Body .skEmbededHTML .flip-clock-wrapper	{ width: 99%; }
	#Body .skEmbededHTML .flip-clock-divider.days .flip-clock-label		{ left: 84px; }
	#Body .skEmbededHTML .flip-clock-divider.hours .flip-clock-label	{ right: -88px; }
	#Body .skEmbededHTML .flip-clock-divider.minutes .flip-clock-label	{ right: -92px; }
	#Body .skEmbededHTML .flip-clock-divider.seconds .flip-clock-label	{ right: -90px; }
	.skFtLogo								{ display: block; float: none; padding: 22px 0 0 0; width: auto; text-align: center; }
	.skContact,
	.skSitelinks							{ width: auto; float: none; display: block; text-align: center; }
	.skSitelinks ul.list					{ float: none; padding: 0; }
	.skSitelinks li.item					{ background: none; }
	.skSitelinks li.item .link				{ position: relative; }
	.skSitelinks .item .link:after			{ content: ''; background-image: url(images/link-arrow.png); position: absolute; top: 3px; left: 0; background-repeat: no-repeat; width: 10px; height: 10px; }
}
@media screen and (max-width: 700px){
	.skWidth								{ width: 80%; }
	.skTitle								{ float: none; padding: 12px 0; text-align: center; }
	.skLogin #google_translate_element		{ display: none; }
	.skActionWrp							{ padding: 12px 0; margin: 0; }
	.skAction								{ float: none; text-align: center; }
	.skSocial, 
	.skLogin,
	.skSocial *, 
	.skLogin *,
	.skLogin a.actionLink,
	.skLogin a.actionLink:link,
	.skLogin a.actionLink:visited			{ float: none; display: inline-block; }
	.skInfo .left,
	.skInfo .right							{ float: none; text-align: center; }
	.skEvents .date,
	.skEvents .day, 
	.skEvents .time,
	.skEvents .month						{ float: none; display: inline-block; width: auto; font-size: 20px; line-height: 26px; color: #1350a9; }
	.skEvents .time							{ padding: 0; margin: 0; border: 0; background: transparent; }
	.skEvents .googleCalendar .description,
	.skEvents .description					{ padding: 0; }
	#Body .skEmbededHTML .flip-clock-divider .flip-clock-label	{ right: -80px;}
	#Body .skEmbededHTML .flip-clock-wrapper					{ width: 100%; margin: 20px; }
	#Body .skEmbededHTML .flip-clock-wrapper ul					{ margin: 1px; width: 20px; height: 40px; line-height: 40px; }
	#Body .skEmbededHTML .flip-clock-wrapper ul li a div		{ font-size: 15px; }
	#Body .skEmbededHTML .flip-clock-divider					{ display: block; height: 40px; width: 18px; }
	#Body .skEmbededHTML .flip-clock-divider.hours				{ width: 18px;} 
	#Body .skEmbededHTML .flip-clock-divider.days				{ display: none; }
	#Body .skEmbededHTML .flip-clock-divider.hours .flip-clock-label	{ top: 104px; right: 110px; position: absolute; }
	#Body .skEmbededHTML .flip-clock-divider.minutes .flip-clock-label	{ top: 104px; right: 75px; position: absolute; }
	#Body .skEmbededHTML .flip-clock-divider.seconds .flip-clock-label	{ top: 104px; right: 75px; position: absolute; }
	#Body .skEmbededHTML .flip-clock-dot.top					{ top: 10px; }
	#Body .skEmbededHTML .flip-clock-dot.bottom					{ bottom: 10px; }
}
@media screen and (max-width: 640px){
	.skLogin a.actionLink,
	.skLogin a.actionLink:link,
	.skLogin a.actionLink:visited			{ margin: 2px 6px; padding: 6px 10px; }
	.skSocial								{ padding: 0 0 12px 0; }
}
@media screen and (max-width: 480px){
	.skLogin								{ display: block; }
}
@media screen and (max-width: 359px){
	#Body .skLogin #skMobNavBtn					{ margin-top: 6px; } 
	#Body .skBoxLinks .title					{ font-size: 18px;}
	#Body .skEmbededHTML .flip-clock-wrapper	{ width: 100%; margin: 10px; }
}
@media screen and (max-width: 380px){
	.skBoxLinks li.item										{ display: block; padding: 2% 0; }
	#Body .skEmbededHTML .flip-clock-wrapper ul li a div	{ font-size: 15px; }
	#Body .skEmbededHTML .flip-clock-wrapper ul				{ margin: 1px; width: 15px; height: 40px; line-height: 40px; }
}