@media only screen and (max-width: 968px) {
    
}

@media only screen and (max-width: 945px) {
    

    header.header .logo a img {
        height: auto;
    }
    
    header.header .logo {
        max-width: 29%;
        vertical-align: top;
    }
    
    header.header nav.nav > ul > li.current-menu-item > a:after {
        border-width: 45px 0px 0 5px;
    }
    
    .wrapper {
        width: 95%;
    }
    
    header.header .header-right {
        vertical-align: top;
        display: inline-block;
        float: none;
        height: auto;
        /*overflow: hidden;*/
        max-width: 69%;
        width: 100%;
        text-align: right;
        padding-left: 5px;
    }
    
    #header {
        height: auto;
    }
    
    header.header {
        width: 100%;
        position: relative;
        height: auto;
        background: #eee;
        background-repeat: no-repeat;
        border-bottom: 4px solid white;
        z-index: 100;
    }
    
    header .header-inside {
        text-align: center;
    }
    
    header.header .logo .inside {
        padding: 10px 0 0 0;
    }
    
    header.header .header-right .social-and-more {
        height: auto;
        font-size: 16px;
    }
    
    header.header .header-right .social-and-more .header-phone > span.phone-number {
        font-size: 16px;
        line-height: 1.5em;
    }
    
    header.header .header-right .social-and-more .header-phone > span.toll-free-intro .desktop-only {
        margin: 0 2px;
        display: inline-block;
    }
    
    header.header .header-right .social-and-more .socialIcons.hasPhone {
        margin-left: 0;
        display: block;
        margin-top: 5px;
        line-height: 1em;
    }
    
    header.header .header-right .social-and-more .social-icon {
        font-size: 1.25em;
    }
    
    header.header .header-right .social-and-more .social-icon:before {
        margin-right: 2px;
    }
    
    header.header .header-right .social-and-more .header-phone > span.toll-free-intro .desktop-only br {
        display: none;
    }
    
    header.header .header-right .social-and-more .header-phone > span {
        text-align: center;
        display: block;
    }
    
    .featured-products-wrapper {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
        margin-bottom: 30px;
        height: auto;
        text-align: center;
    }
    
    .featured-products-wrapper .featured-product {
        width: 100%;
        height: auto;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    
    .featured-product .featured-product-details .featured-product-description {
        height: auto;
    }
    
    .featured-product .featured-product-brand {
        position: relative;
        bottom: auto;
        right: auto;
        border: 0;
    }
    
    .footer .footer-widgets > div {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
    
    .footer .footer-widgets > div:last-child,
    .footer .footer-widgets > div:first-child {
        width: 100%;
    }
    
    #footer {
        position: relative;
    }
    
    #body {
        padding-bottom: 0;
    }
    
    .content-brands .brand {
        display: block;
        width: 95%;
        margin: 0 auto;
    }
    
    .content-bottom .shop-menu {
        display: block;
    }
    
    .content-bottom .shop-categories {
        display: none;
    }
    
    .slide-wrapper {
        height: auto;
        position: relative;
        display: block;
    }
    
    .content-wrapper {
        margin-top: 10px;
    }
    
    .app-wrapper .app-form {
        padding: 0 10px 10px 10px;
    }
    
    .browse-category-tile {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
    
    .shop-categories-wrapper .browse-categories-landing .browse-category-tile .inside {
        padding: 0;
    }
    
    .browse-category-tile:last-child {
        margin-bottom: 0;
    }
    
    .content-bottom {
        /*margin-top: -40px;*/
    }
    
    .filtersFixed {
        position: relative !important;
        max-width: 100%;
        top: 0;
    }
    
    #filter-column-button-wrapper {
        display: block;
    }
    
    .search-col-outer {
        display: block;
        margin-bottom: 10px;
    }
    
    .filter-column {
        width: 100%;
        background: white;
        position: fixed;
        display: none;
        z-index: 999;
        border: 1px solid #999;
        border-left:0;
        left: 0;
        top: 0;
        padding: 10px;
    }
    
    #close-filters-button {
        display: block;
    }
    
    .app-wrapper .app-form-full .app-inputs .form-field-input {
        margin-right: 5px;
    }
    
    .mobile-filter-controls {
        display: block;
        text-align: right;
        padding: 5px 10px;
    }
    
    .product-column {
        width: 100%;
    }
    
    .search-results .search-col-left {
        width: 100%;
        margin: 5px auto;
        display: block;
        padding: 0;
        text-align: center;
    }
    
    .search-results .search-col-right {
        width: 100%;
        display: block;
        padding: 0;
    }
    
    .browse-brand-items.tire-brands .browse-brand-item {
        width: 48%;
    }
    
    header.header .logo .tagline {
        display: none;
    }
    
    .header-top.hideApp {
        height: 75px;
    }
    
}

