/* =Tablets
----------------------------------------------------------------------------- */

@media (max-width: 1024px) {
	.button {
		background-color: #f6f4d7;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f2d9), color-stop(100%, #ede9d1)) !important;
		background: -moz-linear-gradient(top, #f6f2d9 0%, #ede9d1 100%) !important;
		background: linear-gradient(top, #f7f3db 0%, #ede9d1 100%) !important;
		display: inline-block;
	}

	.button-promo,
	.button-promo:hover {
		background: #ec762b none !important;
	}

	.row {
		min-width: 0;
	}

	.additional-content {
		background-image: none;
		padding-right: 15px;
	}

	nav ul li {
		font-size: 14px;
	}

	nav ul li a {
		padding-left: 20px;
		padding-right: 20px;
	}

	#hero {
		margin-top: -3px;
	}
}

@media (max-width: 900px) {
	nav ul li {
		font-size: 14px;
	}

	nav ul li a {
		padding-left: 13px;
		padding-right: 13px;
	}
}

@media (max-width: 885px) {
	.careers-videos li:nth-child(2n+2) {
		margin-left: 0;
	}

	.careers-videos li {
		min-width: 0;
		max-width: none;
		width: 100%;
	}
}

@media (max-width: 801px) {
	nav ul li {
		font-size: 13px;
		background: url(../images/sprite.png) no-repeat -531px -106px;
	}

	nav ul li a {
		padding-left: 12px;
		padding-right: 12px;
	}

	.footer-social li {
		font-size: 13px;
	}
}



@media (min-width: 768px) {
	#menu-primary-navigation, .sidebar ul {
		display: block !important;
	}
}

/* =Tablets Portrait
----------------------------------------------------------------------------- */

@media (max-width: 767px), (max-width: 767px) and (orientation: portrait) {
	html {
		background-image: none;
	}

	header {
		background-color: #fff;
		background-image: url(../images/background.jpg);
		background-repeat: repeat-x;
		background-position: center -343px;
		min-height: 0;
		max-height: none;
	}

	h1 {
		background-image: none;
		padding-left: 0;
	}

	.global, header .store-locator, .logo,
	#hero, .cycle-pager, .footer-home .footer-social {
		display: none;
	}

	.logo {
		display: none;
	}

	.nav-btn {
		display: block;
	}

	.mobile-logo {
		display: block;
	}

	nav {
		height: auto;
		padding: 0;
	}

	nav ul {
		display: none;
		margin-left: 0;
	}

	nav ul li {
		background: none;
		font-size: 16px;
		float: none;
		padding: 0;
		margin: 0;
		width: auto;
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
		-webkit-transition: 0.3s all ease-out 0s;
		-moz-transition: 0.3s all ease-out 0s;
		-ms-transition: 0.3s all ease-out 0s;
		-o-transition: 0.3s all ease-out 0s;
		transition: 0.3s all ease-out 0s;
	}

	nav ul li:hover {
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
	}

	nav ul li.current-menu-item {
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
	}

	nav ul li a {
		padding-left: 10px;
		padding-right: 10px;
	}

	.sidebar {
		margin-bottom: 45px;
	}

	.sidebar-btn {
		display: inline-block;
	}

	.sidebar .menu {
		display: none;
		border: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	.aside aside {
		display: none;
	}

	.footer-home .align-center {
		text-align: center;
	}

	footer .align-center {
		margin-bottom: 30px;
	}

	.sidebar ul li a {
		padding: 10px 3px;
	}

	.menu-category {
		padding-left: 0;
	}

	.menu-category span {
		background: none;
	}

	#googlecart-widget-body {
		width: 230px !important;
	}

	.soup-calendar dd {
		min-width: 32px;
	}

	.soup-calendar a {
		padding: 8px 4px;
	}

	.soup-calendar a span {
		display: none;
	}

	.soup-calendar a ins {
		display: block;
	}

	.soup-calendar .today a {
		background-position: -775px -190px;
	}

	.careers-videos li {
		float: none;
		max-width: none;
		width: 100%;
	}

	.careers-videos li:nth-child(2n+2) {
		margin-left: 0;
		margin-right: 0;
	}

	.footer-social {
		margin-bottom: 30px;
		padding: 0 15px;
	}

	.quick-links {
		display: block;
		padding: 0 15px;
	}

	footer .fervor {
		margin-left: 0;
	}

	.legal ul {
		float: none;
		margin-bottom: 15px;
		margin-left: 0;
		padding-left: 15px;
		right: 0;
		text-align: left;
	}

	.legal li {
		clear: both;
		left: 0;
		margin: 0;
		text-align: left;
	}

	.find-a-location input[type="text"] {
		float: left;
		margin-right: 0.5em;
		width: 8em;
	}

	.page-locations h1 {
		display: none;
	}

	.locations .view-more{
		float: left;
	}

	.view-more a:first-child {
		margin-right: 0.5em;
	}

	.default.sidebar,
	.location-sidebar.sidebar,
	#map_search {
		display: none;
	}

	.find-a-location .current-location {
		display: block;
	}
	.visible-on-mobile {
		display: block;
	}
}

/* =Phones
----------------------------------------------------------------------------- */

@media (max-width: 568px) {
	body {
		background: none;
	}

	h1 {
		line-height: 1.0em;
	}

	.aside aside {
		display: none;
	}

	.alignleft {
		float: none;
		margin: 0;
	}

	.alignright {
		float: none;
		margin: 0;
	}

	.map-canvas {
		display: none;
	}

	.find-a-location input:not([type="submit"]) {
		font-size: 16px;
	}

	#location-map {
		height: 250px;
	}

	#simplemap {
		height: 196px !important;
	}

	.careers-videos li {
		float: none;
		margin: 0;
		margin-bottom: 15px;
		width: 100%;
	}

	.watch-video img {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.locations .view-more {
		float: none;
		margin: 20px 0;
	}

	.legal li {
		float: none;
	}

	.result_name h3 a {
		display: block;
		margin-bottom: 0;
	}

	.result_address,
	.result_phone {
		float: none !important;
		margin-bottom: 0.5em;
		width: 100% !important;
	}

	.result_directions {
		clear: both;
		display: block;
		min-width: 150px;
		text-align: left !important;
	}

	.footer-home .columns {
		border: none;
		margin-bottom: 30px;
		min-height: 0;
	}

	.address-data a[itemprop="telephone"],
	.result_phone a {
		color: #c9654c;
	}
	#input_6_12 {
		-webkit-column-count: 1;
		column-count: 1;
	}
	#input_6_7 label, #input_6_8 label {
		width: 90%;
		font-size: 14px;
	}

	#field_6_17 .ginput_container {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
}

@media (max-width: 500px) {
	.mobile-logo {
		width: 280px;
	}

	.nav-btn {
		margin: 40px 20px 0 0;
	}

	.lrg-button {
		font-size: 12px;
	}

	.orange-button small,
	.brown-button small,
	.purple-button small {
		display: block;
		font-size: 90%;
	}

	.lrg-button {
		width: 100%;
		margin-bottom: 10px;
	}
}

@media (max-width: 400px) {
	.mobile-logo {
		width: 240px;
	}

	.nav-btn {
		margin: 30px 15px 0 0;
	}
}

@media (max-width: 350px) {
	.mobile-logo {
		width: 200px;
	}

	.nav-btn {
		margin: 30px 15px 0 0;
	}
}