@media screen and (max-width:830px) {
	#logo {float:none; width:auto;}
	#logo a {display:block; color:#333; margin:18px 0 0 9px;}
	#telephone {margin:12px 18px 0 9px; float:none; width:auto; padding:0 0 7px 50px; min-height:40px;}
	#telephone span.number {display:block; clear:left;}
	header div.container {min-height: 110px;}
}
@media only screen and (max-width:768px) {
	header {background:#fff; border-bottom:none;}
	nav {background:#333333; position:relative; min-height:42px; display:block; z-index:999; top:0; left:0;}	
	nav ul {float:none; margin:0; width:100%; position:absolute; top:0; left:0; background:#333 url(/images/icon-menu.png) no-repeat 10px 14px;}
	nav ul li {float:none; display:none; margin:0;}
	nav ul li.current {display:block;}
	nav ul li a {display:block; padding:8px 5px 8px 28px; text-align:left; color:#fff; text-decoration:none;}
	nav ul li a:hover {color:#fff; text-decoration:none; background:#2AA2B9;}
	nav ul li.current a {background:none; color:#fff; padding:12px 5px 12px 28px;}
	nav ul li.current a:hover {background-color:#2AA2B9;}
	nav ul:hover {background-image:none;}
	nav ul:hover li {display:block;}
	nav ul:hover li.current a {background-image:url(/images/icon-arrow.png); background-repeat:no-repeat; background-position:10px 12px;}
	nav.right ul {left:auto; right:0;}
	nav.center ul {left:50%; margin-left:-90px;}
	#subNav {background-position:130% 0;}
	/* Content */
	div.pageColLeft {float:none; width:100%; margin:0;}
	div.pageColRight {float:none; width:100%;}
}
@media screen and (max-width:690px) {
	#subNav {background-image:none;}
}
@media screen and (max-width:650px) {
	/* Home */
	#home {padding:22px 28px;}
	#slideshow {width:100%; float:none; margin:0 0 15px 0;}
	#panels {float:none; width:100%;}
	#panels div.panel {margin-right:8%; float:left; width:46%;}
	#panels div.panel.last {float:right; margin:0;}
	
	/* conditions */
	#panels.conditions {float:none; width:100%;}
	#panels div.col div.panel {margin-right:0; width:90%;}
	
	/* Content */
	div.pageColLeft.narrow {float:none; width:100%; margin:0;}
	div.pageColRight.wide {float:none; width:100%;}
}
@media screen and (max-width:576px) {
	#logo img {width:90%; height:auto;}
	/* Home */
	#homeColLeft {float:none; width:100%; margin:0;}
	#homeColRight {float:none; width:100%; padding-top:30px;}
}
@media only screen and (max-width:480px) {
	html {-webkit-text-size-adjust:none;}
	/* Sub Nav */
	#subNav ul li.title {display:none;}
}
@media only screen and (max-width:340px) {
	#content .testimonialPanel h2 {margin:0 20px;}
}
@media only screen and (max-width:320px) {
	#panels div.panel {margin-right:0; float:none; width:100%;}
	#panels div.panel.last {float:none;}
	#telephone br {display:block;}
	#telephone span.number {display:inline; clear:none;}
}