@media only screen and (max-width: 1024px) { .footer .inner, .innerPagePanel .inner,#pagetop .inner { width: 86%; } }
@media only screen and (max-width: 768px) { 
	.innerPagePanel .inner .nav, .innerPagePanel .inner .content { float: none; width: 100%; }
	.footer .inner .top { padding: 20px; text-align: left; width: 100%; }
	.footer .inner .copy { padding: 0 20px 30px; text-align: left; }
	.mobileOnly { display: block; }
	#pagetop .mobileOnly { font-size: 20px; position: absolute; right: 22px; text-align: center; top: 33px; width: 50px; }
	#pagetop .close.mobileOnly { font-size: 20px; left: inherit; position: inherit; text-align: center; top: inherit; width: inherit; }
	#pagetop .mobileOnly a{color:#fff;font-size:0}
	.landing #pagetop .mobileOnly a{color:#3a86ae; }
	.footer .inner .tale .st2 h2, .footer .inner .tale .st2 span,.cssMenu { display: none; }
	#pagetop .inner .rMenu{ display:inline-block}
	.footer .inner .tale .st2{ display:block}	
	.phone { margin-left: 1%; margin-top: 25px; vertical-align: top; width: 47%;}
	.landing .phone { width: 45%; vertical-align: inherit;}
	.cssMenu {background:rgba(255, 255, 255, 0.85) url("../images/logo-big-home.png") no-repeat scroll center 81% / 35% auto; display: none; height: 100%; left: 0;padding: 30px 0 0; position: fixed; top: -20px; width: 100%; z-index: 1;}
	ul.cssMenu li { float: none;  text-align: center;padding: 6px 0;}
	ul.cssMenu li li{padding: 3px 0;} 
	ul.cssMenu li.close a{  background:red; border-radius: 20px; color: red;  cursor: pointer;display: block; font-size: 22px; position: absolute; right: 20px; top: 16px; width: 28px;}
	#pagetop li.close.mobileOnly a:after, ul.cssMenu li.close:nth-child(2):before,
	ul.cssMenu li.close a:before,ul.cssMenu li.close a:after{ display:none}
	#pagetop li.close.mobileOnly a{ font-size:20px; color:#fff;}
	ul.cssMenu ul {position: relative; width: 100%;}
	#pagetop .inner .branding{ width:86% !important}
	.middleimages .text{padding: 20px 12%;}
	.middleimages{ min-height: inherit;}
	.carouselck_caption > div{padding: 10px 5%; width: 90%;}
	.carouselck_caption_title h2 strong {font-size: 15px;}
	.carouselck_caption_title h2 small{  padding: 5px 0 0; font-size: 12px;}
	#carouselck_wrap_188 .carouselck_caption > div > div a { background-color: #000; font-size: 12px; padding: 0 10px;}
	.carouselck_pag {bottom: 0; position: relative; right: 0; width: 70%; z-index: 9999;}
	.imageinner { padding: 5px 0 0;  width: 50%;}
	.carouselck_wrap{margin: 10px auto 50px;}
	.innerPagePanel{padding:0;}
	.innerPagePanel .nav h2{margin: 0 0 10px;}
	.map { position: relative; right: 0; top: 0; width: 92%; height:320px;}
	.footer .inner .tale h2.mobileOnly{ display:block}
	.imageinner{ margin-left:-22px;}
	.sideNavMain{ display:none;}
	.innerPagePanel .nav h2 a:after { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); padding: 0 0 0 20px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; content: "\f107"; }
	.innerPagePanel .nav h2 a.open:after,.innerPagePanel .nav h2 a.open:after { content: "\f106"; }
	.footer .inner .top span.social { display: block;  padding: 10px 0 0;}
	.footer .inner .top span.social:before{ display:none}
	.footer .inner .top span.social a { margin: 0 0 0 10px; padding: 4px 5px 0 0; font-size: 22px;}
	#pagetop .mobileOnly{top: 20px;}
	#pagetop .mobileOnly a::after{ font-size:44px;}
	ul.cssMenu li:nth-child(3)::before{ font-size:22px}
}
@media only screen and (max-width: 480px) { .footer .inner .tale .st2 span { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
	.carouselck_caption_title h2 small{ display: none;}
	#pagetop .mobileOnly{top: 7px;}
	.landing .phone{width: 54%;margin-left: 0;margin-top: 4px;}
	#pagetop .mobileOnly a::after{ font-size:30px;}
	ul.cssMenu li:nth-child(3)::before{ font-size:22px}}
