@charset "UTF-8";
/* CSS Document */

header.mobile {display: none;}
a.freetirequote-mobile {display: none;}


/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		#map {
			width: 300px !important;
			height: 300px !important;	
		}
		
		a.freetirequote-mobile {display: block;}
		a.desktop-tire-quote {display: none;}

		img#reviews_tile_l, img#scheduler_tile_l {
			height: auto;
			width: 100%;
		}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#map {
			width: 510px !important;
			height: 500px !important;	
		}
		.logo {
			margin-bottom: 0;
		}
		
		div.megamenu_container.seven.columns {
			position: relative;
			margin-top: 40px;
			right: 120px;
		}
		
		.icon {
			width: 91px;
			margin: 20px 20px 0 0;
		}
		
		.featured {
			background-position: -83px 0;
		}
		
		.store-locator.module {
			height: 145px;
		}
		
		.store-locator.module h5.white {
			margin: 5px 0 20px 0;
		}
		
		.newsletter.module {
			background: url(../img/promo-home-newsletter-tablet.jpg);
			height: 130px;
		}

		
		.promo {min-height: auto;}
		.home-tire-quote {margin: 0;}
		.schedule img {display: none;}
		.current-promotions h3.white {
			font-size: 26px;
		}
		
		.deal-title {
			width: 162px;
			font-size: 12px;
		}
		
		.catalog img {
			display: none;	
		}
		
		ul.footer-nav {
			margin-bottom: 0;
		}
		
		.featured-content a.free-tire-quote-button {
			margin: 32px 0 0 0;
		}
		
		.featured-interior {
			min-height: 159px;
		}
		
		
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.catalog {min-height: auto;}
		.container section.featured {display: none;}
		header.container.desktop {display: none;}
		body header.mobile {display: block;	margin-top: 20px; z-index: auto;}
		div.top {display: none;}
		
		.mobile nav ul {margin: 0; padding: 0;}
		.mobile nav li {margin: 0; padding: 0; position: relative;}
		nav.six.columns {margin: 0; padding: 0;}
		
		.mobile nav ul.triggers li {
				float: left;
				margin: 0;
				padding: 0;
		}
		.promo {min-height: auto;}
		.featured-wrapper {display: none;}
		
		#map {width: 420px !important;}
		
		.mobile nav li a.main-menu-trigger {
			display: block;
			width: 45px;
			height: 41px;
			padding: 0;
			background: url(../img/mobile-nav-trigger.jpg) no-repeat;
			text-indent: -9999px;
		}
		
		.mobile nav li a.main-menu-trigger:hover {
			display: block;
			width: 45px;
			height: 41px;
			background: url(../img/mobile-nav-trigger.jpg) no-repeat;
		}
		
		
		.mobile nav li.free-tire-quote {
			display: block;
			width: 89.2%;
			padding: 0;
			margin: 0;	
			float: right;
		}
		
		.mobile nav li.free-tire-quote a{
			display: block;
			height: 41px;
			line-height: 41px;
			background: #EA1B23;
			padding: 0;
			margin: 0;	
			float: right;
		}
		
		.mobile nav li > a {
			text-decoration: none;
			width: 100%;
			display: block;
			padding: 15px 0;
			background: #00A650;
			margin: 0 0 3px 0;	
			color: #fff;
			font-family: 'museo_700regular';
			font-size: 15px;
			text-align: center;
			text-shadow: 1px 1px 1px #000;
		}
		
		.mobile nav li > ul > li > a {
			text-decoration: none;
			width: 100%;
			display: block;
			padding: 15px 0;
			background: #01A5E2;
			margin: 0 0 3px 0;	
			color: #fff;
			font-family: 'museo_700regular';
			font-size: 15px;
			text-align: center;
			text-shadow: 1px 1px 1px #000;
		}
		
		.mobile-logo {
			text-align: center;
			height: auto;
		}
		
		.mobile-logo img {
			margin-bottom: 15px; 
		}
		
		.mobile nav li a:hover {
			background: #00a651;
		}
		
		span.trigger {
			display: block;
			width: 40px;
			height: 48px;
			background: #00A650 url(../img/nav-icon.png) no-repeat 10px 50%;
			cursor: pointer;
			position: absolute;
			right: 0;
			top: 0;	
		}
		
		span.trigger:hover {
			background: #1381ae url(../img/nav-icon.png) no-repeat 10px 50%;		
		}
		
		.newsletter {
			margin-top: 0;
		}
		.store-locator, .newsletter {border: 1px solid #ccc;	}
		.module p {color: #333;}
		.module {
			background: none;
			padding: 10px;
			margin-bottom: 20px;
			height: auto;	
		}
		
		.module h5.white {
			margin: 5px 0 5px 0;
			background: #12A44F;
			padding: 5px 10px;
			border: 1px solid #ccc;	
		}
		
		.promo.promo-two, .promo.promo-four, .sixteen.columns.footer-bottom {
			margin-bottom: 20px;
		}
		
		.current-promotions ul {
			float: left;
		}
		
		.current-promotions a.button {
			margin: 0 0 0 10px;
			float: left;
		}
		
		.store-locator h5.white {
			margin: 0 0 5px 0;
		}
		
		.store-locator form {
			margin: 5px 0 10px 0;
		}
		
		.featured-interior img {
			display: none;
		}
		
		.featured-content {
			background: #15A6DF;
			padding: 10px;
			float: left;
		}
		
		.featured-content h3 {
			float: left;
		}
		
		.featured-content a.free-tire-quote-button {
			float: left;
			margin-top: 0;
		}
		
		.four.columns.interior-promo {
			float: left;
			margin-bottom: 20px;
			text-align: center;
			background: none;
		}
		
		h5.white-mobile {
			display: block;
			margin: 0 0 5px 0;
			color: #FFFFFF;
			font-size: 18px;
			line-height: 18px;
			text-shadow: 1px 1px 1px black;
		}

		
		.back-to-top {
			margin: 0 0 20px 0;
			display: inline-block;
		}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.promo {min-height: auto;}
		
		.promo.promo-four .current-promotions {
			background: url(../img/promo-home-current-promo-mobile-horizontal.jpg);
			background-position: top left;
			background-repeat: no-repeat;
		}
		
		.deal-title {
			width: 410px;
		}
		
		.row.featured-wrapper {
			float: left;
			height: 131px;
		}
		
		h4.footer-contact-header {
			margin-left: 20px;
		}
		
		.footer-contact p.number, .footer-contact p.mail {
			margin: 0 0 10px 20px;
		}
		
		.social-footer {
			position: static;
			margin-top: 10px;
			margin-left: 20px;
			float: left;
		}
		
		.row.footer-wrapper {
			margin-bottom: 0px;
		}
		
		.footer-bottom, .footer-legal {
			text-align: center;
		}
		
		.footer-legal span {
			padding: 0px;
		}
		
		.footer-bottom img {
			padding: 20px 0 0 0;
		}
	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		body {overflow-x: hidden;}
		#map {width: 300px !important; margin: 0; padding: 0; overflow: hidden;}
		.mobile-logo img {
			width: 100%;
		}
		
		.mobile nav li.free-tire-quote {
			display: block;
			width: 85%;
			padding: 0;
			margin: 0;	
			float: right;
		}
		
		#loc-list ul {width: 300px;}
		
		
		
		.promo.promo-four .current-promotions {
			background: url(../img/promo-home-current-promo-mobile-vertical.jpg);
			background-position: top left;
			background-repeat: no-repeat;
		}
		
		.deal-title {
			width: 290px;
		}
		
		.row.featured-wrapper {
			float: left;
			height: 165px;
		}
		
		.featured-content {
			width: 280px;
		}
		
		.featured-content a.free-tire-quote-button {
			width: 270px;
		}
		
		ul.footer-nav {
			width: 280px;
			margin-bottom: 0;
		}
		
		h4.footer-contact-header {
			margin: 20px 20px 10px 20px;
			padding: 0;
			line-height: 21px
		}
		
		.footer-contact p.number, .footer-contact p.mail {
			margin: 0 0 10px 20px;
		}
		
		.social-footer {
			position: static;
			margin-top: 10px;
			margin-left: 20px;
			float: left;
		}
		
		.row.footer-wrapper {
			margin-bottom: 0px;
		}
		
		.footer-bottom, .footer-legal {
			text-align: center;
		}
		
		.footer-legal span {
			padding: 0px;
			float: left;
			margin-top: 10px;
			margin-bottom: 10px;
			line-height: 21px;
		}
		
		.footer-bottom img {
			padding: 20px 0 0 0;
		}
		
	}