@media only screen and (max-width: 749px) {
    
    header.header .header-right .social-and-more .header-phone > span {
        text-align: left;
    }
    
    header .header-inside {
        padding-bottom: 10px;
    }
    
    header.header .logo {
        max-width: 49%;
        vertical-align: top;
    }
    
    header.header .header-right {
        vertical-align: top;
        display: inline-block;
        float: none;
        height: auto;
        /*overflow: hidden;*/
        max-width: 49%;
        width: 100%;
        text-align: left;
        padding-left: 5px;
    }
    
    .details-sublist > div.detail-item {
        width: 40%;
    }
    
    .app-wrapper .start-here-image {
        display: none;
    }
    
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product,
    .woocommerce-page[class*=columns-] ul.products li.product,
    .woocommerce[class*=columns-] ul.products li.product {
        width: 100%;
        float: none;
        clear: both;
        margin: 0 0 2.992em;
    }
    
    #simplemodal-container {
        top: 30% !important;
        width: 90% !important;
        max-width: 700px;
        height: 95% !important;
    }
    
    #simplemodal-container .simplemodal-data > div {
        font-size: 1.4em !important;
    }
    
    #simplemodal-container .vehicle-select-dialog-title {
        font-size: .75em;
    }
    
    body.checkout article .woocommerce .checkout-info-notice {
        width: auto;
        display: block;
    }
    
    body.checkout article .woocommerce .checkout-info-login-wrapper {
        margin-right: 0;
    }
    
    body.checkout article .woocommerce .checkout-info-coupon-wrapper {
        margin-left: 0;
    }
    
    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last {
        float: none;
        width: auto;
        overflow: visible;
    }
    
    .feature-box-large {
        font-size: 1.5em;
    }
    
    .feature-box-right .feature-box-image
    .feature-box-left .feature-box-image {
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    
    .feature-box-right .feature-box-text,
    .feature-box-left .feature-box-text {
        padding-left: 0;
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }
    
    .vertical-center {
        position: relative;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media only screen and (max-width: 699px) {
    #simplemodal-container {
        top: 20px !important;
    }
    
    #simplemodal-container .simplemodal-data > div {
        font-size: 1.1em !important;
    }
    
    #simplemodal-container .vehicle-select-dialog-title {
        font-size: .75em;
    }
    
    .app-wrapper .app-form button.form-button {
        font-size: 1em;
    }
    
    .tire-position-icon {
        width: 50px;
        height: 50px;
    }
    
    .dialog-vehicle-item {
        width: 25%;
        font-size: 12px;
    }
    
    .dialog-vehicle-item a {
        padding: 5px;
    }
    
    .dialog-vehicle-item .vehicle-rear.vehicle-return-object {
        margin: 0;
        padding: 0;
        border-left: 0;
    }
    
    .app-wrapper .app-form label {
        font-size: 1em;
    }
    
    .header-top {
        min-height: 575px;
        height: auto;
    }
    
    #smartGuideWrapper .bx-wrapper {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    
    .installation-jumbotron .primary-text {
        font-size: 1.5em;
    }
    
    .installation-jumbotron .secondary-text {
        font-size: 1.5em;
        margin: 20px auto;
    }
    
    .how-it-works-details .or-text > div > span {
        width: 100%;
        height: 50px;
        line-height: 55px;
        margin-left: 0;
        margin-top: 0;
        position: relative;
        top: auto;
        left: auto;
    }
    
    .how-it-works-details .or-text {
        display: block;
        width: 100%;
        height: auto;
    }
    
    .how-it-works-details .how-it-works-icon {
        width: 100%;
        display: block;
    }
    
    .how-it-works-details .or-text > div {
        border-right: 0;
        width: 100%;
    }
    
    .how-it-works-icon .how-it-works-text {
        padding: 0px 20px;
    }
    
    .installation-jumbotron .large-text {
        font-size: 2.5em;
    }
    
    .red-bar {
        font-size: 1.5em;
        line-height: 1em;
    }
    
    .red-bar .inside > div {
        margin-bottom: 20px;
        
    }
    
    .red-bar .inside > div:last-child {
        margin-bottom: 10px;
    }
    
    .footer .footer-widgets > div > h3 {
        font-size: 1.25em;
    }
    
    body.page #body {
        padding-bottom: 2em;
    }
    
    body.contact article p {
        text-align: center;
    }
    
    .browse-brand-items.tire-brands .browse-brand-item {
        width: 95%;
    }
    
    .feature-box ul.feature-grid li {
        width: 96%;
        margin: 0 2%;
        display: block;
        padding-bottom: 20px !important;
        position: relative;
    }
    
    .feature-box.feature-box-grid .feature-box-text {
        background-size: cover;
    }
    
    .feature-box-right .feature-box-image,
    .feature-box-left .feature-box-image {
        width: 100%;
        margin: 1em auto;
    }

    .feature-box .table > thead {
        display: none;
    }
    
    .feature-box .table > tbody > tr > td {
        display: block;
        text-align: left;
    }
    
    .feature-box .table td span:before {
        content: attr(title) ': \00a0 ';
        display: inline-block;
        width: 50%;
        text-align: right;
        font-weight: bold;
    }
    
    .browse-brand-item-products .brand-item {
        width: 100%;
        max-width: 100%;
    }
    
    .browse-brand-item-products .brand-item .brand-item-image {
        width: 200px;
        height: 200px;
    }
    
    .back-to-brands {
        position: relative;
        right: auto;
        top: auto;
        margin: 10px auto 20px auto;
        width: 100%;
    }
}

