@media(max-width:1210px) {
	#left-col {
		padding-left:1%;
	}
	#right-col {
		padding-right:1%;
	}

	#logo,#breadcrumb {
		margin-left:15px;
	}

	#hdr-main h1 {
		padding-right:0;
	}
}

@media(max-width:870px) {
	#navigation ul li a {
		padding:.6em .8em;
		font-size:.9em;
	}
}

@media(max-width:767px) {
	#logo {
		width:175px;
		float:none;
		position: static;
		text-align: center;
		padding:15px 0;
		margin:0 auto;
	}

	#header #hdr-main {
		padding:15px;
		background:#eee;
	}
	#header h1 {
		float:none;
		display: block;
		font-size:1.5em;
	}
	#hdr-main #search {
		float:none;
		margin-top:10px;
		text-align: left;
		width:auto;
	}
	#hdr-main #search input[type=text] {
		width:100%;
		background:#f2f2f2;
		border:1px solid #ccc;
	}

	#hdr-main h1 {
		background:none;
		color:#222;
		text-shadow:none;
		padding:0;
	}

	::-webkit-input-placeholder {
		color: #444
	}

	:-moz-placeholder { /* Firefox 18- */
		color: #444;
	}

	::-moz-placeholder {  /* Firefox 19+ */
		color: #444;
	}

	:-ms-input-placeholder {  
		color: #444;
	}

	#navigation {
		box-shadow: none;
		background:#eee;
	}
	#navigation .wrap {
		padding:0;
	}
	#navigation #hamburger {
		display: block;
		padding:0px 10px 5px 15px;
		font-size:1.4em;
	}
	#navigation ul.mainnav > li {
		float:none;
	}
	#navigation ul.mainnav > li a {
		color:#333;
	}
	#navigation ul.subnav {
		position: static;
		display: block;
		background:none;
		box-shadow: none !important;
		width:auto;
	}
	#navigation ul.subnav li a {
		padding-left:35px;
		display: block;
	}
	#navigation ul.mainnav > li:hover {
		background:inherit;
	}

	#breadcrumb {
		margin-bottom:0px;
	}
	#breadcrumb .wrap {
		padding:0 15px;
	}

	#main-content.wrap {
		padding:0 15px;
		box-sizing:border-box;
	}

	#left-col,
	#right-col {
		float:none;
		width:auto;
	}

	#mobile-nav-hdr {
		display: block;
	}

	#cl-menu {
		padding:0 10px 10px 10px;
		background:#f2f2f2;
		border:1px solid #ddd;
	}

	h1 {
		margin-top:.7em;
	}

	#content #tabs ul li {
		float:none;
		display: block;
		margin:0;
	}
	#content #tabs ul li a {
		border-bottom:1px solid #e2e2e2;
	}
	#content #tabs ul li.active {
		border-left:3px solid #582c83;
		border-top:none;
	}
	#content #tabs ul li.active a {
		padding-top:9px;
	}

	#footer .wrap {
		padding:15px;
		box-sizing:border-box;
	}
	ul#foot-nav-top li {
		display: block;
		float:none;
		padding:10px !important;
	}

	.columns {
		float:left;
		width:50%;
		margin-bottom:20px;
	}
	.columns.address {
		clear:both;
	}
	.address ul.visit {
		float:none;
	}
	ul#social {
		margin:20px 0;
	}

}