@media only screen and (max-width: 500px) {
    .search-results .product-details .product-details-inside-col.product-details-inside-left {
        width: 100%;
        display: block;
        margin-bottom: 10px;
            padding-right: 0;
    }
    
    .search-results .product-details .product-details-inside-col.product-details-inside-right {
        width: 100%;
        display: block;
        text-align: center;
        position: relative;
    }
    
    .product-more-details-wrapper {
        margin: 5px auto 10px auto;
        text-align: center;
    }
    
    .details-sublist {
        text-align: center;
    }
    
    .details-sublist > div.detail-item {
        width: 24%;
        margin: 0 auto;
    }
    
    ul.search-params li.search-param {
        display: block;
        margin-right: 0px;
        padding-right: 0px;
        border-right: 0;
    }
    
    .free-shipping-header {
        font-size: 1.25em;
    }
    
    header.header nav.nav {
        max-height: none;
        height: auto;
        font-size: .75em;
        display: none;
    }
    
    .mobile-nav {
        display: block;
    }
    
    .mobile-nav-inside {
        
    }
    
    body.show-menu .mobile-nav {
        -ms-transform: translate(0%); /* IE 9 */
        -webkit-transform: translate(0%); /* Safari */
        transform: translate(0%);
    }
    
    .mobile-nav-inside .mobile-logo {
        padding: 15px 20px 10px 20px;
    }
    
    .mobile-nav-inside li a {
        padding: 10px 15px;
    }
    
    .mobile-nav-inside li .sub-menu a {
        padding: 10px 0px 10px 30px;;
    }
    
    body.show-menu #mobile-nav-background {
        opacity: 1;
        -ms-transform: translate(0%); /* IE 9 */
        -webkit-transform: translate(0%); /* Safari */
        transform: translate(0%);
    }
    
    .mobile-nav-button {
        display: block;
    }
    
    .app-wrapper .app-control .app-control-title {
        font-size: 1.05em;
    }
    
    header.header nav.nav ul {
        max-height: none;
        height: auto;
    }
    
    .app-wrapper-outer {
        width: 90%;
    }
    
    .content-wrapper {
        margin-top: 20px;
    }
    
    .app-wrapper .app-wrapper-inside .app-bottom {
        padding-bottom: 0;
    }
    
    .header-top {
        /*height: auto;*/
    }
    
    .page-template-template-search h1.page-title {
        display: none;
    }
}