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

@media screen and (max-width:1300px) {
    #banner-sept.second .s-right {
        margin-left: 10px;
    }

    #banner-sept.second .s-right a {
        margin-left: 10px;
    }

    #banner-sept a {
        margin-left: 20px;
    }

    #hero.second .sept-inner .s-right {
        margin-right: -110px;
    }

    #hero .sept-inner .s-right {
        margin-left: 10px;
    }

    #byob-bundle .center p:nth-child(1) {
        font-size: 20px;
    }

    #tires-stay .center {
        padding-left: 15px;
        width: 410px;
    }

    #tires-stay .right {
        padding-left: 125px;
    }

    .icons-area ul {
        padding: 0 0;
    }

    #beat {
        margin-bottom: 30px;
    }

    #beat .container > div.center {
        margin: 0 10px 0 10px;
        width: 220px;
    }

    #beat .container > div.center img {
        bottom: -30px;
    }

    #panel nav .nav-bottom ul li {
        padding: 6px 7px 15px 7px;
    }

    #panel nav .nav-center .logo-text {
        padding-left: 20px;
    }

    #panel nav .nav-top .nav-location {
        left: 200px;
    }

    #our-brands .brands .brand-item {
        margin-right: 30px;
    }

    #hero .new-inner .inner-right,
    #hero .new-inner .inner-left {
        width: 50%;
        margin-left: 0;
    }

    #hero .new-inner .inner-left {
        padding-right: 15px;
    }

    #hero .new-inner .inner-left img {
        max-width: 100%;
    }

}


@media screen and (max-width:1199px) {
    #banner-nada a {
        margin: 0 auto 0 15px;
    }

    .nada18-inner .light-right {
        right: -90px;
    }

    .nada18-inner .light-left {
        left: -70px;
    }

    #banner-sept .s-left {
        padding-top: 0;
        padding-left: 0;
    }

    #banner-sept .s-right img {
        width: 300px;
        top: 15px;
        position: relative;
    }

    #banner-sept {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #banner-sept .title span {
        font-size: 50px;
        top: 0;
    }

    #banner-sept .title {

        font-size: 110px;
    }

    #banner-sept a {
        margin-left: 0;
    }

    #banner-sept .s-right {
        margin-left: 0;
    }

    #hero.second .sept-inner .s-right {
        width: calc(100% - 145px);
    }

    #hero.second .sept-inner .s-right {
        top: 0;
    }

    #hero .sept-inner {

        position: relative;
        height: 100%;
    }

    #hero .sept-inner .s-right {
        margin-left: 10px;
        width: calc(100% - 245px);
        position: relative;
        height: 100%;
    }

    #hero .sept-inner .s-right img {
        max-width: 100%;
        height: auto;
        position: absolute;
        bottom: 0;
        right: 0;
    }


    #banner-tbyb .right a {
        margin-left: 15px;
    }

    #banner-tbyb .right {
        padding-right: 0;
    }

    #byob-bundle .right {
        padding-right: 15px;
    }

    #byob-bundle .left {
        padding-left: 15px;
    }

    #byob-bundle .center p:nth-child(1) {
        margin-bottom: 10px;
    }

    #byob-bundle .center p:nth-child(2) a {
        margin: 0 0 10px 0;
        width: 250px;
        height: 46px;
        line-height: 46px;
        font-size: 18px;
        letter-spacing: 0;
    }

    #byob-bundle .center p:nth-child(1) {
        font-size: 17px;
        letter-spacing: 0;
    }

    #byob-rec:before,
    #byob-rec:after {
        width: 25%;
        background-size: contain;
    }

    #hero.byob .left:before {
        left: -170px;
    }

    #hero.byob .inner-bottom > div.inner-left {
        padding-left: 30px;
    }

    #hero.byob .inner-bottom > div.inner-right {
        margin-top: 15px;
        padding-left: 0;
    }

    #hero.byob .left .inner-top > div.inner-right {
        padding-left: 15px;
    }

    #tv-banner .new-inner .inner-right h1 {
        font-size: 60px;
    }

    #tv-banner .new-inner .inner-right h1 span {
        font-size: 30px;
    }

    #tv-banner .new-inner .inner-right {
        margin-left: 15px;
        width: 410px;
    }

    #tires #why .container {
        width: 1000px;
    }

    #tires-stay .right img {
        margin: 0 auto 15px auto;
        display: block;
    }

    #tires-stay .right {
        padding-left: 0;
        text-align: center;
    }

    #tires-stay .center h3 {
        font-size: 22px;
    }

    #tires-stay {
        background-size: auto 100%;
        background-position: 111% 100%;
    }

    #tires-stay .center,
    #tires-stay .right,
    #tires-stay .left {
        margin: 0;
        width: 33.3333%;
    }

    .icons-area ul li {
        width: 33.33333%;
    }

    #beat .container > div.left {
        margin-top: 0;
    }

    #beat .container > div.right p:nth-child(1) {
        font-size: 20px;
    }

    #beat .container > div.left p:nth-child(1) strong {
        font-size: 30px;
    }

    #beat .container > div.left p:nth-child(1) {
        font-size: 20px;
        letter-spacing: 0;
    }

    #beat .container > div.left {
        width: calc(40% - 120px);
    }

    #beat .container > div.right {
        width: calc(60% - 120px);
    }

    #panel nav .nav-top .nav-location {
        padding-left: 30px;
        left: 170px;
        font-size: 14px;
    }

    #panel nav .nav-bottom ul li a {
        font-size: 13px;
    }

    #panel nav .nav-bottom ul li {
        padding: 15px 7px 15px 7px;
    }

    #panel nav .nav-center .real-logo img {
        height: 125px;
    }

    #our-brands {
        margin-top: 60px;
    }

    #our-brands .inner {
        padding-bottom: 0;
    }

    #hero .new-inner .inner-right p {
        font-size: 13px;
    }

    .pre-footer .inner {
        width: calc(100% - 325px);
    }

    .pre-footer .inner:after {
        right: 0;
    }

    #leasing .l-items {
        padding: 0 7.5px;
    }

    #leasing .l-items .l-item {
        padding: 0 7.5px;
    }

    #leasing .l-icons {
        padding: 80px 0;
    }

    #panel nav .nav-bottom ul li .mega {
        top: 45px;
        left: 0;
    }

    #panel nav .nav-bottom ul li {
        position: static;
    }

    #hero .new-inner .inner-right {
        margin-top: 70px;
    }

    #hero .new-inner .inner-left {
        margin-top: 85px;
    }

    #banner > div.center {
        margin: -22px 30px 0 30px;
    }

    #products .sidebar .sidebar-newsletter input[type="email"] {
        padding: 0 15px;
        font-size: 16px;
    }

    #products .sidebar .sidebar-newsletter h2 {
        font-size: 24px;
        line-height: 28px;
    }

    #products .product-item .product-price {
        width: 62%;
        left: 0;
    }

    #products .product-item .product-title {
        width: 38%;
        padding-left: 0;
    }

    .top-sort label {
        font-size: 14px;
        margin-right: 5px;
    }

    .top-sort {
        padding-left: 0;
    }

    #products .sidebar .sidebar-title {
        font-size: 16px;
    }

    #checkout-banner > .left strong {
        font-size: 51px;
    }

    #checkout-banner > .left {
        padding-left: 15px;
        font-size: 27px;
        width: 50%;
    }

    #checkout-banner > .right {
        width: 50%;
    }

    .to-slide {
        padding: 0 15px;
    }

    #single-location .right {
        padding: 0 15px;
    }

    #single-location .left {
        padding-left: 30px;
        padding-right: 30px;
    }

    .page-inner.single-location #home-products .home-product-item .name {
        height: auto;
    }

    #locations-intro {
        padding: 70px 15px 35px 15px;
    }

    #locations .locations-item .address {
        font-size: 14px;
    }

    #home-products .home-product-item > a .image img {
        max-width: 100%;
    }

    #home-products .home-product-item > a.orange-btn {
        font-size: 14px;
    }

    #home-products .home-product-item .name {
        height: 68px;
        font-size: 14px;
        padding: 17px 0 23px 0;
    }

    #best-brands .brands .brand-item {
        padding: 0 20px;
    }

    #under-hero > .container-fluid > div.center p {
        width: 300px;
    }

    #under-hero > .container-fluid > div.left {
        font-size: 36.7px;
        padding-right: 15px;
    }

    #under-hero > .container-fluid > div.left strong {
        font-size: 40.5px;
        margin-top: -3px;
        letter-spacing: 0px;
    }

    #under-hero > .container-fluid > div.center {
        padding-left: 15px;
        margin-right: 15px;
    }

    #under-hero > .container-fluid > div.left {
        padding-right: 15px;
    }

    #hero .left .inner {
        padding: 55px 0 0 0px;
    }

    .contact-area .right h2 {
        font-size: 28px;
    }

    .about-area .left .inner {
        padding-left: 0;
        padding-right: 15px;
    }

    footer .footer-title {
        font-size: 14px;
    }

    #panel nav .nav-center img {
        max-width: 100%;
    }

    #panel nav .nav-top .right ul li:not(:first-child) {
        margin-left: 10px;
    }

    #panel nav .nav-top .right ul li a {
        font-size: 14px;
    }

}

@media screen and (min-width:992px) and (max-width:1199px) {
    .nada18-inner a {
        width: 220px;
        font-size: 16px;
        left: -65px;
    }

    #hero.spree.tbyb .tbyb-inner .inner-right img {
        margin-left: -95px;
        width: 380px;
    }

    #hero.spree.tbyb:before {

        top: 139px;
        width: 69.5px;
        height: 69px;
    }

    #hero.spree.tbyb .tbyb-inner .inner-right a {
        margin-left: 0;
    }

    #hero.spree.tbyb .tbyb-inner .inner-left {
        display: none;
    }

    #hero .left .inner:after {
        background-size: contain;
        width: 30%;
    }

}

@media screen and (max-width:770px) {
    #products .product-item {
        width: 100%;
    }

    #products .product-item .product-inner {
        width: 250px;
        max-width: 100%;
        margin: 0 auto;
    }

    #leasing .l-additional > p {
        padding: 0 15px;
    }

}

@media screen and (max-width:991px) {
    .nada18-inner a {
        left: 0;
    }

    #banner-nada .container:after {
        right: -100px;
    }

    #banner-nada a {
        margin: 0 auto 0 10px;
    }

    .nada18-inner .gift-left {

        left: -120px;
    }

    #hero.spree.cow.nada18 .right {
        z-index: 3;
        padding-top: 0;
    }

    .nada18-inner {}

    #hero.nada18 .left {
        padding-left: 15px;
        text-align: center;
    }

    #banner-sept .s-right img {
        width: auto;
    }

    #banner-sept .title + div {
        text-align: left;
    }

    #banner-sept {
        text-align: center;
    }

    #banner-sept .title span {
        font-size: 95px;
        top: 15px;
    }

    #banner-sept .title {
        font-size: 154.6px;
    }

    #banner-sept {
        background-position: 100% 50%;
    }

    #hero.second .sept-inner .s-right {
        width: calc(100% - 165px);
    }

    #hero.second .sept-inner .s-right {
        top: 15px;
        left: -0px !important;
    }

    #hero.second .sept-inner .s-right {
        left: 0;
    }

    #hero .sept-inner .s-right {
        top: 0;
    }

    #banner-tbyb-try .right p {

        font-size: 20px;
    }

    #banner-tbyb-try .right strong {

        font-size: 34px;
    }

    #banner-tbyb {
        padding: 20px 0 20px 0;
    }

    #banner-tbyb .right p {
        display: block;
        vertical-align: top;
        text-align: right;
        padding-bottom: 10px;
    }

    #hero .right .top,
    #hero .right .bottom {
        vertical-align: top;
    }

    #hero.spree.tbyb .tbyb-inner .inner-right a {
        margin-left: 0;
    }

    #hero.spree.tbyb .tbyb-inner .inner-right {
        width: 305px;
        margin-right: 0;
    }

    #hero.spree.tbyb {
        background-image: url(../images/tbyb/mob-bg.jpg);
    }

    #hero.spree.tbyb .tbyb-inner .inner-right {

        margin-right: 0;
    }

    #byob-different .inner:before {
        left: 0;
    }

    #byob-different .inner:before {
        left: 0;
    }

    #byob-bundle {
        padding: 15px;
    }

    #byob-bundle .center p:nth-child(1) br {
        display: none;
    }

    #byob-bundle .right,
    #byob-bundle .center {
        width: 50%;
        padding-left: 0;
    }

    #byob-bundle .right {
        text-align: right;
    }

    #byob-bundle .left {
        display: none;
    }

    #byob-bundle .right {
        padding-right: 0;
    }

    #byob-different .inner {
        font-size: 27px;
        padding-top: 30px;
        margin-top: 15px;
        padding-left: 75px;
    }

    #byob-different {
        margin-top: 0;
    }

    #byob-products .container .product-item {
        width: 50%;
        margin-bottom: 60px;
    }

    #banner-byob a {
        margin: 0;
    }

    #banner-byob img:nth-child(4) {
        top: 0;
    }

    #banner-byob img:nth-child(3) {
        top: 0;
    }

    #banner-byob img:nth-child(2) {
        width: 200px;
    }

    #banner-byob img:nth-child(1) {
        display: none;
    }

    #hero.byob.scratch.second .right .top .inner {
        background-position: calc(100% - 4px) 20px !important;
    }

    #hero.scratch.byob .left {
        height: auto;
    }

    #hero.byob.scratch.byob .right .bottom .inner {
        background-position: calc(100% - 10px) 50%;
    }

    #hero.byob.scratch.byob .right .top .inner {
        background-position: calc(100% - -4px) 100%;
    }

    #tv-banner .inner-righter {
        display: block;
        vertical-align: middle;
        margin: 0;
        max-width: 100%;
        margin-left: 260px;
    }

    #tires #why {
        background-position: 65% 100%;
    }

    #tires #why .container {
        width: 100%;
        max-width: 100%;
    }

    #tires-stay {
        background-image: none;
    }

    #tires-stay .center,
    #tires-stay .left {
        margin: 0;
        width: 50%;
    }

    #tires-stay .center {
        padding: 0 15px;
    }

    #tires-stay .right {
        width: 100%;
        background: #ffcc00;
        padding: 15px;
    }

    #beat .container > div.right p:nth-child(1) {
        font-size: 17px;
    }

    #beat .container > div.left p:nth-child(1) strong {
        font-size: 26px;
    }

    #beat .container > div.left p:nth-child(1) {
        font-size: 18px;
        letter-spacing: 0;
    }

    #beat .container > div.left {
        width: calc(40% - 85px);
    }

    #beat .container > div.right {
        width: calc(60% - 85px);
    }

    #beat .container > div.center {
        width: 150px;
    }

    #beat .container > div.center img {
        bottom: -20px;
    }

    #panel nav .nav-center .logo-text {
    }

    #panel nav .nav-center .real-logo img {
        height: 125px;
        max-width: none;
    }

    .real-logo {
        /*
        left: 0;
        top: -95px;
        */
        margin-top: -95px;
    }

    #panel nav .nav-top .nav-location {
        left: 0
    }

    #our-brands .brands .brand-item:nth-child(5),
    #our-brands .brands .brand-item:last-child {
        margin-right: 15px;
    }

    #our-brands .brands .brand-item {
        margin-right: 15px;
    }

    #our-brands .inner {
        width: calc(100% - 175px);
    }

    #our-brands:before {
        left: 0;
        width: 170.5px;
        height: 157.5px;
    }

    #how-we .signs .s-item {
        width: 33.333%;
    }

    #how-we .signs {
        padding: 0 15px;
    }

    .pre-footer .inner {
        width: 70%;
    }

    .pre-footer .inner:after {
        right: 0;
        width: 30%;
        background-size: contain;
        background-position: 100% 100%;
    }

    #leasing .l-orange .title {
        font-size: 28px;
        line-height: 1.3;
    }

    #leasing .l-additional > p {
        padding: 0 15px;
    }

    #leasing .l-additional > p br {
        display: none;
    }

    #leasing .l-additional ul li:nth-child(1),
    #leasing .l-additional ul li:nth-child(2) {
        margin-bottom: 50px;
    }

    #leasing .l-additional ul li {
        width: 50%;
        padding: 0 7.5px;
    }

    #leasing .l-icons .l-icon:nth-child(1),
    #leasing .l-icons .l-icon:nth-child(2) {
        margin-bottom: 50px;
    }

    #leasing .l-icons .l-icon {
        width: 50%;
    }

    #hero .new-inner .inner-left {
        margin-top: 30px;
    }

    #free-banner {
        padding: 15px 0;
    }

    #free-banner > div.right {
        margin: -35px 0 0 45px;
    }

    #free-banner > div.center {
        margin-top: -45px;
    }

    #free-banner > div h2 {
        margin: 0 0 5px 0;
    }

    #banner .yellow-btn {
        font-size: 18px;
        padding: 15px 30px;
    }

    #banner > div.center {
        margin: -22px 15px 0 15px;
        width: 230px;
    }

    #banner > div.center img {
        max-width: 100%;
    }

    #icons .icon-item {
        height: 180px;
        line-height: 180px;
    }

    #icons .icon-item:not(:last-child) {
        margin-right: 15px;
    }

    #icons .icon-item {
        width: calc(25% - 11.25px);
    }

    #icons .icon-item .content p {
        font-size: 16px;
    }

    .page-inner.detail #sense {
        padding-bottom: 0;
    }

    .page-inner.detail {
        padding: 30px 15px;
    }

    #icons .title {
        font-size: 30px;
    }

    #icons .icon-item {
        margin-top: 30px;
    }

    #icons {
        padding: 30px 0 25px 0;
    }

    .detail-main .right .product-list ul li {
        font-size: 17px;
        line-height: 1;
    }

    .detail-bottom .right {
        padding-left: 15px;
    }

    .detail-bottom .left {
        padding-left: 0;
        padding-right: 0;
    }

    .detail-main .right {
        padding-left: 15px;
    }

    .detail-main .left {
        padding-left: 0;
    }

    .top-sort label {
        font-size: 13px;
    }

    #products .products-container {
        width: 65%;
        display: block;
    }

    #products .sidebar {
        width: 35%;
    }

    .top-sort select {
        display: block;
    }

    .top-sort label {
        margin-right: 0;
        display: block;
        text-align: left;
    }

    #products .products-container .products {
        margin-right: -10px;
        margin-left: 0;
    }

    #category-about {
        padding: 0 0 0 0;
    }

    #sense {
        padding: 30px 0;
        margin: 9px 0 30px 0 !important;
    }

    #sense .swiper-slide {
        padding: 0 5px;
    }

    #sense .left p {
        font-size: 16.7px;
    }

    #sense .left h2 {
        font-size: 20px;
    }

    #sense .left {
        padding: 30px 15px
    }

    #categories .category-item a {
        height: 150px;
    }

    #categories .category-item a .bottom {
        padding: 5px;
    }

    #categories .category-item a .bottom span {
        font-size: 18px;
    }

    #checkout-banner > .right > div.inner-right strong {
        font-size: 16px;
    }

    #checkout-banner > .right > div.inner-right {
        font-size: 24px;
    }

    #checkout-banner > .right > div.inner-left span {
        font-size: 41px;
    }

    #checkout-banner > .right > div.inner-left {
        font-size: 82px;
    }

    #checkout-banner > .left strong {
        font-size: 41px;
    }

    #checkout-banner > .left {
        padding-left: 15px;
        line-height: 1;
        font-size: 17px;
        width: 50%;
    }

    #checkout-banner > .right {
        width: 50%;
        padding-top: 45px;
    }

    #rate .star-social ul li a {
        padding: 10px 15px 10px 15px;
    }

    #single-location {
        padding: 30px 0;
    }

    #single-location .left {
        padding-left: 15px;
        padding-right: 15px;
    }

    .page-inner.single-location #home-products {
        padding-bottom: 0;
    }

    #locations {
        font-size: 0;
        padding-bottom: 0;
    }

    #locations .locations-item {
        width: 33.3333%;
        margin-bottom: 30px;
    }

    #locations-intro {
        padding: 35px 15px 35px 15px;
    }

    #our-priority {
        padding: 30px 15px;
    }

    #our-priority strong {
        font-size: 38px;
        word-spacing: 0;
        margin-top: 5px;
    }

    #home-products .home-product-item .name {
        height: auto;
    }

    #home-products .home-product-item {
        width: 50%;
        padding: 0 7.5px;
        margin-bottom: 30px;
    }

    #benefits {
        padding: 30px 15px 0 15px;
    }

    #benefits .benefit-item p {
        font-size: 16px;
    }

    #benefits .benefits {
        padding: 0 15px;
    }

    #guarantee {
        margin-top: 0;
        margin-bottom: 30px;
    }

    #best-brands {
        padding: 0 15px 15px 15px;
    }

    #best-brands .brands .brand-item img {
        max-width: 100%;
    }

    #best-brands .brands .brand-item {
        width: 20%;
        padding: 0 15px;
    }

    #single-location .title,
    #best-brands .title,
    #guarantee .inner p strong,
    #benefits .title,
    .before-products-title,
    #single-location .left h1 {
        font-size: 30px;
        margin-bottom: 30px;
    }

    #before-footer .right .inner {
        margin: 95px auto 0 auto;
    }

    #before-footer .left .inner {
        margin: 73px auto 0 auto;
    }

    #before-footer .left .inner p {
        font-size: 14px;
        line-height: 20px;
        margin: 0;
    }

    #before-footer .inner h2 {
        font-size: 26px;
    }

    #before-footer .left,
    #before-footer .right {
        padding: 0 15px;
    }

    #under-hero > .container-fluid > div.left strong {
        font-size: 51.16px;
    }

    #under-hero > .container-fluid > div.left {
        font-size: 46.7px;
    }

    #under-hero > .container-fluid > div.right {
        width: 100%;
        text-align: center;
        padding: 15px 0 0 0;
    }

    #under-hero {
        padding: 15px 0;
    }

    #hero .left .inner:after {
        right: -20px;
    }

    #hero .left {
        width: 100%;
    }

    .contact-area .left form {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .contact-area h1 {
        font-size: 30px;
        margin: 0 0 15px 0;
    }

    .contact-area .right .stars-container a p {
        font-size: 20px;
    }

    .contact-area .right h2 {
        font-size: 22px;
    }

    .contact-area .right .phone a img {
        width: 30px;
        margin-right: 10px;
    }

    .contact-area .right .phone a {
        font-size: 24px;
    }

    .default h3 {
        margin: 35px 0 10px 0;
    }

    .about-area .right {
        padding-right: 15px;
        padding-left: 0;
    }

    .page-inner.about {
        padding: 30px 0 60px 0;
    }

    .about-area .left .inner ul li a {
        font-size: 18px;
    }

    .careers-item a {
        margin-top: 15px;
    }

    .careers-item {
        margin-bottom: 45px;
    }

    .orange-btn {
        padding: 20px 30px;
        font-size: 16px;
        line-height: 1;
    }

    .careers-item ul li {
        font-size: 14px;
        line-height: 1.5;
    }

    .careers-item h3 {
        font-size: 20px;
    }

    .careers-area {
        padding-top: 60px;
    }

    .icons-area p {
        font-size: 18px;
    }

    .icons-area ul {
        padding: 0;
    }

    .yellow-area p,
    .orange-area p {
        font-size: 26px;
    }

    .default.big p {
        font-size: 18px;
        line-height: 1.5;
    }

    .page-inner.careers .default {
        padding: 0 15px;
        margin-bottom: 60px;
    }

    .page-inner.careers {
        padding: 30px 0 15px 0;
    }

    footer .left {
        padding-top: 0;
    }

    footer .footer-title {
        margin-top: 20px;
    }

    footer {
        padding: 30px 0 0 0;
    }

    .ham {
        width: 27px;
        height: 22px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: absolute;
        right: 15px;
        top: 24px;
        background-image: url(../images/icon-ham.png);
    }

    #panel nav .nav-top .left,
    #panel nav .nav-top .right {
        width: 100%;
        padding: 5px 15px;
        text-align: left;
    }

    #panel nav .nav-top .right {
        text-align: right;
    }

    #panel nav .nav-top .container > .row {
        height: auto;
    }

    #menu li.drop > a.triggered:after {
        background-image: url(../images/icon-minus.png);
    }

    #menu li.drop:hover > a.triggered:after {
        background-image: url(../images/icon-minus-orange.png);
    }

    #menu li a.triggered {
        padding-left: 15px;
    }

    #menu li.drop > a:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 35px;
        height: 100%;
        width: 12px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(../images/icon-plus.png);
    }

    #menu li.drop:hover > a:after {
        background-image: url(../images/icon-plus-orange.png);
    }

    #menu li.active:not(.drop) a:after {
        background-image: url(../images/icon-arrow-orange.png);
        right: 35px;
    }

    #menu li:not(.drop) a:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 10px;
        height: 100%;
        width: 7px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(../images/icon-arrow-gray.png);
    }

    #menu li:not(.drop) a:hover:after {
        background-image: url(../images/icon-arrow-orange.png);
    }
    #menu:not(.slideout-menu){
        position: absolute;
        left: -100%;
        z-index: -1;
    }
    .slideout-menu {
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    html:not(.slideout-open) .slideout-menu {
        right: -300px;
    }

    .slideout-menu-right {
        right: 0;
    }

    .slideout-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        width: 310px;
        min-height: 100vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 0;
        background-color: #ee632c;
        max-width: 300px;
    }

    #menu li {
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        position: relative;
    }

    #menu li.active a,
    #menu li:hover > a {
        color: #ee632c !important;
        background-color: #fff !important;
        border-color: #ee632c !important;
    }

    #menu li a {
        height: 40px;
        background-color: #ee632c;
        border-bottom: 1px solid #fff;
        display: block;
        line-height: 40px;
        font-weight: 300;
        color: #fff;
        font-size: 13px;
        display: block;
        position: relative;
        padding: 0 5px;
    }

    #menu li.drop > ul {
        display: none;
    }

    #menu li.drop > ul a {
        padding: 0 0 0 15px;
    }

}

@media screen and (min-width:768px) and (max-width:991px) {
    #hero .right {
        font-size: 0;
        height: 200px;
    }

    #hero .right .top {
        margin-right: 10px;
    }

    #hero .right .top,
    #hero .right .bottom {
        height: 100%;
        width: calc(50% - 5px);
        display: inline-block;
    }

    #hero .right {
        width: 100%;
        padding: 0 15px 15px;
    }

}

@media screen and (min-width:768px) and (max-width:991px) {}

@media screen and (min-width:601px) and (max-width:767px) {

    #banner-tbyb-try .right,
    #banner-tbyb-try .left {
        width: 50%;
    }

    #rate .star-social ul li a p span {
        font-size: 20px;
        line-height: 20px;
    }

    #rate .star-social ul li a p {
        font-size: 15px !important;
        line-height: 20px !important;
    }

    #rate .star-social ul li a i {
        font-size: 60px;
        margin-right: 15px;
    }

    #rate .star-social ul li {
        padding: 0 5px;
    }

    #rate #rate-form .orange-btn,
    #rate .final-form .orange-btn {
        margin-top: 25px;
    }

    #rate #rate-form input:not([type="submit"]),
    #rate #rate-form select {
        font-size: 16px;
        padding: 0 15px;
        width: calc(50% - 7.5px);
    }

    #rate #rate-form input:not([type="submit"]) {
        margin-bottom: 15px;
        margin-right: 0;
        vertical-align: top;
    }

    #rate #rate-form input:not([type="submit"]):nth-child(2n+2) {
        margin-right: 15px;
    }

}


@media screen and (max-width:767px) {
    .nada18-inner img {
        max-width: 100%;
    }

    .nada18-inner .light-right {
        right: -80px;
    }

    .nada18-inner .light-left {
        left: -50px;
    }

    .nada18-inner {
        padding: 30px;
    }

    #hero.spree.tbyb .left {
        padding-bottom: 30px;
    }

    .nada18-inner:before,
    .nada18-inner:after,
    .nada18-inner .gift-right,
    .nada18-inner .gift-left {
        display: none;
    }

    #banner-sept.second .s-right a {
        margin-left: auto;
    }

    #banner-sept .s-right img {
        width: 300px;
    }

    #hero.second .sept-inner .s-right {
        width: calc(100% - 200px);
    }

    #hero.second .sept-inner .s-right {
        top: 15px;
        left: 0 !important;
    }

    #hero .sept-inner .s-right {
        top: 15px;
        vertical-align: bottom;
    }

    #hero .sept-inner {
        padding-bottom: 15px;
    }

    #banner-tbyb-try .right p:before {

        left: -31px;
        bottom: -55px;
        width: 80.5px;
        height: 61.5px;
    }

    #banner-tbyb .left img {
        max-width: 100%;
        height: auto;
    }

    #hero.spree.tbyb .tbyb-inner .inner-left {
        left: 0;
        width: calc(50% - 30px);
    }

    #hero.spree.tbyb .tbyb-inner .inner-left img {
        max-width: 100%;
        height: auto;
    }

    #hero.spree.tbyb .left {
        height: auto;
    }

    #byob-different .inner {
        font-size: 22px;
        padding-top: 40px;
    }

    #byob-different .inner {
        font-size: 22px;
        padding-top: 40px;
    }

    #byob-rec:before,
    #byob-rec:after {
        width: 15%;
        background-size: contain;
    }

    #byob-rec .container > div:nth-child(2) {
        font-size: 20px;
    }

    #byob-rec .container > div:nth-child(1) {
        font-size: 50px;
        margin-bottom: 0;
    }

    #banner-byob {
        padding: 15px 15px 0 15px;
    }

    #banner-byob img:nth-child(4) {
        margin-left: 0;
    }

    #banner-byob img:nth-child(2) {
        margin-right: 0;
    }

    #banner-byob a {
        display: block;
        margin: 15px auto 0 auto;
    }

    #banner-byob {
        padding-bottom: 15px;
    }

    #hero.byob.scratch.second .right .top .inner {
        background-position: calc(100% - 4px) calc(100% - 10px) !important;
    }

    #tv-banner .inner-righter {
        margin-left: calc(45% + 15px);
    }

    #tv-banner .new-inner .inner-right h2 {
        font-size: 17px;
    }

    #tv-banner .new-inner .inner-right h1 span {
        font-size: 20px;
    }

    #tv-banner .new-inner .inner-right h1 {
        font-size: 40px;
    }

    #tv-banner .new-inner .inner-left {
        width: 45%;
    }

    #tv-banner .new-inner .inner-right {
        margin-left: 0;
        width: 55%;
        padding-left: 15px;
    }

    #tires #how .works > div {
        padding: 0 7.5px;
    }

    #tires #how .works > div p br {
        display: none;
    }

    #tires #why {
        background-position: 48% 100%;
    }

    #tires #common .inner:before,
    #tires #common .inner:after {
        display: none;
    }

    #tires #common .inner .t-body .t-row .t-col:last-child {
        background-color: #eaeaea;
    }

    #tires #common .inner .t-body .t-row .t-col:not(:last-child) {
        border-bottom: 1px solid #c8c8c8;
        background-color: transparent !important;
    }

    #tires #common .inner .t-body .t-row {
        background-color: transparent !important;
    }

    #tires #common .inner .t-body .t-row .t-col:nth-child(2) {
        width: 100%;
    }

    #tires #common .inner .t-body .t-row {
        height: 80px;
    }

    #tires #common .inner .t-body .t-row .t-col:nth-child(1) {
        width: 100%;
    }

    #tires #tires-testimonial .swiper-slide p {
        padding: 0 15px;
    }

    #tires #tires-testimonial {
        padding: 30px 15px;
    }

    #tires #tires-testimonial h3 {
        font-size: 24px;
    }

    #tires #tires-brands ul li {
        margin: 0 15px 30px 15px;
    }

    .icons-area ul li {
        width: 50%;
    }

    #beat {
        padding: 15px 0;
        height: auto;
    }

    #beat .container > div.center {
        margin: 0 0 0 10px;
    }

    #beat .container > div.left {
        width: calc(100% - 160px);
        margin-right: 160px;
    }

    #beat .container > div.right {
        width: calc(100% - 160px);
        margin-right: 160px;
        text-align: right;
    }

    #beat .container > div.center {
        position: absolute;
        right: 0;
        bottom: -15px;
    }

    #panel nav form {
        width: 100%;
        margin-bottom: 15px;
    }

    .real-logo {
        /*
        left: 0;
        top: 0;
        height: auto;
        */
        padding: 15px 0 10px 0;
        top: inherit;
        margin-top: 0;
    }

    #panel nav .nav-center .logo-text {
        width: 85%;
    }

    #panel nav .nav-center .logo-text {
        top: 5px;
    }

    #panel nav .nav-center .col-xs-2 {
        width: 15%;
        padding: 0 0 0 15px;
    }

    #panel nav .nav-center .col-xs-4 {
        width: 100%;
    }

    #panel nav .nav-center .real-logo img {
        height: auto;
        max-width: 100%;
    }

    #our-brands {
        padding-bottom: 15px;
    }

    #our-brands .title {
        text-align: center;
    }

    #our-brands .inner {
        width: 100%;
        text-align: center;
    }

    #our-brands:before {
        display: none;
    }

    #hero .new-inner .inner-right {
        margin-top: 15px;
    }

    #leasing .l-intro p {
        font-size: 16px;
    }

    #leasing .l-intro h1 {
        font-size: 24px;
    }

    #leasing .l-intro h1 span {
        font-size: 12px;
    }

    #leasing .l-items .l-item {
        width: 50%;
    }

    #leasing .l-title {
        padding: 28px 15px 24px 15px;
        font-size: 24.5px;
    }

    #leasing .l-cta a {
        width: 245px;
        height: 58px;
        line-height: 58px;
        font-size: 14px;
        margin: 30px 7.5px 0 7.5px;
    }

    #free-banner > div.right {
        margin: -35px 0 0 20px;
    }

    #free-banner > div.center {
        margin-left: 15px;
    }

    #why-header .inner h1 {
        font-size: 36px;
        margin: 0 0 15px 0;
    }

    #why-header {
        margin-bottom: 0;
        padding: 30px 15px;
    }

    #banner .yellow-btn {
        margin-top: 0;
    }

    #banner {
        padding-bottom: 15px;
    }

    #banner > div.center {
        width: 60%;
        text-align: left;
        margin: 0;
        padding: 0 15px;
    }

    #banner > div.right {
        width: 40%;
        text-align: center;
        text-align: right;
        margin: 0;
        padding: 0 15px;
        vertical-align: bottom;
    }

    #banner > div.left {
        width: 100%;
        text-align: center;
        margin: 0;
    }

    #banner .left .inner {
        position: relative;
        display: inline-block;
        width: auto;
    }

    .page-inner.detail {
        padding: 15px 15px 30px 15px;
    }

    #icons .icon-item:not(:nth-child(2n+2)) {
        margin-right: 15px;
    }

    #icons .icon-item:not(:nth-child(2n+1)) {
        margin-right: 0 !important;
    }

    #icons .icon-item {
        width: calc(50% - 7.5px);
    }

    #icons {
        margin: 15px auto 0 auto;
    }

    .detail-bottom {
        padding-top: 30px;
    }

    .detail-bottom h2 {
        font-size: 18px;
    }

    .detail-main .right {
        padding-left: 0;
        width: 100%;
        margin-top: 30px;
    }

    .detail-main .left {
        width: 100%;
    }

    .page-inner.products {
        padding: 30px 15px 30px 15px;
    }

    #products .product-item .product-price > span {
        font-size: 26px;
        top: 4px;
    }

    #products .product-item .product-price > span:first-child {
        font-size: 18px;
    }

    #products .product-item .product-price {
        font-size: 41px;
    }

    .top-sort label {
        font-size: 12px;
    }

    #products .sidebar {
        font-size: 0;
    }

    #products .sidebar .sidebar-newsletter {
        width: calc(50% - 7.5px);
        display: inline-block;
        vertical-align: top;
    }

    #products .sidebar .sidebar-outer {
        vertical-align: top;
        width: calc(50% - 7.5px);
        display: inline-block;
        margin-right: 15px;
    }

    #products .product-item {
        width: 50%;
    }

    #products .products-container {
        width: 100%;
        display: block;
        float: none !important;
    }

    #products .sidebar {
        width: 100%;
        float: none;
    }

    #sense .right .swiper-button-next {
        right: 0;
    }

    #sense .right .swiper-button-prev {
        left: 0;
    }

    #sense .right {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    #sense .left {
        padding: 15px 15px;
        background-position: 100% 100%;
        margin-bottom: 30px;
        width: 100%;
    }

    .page-inner.categories {
        padding: 30px 15px 15px 15px;
    }

    #category-title {
        font-size: 0;
        margin-bottom: 30px;
    }

    .page-inner.products #category-title:after {
        top: -20px;
        height: calc(100% + 50px);
    }

    #category-title div.text {
        width: calc(100% - 120px);
    }

    #category-title div.image {
        width: 120px;
        padding-right: 15px;
    }

    #category-title div.text p {
        font-size: 14px;
    }

    #category-title div.text h1 {
        font-size: 34px;
    }

    #categories .category-item:not(:nth-child(3n+3)) {
        margin-right: 0;
    }

    #categories .category-item:not(:nth-child(2n+2)) {
        margin-right: 21px;
    }

    #categories .category-item {
        width: calc(50% - 10.5px);
        margin-bottom: 21px;
    }

    .why .about-area .left .inner {
        width: 100%;
        max-width: 100%;
        border-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .page-inner.about.why {
        background-image: none;
    }

    #checkout-banner {
        margin-bottom: 30px;
    }

    #checkout-banner > .left,
    #checkout-banner > .right {
        width: 100%;
        padding: 15px;
        height: auto;
        text-align: center;
    }

    #rate .title h1 strong {
        font-size: 57.93px;
    }

    #rate .title h1 {
        font-size: 68.17px;
    }

    #single-location .right .location-row.padding-left:not(:last-child) .row-content:after {
        width: calc(100% + 10px);
    }

    #single-location .right .location-row:not(:last-child) .row-content:after {
        width: 100%;
    }

    #single-location .left {
        padding-bottom: 30px;
        border-right: 0;
        border-bottom: 1px solid #929292;
        margin-bottom: 30px;
    }

    #single-location .left h1 {
        line-height: 1;
    }

    #single-location .left .manager {
        margin-top: 0;
        top: 0;
        margin-bottom: 0;
    }

    .page-inner.single-location #home-products {
        padding-bottom: 0;
    }

    #locations .locations-item br {
        display: none;
    }

    #locations .locations-item {
        padding: 0 5px;
    }

    #our-priority strong {
        font-size: 30px;
    }

    #benefits .benefit-item {
        width: 50%;
        margin-bottom: 30px;
    }

    #guarantee .inner p strong {
        letter-spacing: 0;
        font-size: 24px;
        margin-bottom: 10px;
    }

    #guarantee .inner {
        background-size: 150px;
        padding: 30px 0 25px 160px;
        background-position: 0 50%;
    }

    #best-brands .title,
    #benefits .title,
    .before-products-title,
    #single-location .left h1,
    #single-location .title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    #best-brands .brands .brand-item img {
        max-width: 100%;
        max-height: 50px;
    }

    #best-brands .brands .brand-item {
        width: 20%;
        padding: 0 15px;
    }

    #before-footer .left .inner,
    #before-footer .right .inner {
        margin: 0 auto;
    }

    #before-footer .left,
    #before-footer .right {
        width: 100%;
        display: block;
        height: auto;
        padding: 30px 15px;
        margin: 0;
    }

    #before-footer .left {
        margin-bottom: 10px;
    }

    #under-hero > .container-fluid > div.center p {
        margin-left: auto;
        margin-right: auto;
    }

    #under-hero > .container-fluid > div.center {
        padding-left: 0;
        margin-right: 0;
        text-align: center;
    }

    #under-hero > .container-fluid > div.left {
        padding: 0;
        margin: 0 0 15px 0;
        border-bottom: 1px solid white;
        border-right: 0;
    }

    #under-hero > .container-fluid > div {
        width: 100%;
        display: block;
        text-align: center;
        padding: 0;
        margin: 0;
    }

    #hero .left .inner:after {
        right: -20px;
        top: -15px;
        background-size: contain;
        width: 40%;
    }

    #hero .left {
        height: 315px;
    }

    #hero .left .inner:before {
        width: 150px;
        height: 150px;
        left: 20px;
        top: 33px;
    }

    #hero .left .inner .inner-left span {
        font-size: 55px;
        top: 4px;
    }

    #hero .left .inner .inner-left {
        margin-top: -5px;
        font-size: 100px;
    }

    #hero .left .inner .inners {
        margin-top: 5px;
    }

    #hero .left .inner h1 {
        font-size: 40px;
        letter-spacing: 0px;
    }

    #hero .left .inner h1 span {
        font-size: 20px;
        margin-bottom: 0;
        padding-left: 10px;
    }

    #hero .left .inner {
        padding: 15px 0 0 0;
    }

    #hero .right {
        height: 360px;
        width: 100%;
        padding: 0 15px 15px 15px;
    }

    #hero .left .inner:after {
        background-size: contain;
        width: 30%;
    }

    .contact-area .right {
        width: 100%;
        float: none;
        padding: 30px 15px;
    }

    .contact-area .left {
        width: 100%;
        float: none;
    }

    .page-inner.about {
        padding: 30px 0 30px 0;
    }

    .about-area .left .inner {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        border-bottom: 1px solid #ee632c;
        border-right: 0;
        margin-bottom: 30px;
    }

    .about-area .left {
        position: static;
    }

    .about-area .right {
        padding-right: 15px;
        padding-left: 15px;
    }

    .careers-item {
        margin-bottom: 45px;
    }

    .icons-area ul li {
        margin: 0 0 30px 0;
    }

    .icons-area {
        padding: 30px 0 0 0;
    }

    .yellow-area,
    .orange-area {
        padding: 25px 0 20px 0;
    }

    .page-inner.careers .default {
        margin-bottom: 30px;
    }

    main {
        top: 0;
        margin-bottom: 0;
    }

    footer .left {
        padding-bottom: 30px;
    }

    footer .right {
        padding-left: 30px;
        padding-top: 0;
    }

    footer #copyright,
    footer #copyright a {
        font-size: 13px;
    }

    .ham {
        top: 22px;
    }

    #panel nav .nav-center {
        line-height: 60px;
    }

    .yellow-area p,
    .orange-area p {
        font-size: 20px;
    }

}

@media screen and (max-width:700px) {
    #hero .new-inner .inner-right {
        margin-top: 15px;
    }

}

@media screen and (min-width:601px) {
    .on-mobile {
        display: none !important;
    }

}


@media screen and (max-width:600px) {
    #banner-nada img {
        max-width: 100%;
        height: auto;
        margin: 15px auto;
    }

    #banner-nada .container:before,
    #banner-nada .container:after {
        display: none;
    }

    #banner-sept .s-right img {
        width: auto;
        top: 0;
        position: relative;
        max-width: 100%;
        height: auto;
        display: none;
    }

    #banner-sept .s-left {
        text-align: center;
    }

    #banner-sept .s-right img {
        width: auto;
        top: 0;
        position: relative;
    }

    #hero.spree.sept .right .inner {
        background-position: 100% 8px;
        background-size: auto;
    }

    #hero.spree.tbyb.sept .s-right {
        display: none;
    }

    #hero.spree.tbyb.sept .left:before {
        display: none;
    }

    #hero .sept-inner a {
        margin-left: auto;
        margin-right: auto;
    }

    #hero .sept-inner .s-left {
        display: block;
        width: 100%;
    }

    #banner-tbyb-try .right strong {
        font-size: 24px;
    }

    #banner-tbyb-try .right p:before {
        left: 0;
        bottom: -60px;
    }

    #banner-tbyb-try {
        padding: 20px 0;
    }

    #banner-tbyb-try .right {
        margin-top: 15px;
    }

    #banner-tbyb-try .left,
    #banner-tbyb-try .right {
        width: 100%;
        text-align: center;
    }

    #banner-tbyb-try .right p {
        color: black;
    }

    #banner-tbyb .right a {
        margin-left: 0;
    }

    #banner-tbyb,
    #banner-tbyb-try {
        background-image: url(../images/tbyb/mob-bg.jpg);
    }

    #banner-tbyb .left img {
        margin-bottom: 15px;
    }

    #banner-tbyb .right strong {
        font-size: 30px;
    }

    #banner-tbyb .right p {
        font-size: 20px;
        display: block;
        vertical-align: top;
        color: black;
        text-align: center;
        padding-bottom: 10px;
    }

    #banner-tbyb .left,
    #banner-tbyb .right {
        width: 100%;
        text-align: center;
    }

    #hero.spree.tbyb .right,
    #hero.spree.tbyb .left {
        height: auto;
    }

    #hero.spree.tbyb .tbyb-inner .inner-right img {
        margin-left: 0;
        margin-bottom: 0;
        max-width: 100%;
    }

    #hero.spree.tbyb .tbyb-inner .inner-right {
        top: 0;
    }

    #hero.spree.tbyb .tbyb-inner {

        padding-top: 85px;
    }

    #hero.spree.tbyb .left:before {
        content: "";
        display: block;
        background-image: url(../images/tbyb/july-only.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        position: absolute;
        left: 0;
        width: 69.5px;
        height: 69px;
        z-index: 9;
        top: 3px;
    }

    #hero.spree.tbyb:before {
        display: none;
    }

    #hero.spree.tbyb .tbyb-inner .inner-right a {
        margin-left: auto;
        margin-right: auto;
    }

    #hero.spree.tbyb .tbyb-inner .inner-right img {
        margin-left: 0;
        margin-bottom: 0;
    }

    #hero.spree.tbyb .tbyb-inner .inner-right {
        width: 100%;
        text-align: center;
    }

    #hero.spree.tbyb .tbyb-inner .inner-left {
        display: none;
    }

    #byob-bundle .center p:nth-child(1) {
        font-size: 16px;
    }

    #byob-bundle .center p:nth-child(2) a {
        margin-left: auto;
        margin-right: auto;
    }

    #byob-bundle .right,
    #byob-bundle .center {
        width: 100% !important;
        padding: 15px 0;
        text-align: center;
    }

    #byob-different .inner:before {
        left: -30px;
    }

    #byob-different .inner {
        font-size: 18px;
        padding-top: 20px;
        padding-left: 0;
    }

    #byob-products .container .product-item {
        width: 100%;
        display: inline-block;
        vertical-align: bottom;
        text-align: center;
        margin-bottom: 30px;
    }

    #hero.byob .inner-bottom > div.inner-left p strong {
        font-size: 16px;
        margin-top: 0;
    }

    #hero.byob .inner-bottom > div.inner-left p strong span {
        font-size: 18px;
    }

    #hero.byob .inner-bottom > div.inner-left p {
        font-size: 14px;
        text-align: center;
    }

    #hero.byob .inner-bottom > div.inner-right a {
        margin-left: auto;
        margin-right: auto;
    }

    #hero.byob .left img {
        width: 200px;
    }

    #hero.byob .left .inner-top > div.inner-left,
    #hero.byob .left .inner-top > div.inner-right,
    #hero.byob .left .inner-bottom > div.inner-left,
    #hero.byob .left .inner-bottom > div.inner-right {
        width: 100%;
        text-align: center;
        padding-right: 0;
        padding-left: 0;
    }

    #hero.byob.scratch.byob .right .top .inner {
        background-position: calc(100% - 5px) 95%;
        background-size: auto 90%;
    }

    #hero.byob.scratch.byob .right .bottom .inner {
        background-size: auto 90%;
        background-position: calc(100% - 5px) 95%;
    }

    #tv-banner {
        padding: 15px;
    }

    #tv-banner .inner-righter .selectric-wrapper {
        margin-left: auto;
        margin-right: auto;
    }

    #tv-banner .new-inner .inner-right p {
        font-size: 13px;
        margin: 0 0 15px 0;
    }

    #tv-banner .inner-righter {
        display: block;
        vertical-align: middle;
        margin: 0;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #tv-banner .new-inner .inner-right br {
        display: none;
    }

    #tv-banner .new-inner .inner-right {
        margin-left: 0;
        width: 100%;
        padding-left: 0;
        text-align: center;
    }

    #tv-banner .new-inner .inner-left {
        width: 100%;
        text-align: center;
    }

    #tires #how h2 {
        font-size: 26px;
        margin: 0 0 30px 0;
    }

    #tires #how .works > div {
        padding: 0;
        width: 100%;
    }

    #tires #how {
        padding: 30px 0 20px 0;
    }

    #tires #why h1 {
        font-size: 26px;
        margin: 0 0 10px 0;
    }

    #tires #why {
        padding: 30px 0 20px 0;
    }

    #tires #why {
        background-image: none;
    }

    #tires-stay .center {
        padding: 15px;
    }

    #tires-stay .center,
    #tires-stay .left {
        margin: 0;
        width: 100%;
        text-align: center;
    }

    #tires #tires-brands .title {
        font-size: 18px;
    }

    #tires #tires-brands {
        padding: 30px 15px 0 15px;
    }

    #beat .container > div.left p:nth-child(2) {
        text-align: center;
    }

    #beat {
        padding: 30px 0;
        height: auto;
    }

    #beat .container > div.center {
        display: none;
    }

    #beat .container > div.left {
        width: 100%;
        margin-right: 0;
        text-align: center;
    }

    #beat .container > div.right {
        width: 100%;
        margin-right: 0;
        text-align: center;
    }

    #how-we .signs .s-item {
        margin-bottom: 15px;
        width: 50%;
    }

    #hero .right {
        padding: 15px 15px 0 15px;
    }

    #hero .new-inner .inner-right h1 span {
        font-size: 18px;
    }

    #hero .new-inner .inner-right h1 {
        font-size: 36px;
    }

    .pre-footer .container {
        padding: 0 15px;
    }

    .pre-footer .inner:after {
        display: none;
    }

    .pre-footer .inner {
        width: 100%;
    }

    #leasing .l-additional ul li {
        width: 100%;
        padding: 0;
        margin-bottom: 50px;
    }

    #leasing .l-additional ul li:last-child {
        margin-bottom: 0;
    }

    #leasing .l-title.last {
        margin-top: 0;
    }

    #leasing .l-items .l-item {
        width: 100%;
    }

    #leasing .l-icons {
        padding: 50px 0 0 0;
    }

    #leasing .l-icons .l-icon {
        margin-bottom: 50px;
        width: 100%;
    }

    #leasing .l-hero {
        text-align: center;
    }

    #leasing .l-hero > div.inner > div:nth-child(2) {
        font-size: 15.5px;
    }

    #leasing .l-hero > div.inner > div:nth-child(4) {
        font-size: 25.25px;
    }

    #leasing .l-hero > div.inner > div:nth-child(3) {
        font-size: 58px;
        margin-bottom: -5px;
    }

    #leasing .l-hero > div.inner > div:nth-child(2) span:before {
        margin-right: 6px;
    }

    #leasing .l-hero > div.inner > div:nth-child(2) span:after {
        margin-left: 6px;
    }

    #leasing .l-hero > div.inner > div:nth-child(2) span:before,
    #leasing .l-hero > div.inner > div:nth-child(2) span:after {
        width: 80px;
        top: -2px;
    }

    #leasing .l-hero > div.inner > div:nth-child(1) {
        font-size: 14.25px;
        margin-bottom: 2px;
    }

    .coupon-modal .inner form > div {
        width: 100%;
        padding: 0 15px;
        display: inline-block;
        vertical-align: top;
    }

    .coupon-modal .inner span.h2 {
        font-size: 14px;
        margin: 0 0 15px 0;
    }

    .coupon-modal .inner span.h1 {
        font-size: 20px;
        line-height: 1;
    }

    #hero .inner-right .selectric .label {
        font-size: 18.5px;
    }

    #hero .inner-right .selectric-wrapper {
        margin-left: auto;
        margin-right: auto;
    }

    #hero .new-inner .inner-right,
    #hero .new-inner .inner-left {
        width: 100%;
    }

    #hero .new-inner .inner-left img {
        max-width: 100%;
        width: 250px;
    }

    #hero .new-inner .inner-left {
        margin-top: 0;
        width: 100%;
        padding: 0;
    }

    #banner .yellow-btn {
        padding: 15px 15px;
    }

    .page-inner.detail #sense {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .detail-bottom .left,
    .detail-bottom .right {
        width: 100%;
        padding: 0;
    }

    #products .product-item {
        margin-bottom: 30px;
    }

    #products .sidebar .sidebar-title {
        font-size: 15px;
    }

    #products .sidebar .sidebar-newsletter {
        padding: 65px 10px 40px 10px;
    }

    #products .sidebar .sidebar-newsletter h2 {
        font-size: 21px;
        line-height: 24px;
    }

    #checkout-banner > .right > div.inner-left span {
        font-size: 31px;
    }

    #checkout-banner > .right > div.inner-left {
        font-size: 62px;
    }

    #rate .star-social ul li a p span {
        font-size: 20px;
        line-height: 20px;
    }

    #rate .star-social ul li a p {
        font-size: 15px !important;
        line-height: 20px !important;
    }

    #rate .star-social ul li a i {
        font-size: 60px;
        margin-right: 15px;
    }

    #rate .star-social ul li {
        padding: 0 5px;
    }

    #rate .star-social {
        margin: 0 auto 0 auto;
        padding-bottom: 30px;
    }

    #rate .star-social ul li:before {
        width: 135.5px;
        height: 96px;
        margin-bottom: -25px;
    }

    #rate .star-social ul li {
        width: 100%;
        padding: 0;
    }

    #rate .orange-btn {
        font-size: 16px !important;
    }

    #rate .final-form {
        padding-bottom: 30px;
    }

    #rate .to-slide .step:not([rel="0"]) {
        padding: 30px 0 0 0;
    }

    #rate .after-form h1 {
        font-size: 24px;
    }

    #rate #rate-form p,
    #rate .after-form p {
        font-size: 14px;
        line-height: 20px;
    }

    #rate #rate-form p br,
    #rate .after-form p br {
        display: none;
    }

    #rate #rate-form .orange-btn,
    #rate .final-form .orange-btn {
        margin-top: 15px;
    }

    #rate #rate-form input:not([type="submit"]),
    #rate #rate-form select {
        font-size: 16px;
        padding: 0 15px;
        width: 100%;
    }

    #rate #rate-form input:not([type="submit"]) {
        margin-bottom: 15px;
        margin-right: 0;
        vertical-align: top;
    }

    #rate #rate-form input:not([type="submit"]):nth-child(2n+2) {
        margin-right: 0;
    }

    #rate .title {
        padding: 30px 15px;
    }

    #rate .inner .stars ul li a {
        width: 49px;
        height: 46px;
    }

    #rate .inner .stars ul li {
        margin: 0 2.5px;
    }

    #rate .inner .stars ul li img {
        max-width: 100%;
    }

    #rate .inner .stars ul li img {}

    #rate .title p {
        font-size: 14px;
        line-height: 20px;
    }

    #rate .title h1 strong {
        font-size: 32.5px;
        margin: 0;
    }

    #rate .title h1 {
        font-size: 38.17px;
    }

    #locations .locations-item .address {
        font-size: 15px;
    }

    #locations .locations-item {
        width: 50%;
    }

    .locations.page-inner p br {
        display: none;
    }

    .locations.page-inner p {
        font-size: 14px;
        line-height: 1.5;
    }

    .locations.page-inner h1 {
        margin: 0 0 5px 0;
        font-size: 24px;
    }

    #locations-intro {
        padding: 30px 15px 30px 15px;
    }

    #our-priority strong {
        font-size: 20px;
    }

    #our-priority h1 {
        font-size: 18px;
    }

    #home-products .home-product-item > a .image {
        height: 200px;
        line-height: 200px;
    }

    #home-products .home-product-item > a .image img {
        max-height: 95%;
    }

    #home-products .home-product-item .name {
        height: 68px;
    }

    #benefits .benefit-item {
        width: 100%;
        margin-bottom: 15px;
    }

    #benefits .benefits {
        padding-bottom: 15px;
    }

    #guarantee .inner p strong {
        line-height: 1;
    }

    #guarantee .inner p {
        font-size: 16px;
        line-height: 1.5;
        text-align: center;
        word-spacing: 0px;
    }

    #guarantee .inner {
        background-size: 150px;
        padding: 180px 0 30px 0;
        background-position: 50% 10px;
    }

    #best-brands .brands .brand-item {
        width: 50%;
        padding: 0 15px;
        display: inline-block;
    }

    #before-footer .left .inner input[type="email"] {
        width: calc(100% - 75px);
    }

    #before-footer .left .inner input[type="submit"] {
        width: 75px;
        font-size: 14px;
    }

    #before-footer .inner h2 {
        font-size: 20px;
    }

    #under-hero > .container-fluid > div.center p strong {
        font-size: 20px;
    }

    #under-hero > .container-fluid > div.left {
        font-size: 36.7px;
        padding-right: 0;
    }

    #under-hero > .container-fluid > div.left strong {
        font-size: 40.5px;
        letter-spacing: 0px;
    }

    #under-hero > .container-fluid > div.right img {
        max-width: 100%;
    }

    #under-hero > .container-fluid > div.center p {
        margin-left: auto;
        margin-right: auto;
    }

    #under-hero > .container-fluid > div.center {
        padding-left: 0;
        margin-right: 0;
        text-align: center;
    }

    #under-hero > .container-fluid > div.left {
        padding: 0;
        margin: 0 0 15px 0;
        border-bottom: 1px solid white;
        border-right: 0;
    }

    #hero .right .inner {
        text-align: left;
    }

    #hero .left .inner:before {
        width: 150px;
        height: 150px;
        left: 15px;
        top: 20px;
    }

    #hero .left,
    #hero .right {
        text-align: center;
        height: 400px;
    }

    #hero .left .inner {
        display: inline-block;
        width: auto;
    }

    #hero .left .inner .inner-left,
    #hero .left .inner .inner-right {
        text-align: left;
    }

    #hero .left .inner .inners {
        text-align: center;
    }

    #hero .left .inner {
        padding: 0;
    }

    #hero .left .inner .inners img {
        max-width: 100%;
        margin: 20px auto;
        width: 150px;
        display: block;
    }

    .out-mobile {
        display: none !important;
    }

    #hero .left .inner:after {
        display: none;
    }

    .swiper-slide-active {
        z-index: 2
    }

    .swiper-element-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        z-index: 1;
        padding: 0 0;
    }

    .swiper-element-wrapper {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .swiper-element-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .swiper-element {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        padding-top: 15px;
        padding-bottom: 15px;
        display: block;
    }

    .swiper-pagination-bullet-active {
        opacity: 1;
        background: #fc691b !important;
    }

    .swiper-pagination-bullet {
        width: 12px !important;
        height: 12px !important;
        display: inline-block;
        border-radius: 100%;
        background: #000;
        opacity: 1;
        margin: 0 10px !important;
        background-color: #000000;
    }

    #hero .swiper-pagination {
        text-align: center;
        display: block;
        position: static;
        height: auto !important;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .contact-area .right p {
        margin-bottom: 15px;
    }

    .contact-area .right .phone {
        margin-bottom: 15px;
    }

    .contact-area .right h2 {
        font-size: 20px;
    }

    .contact-area h1 {
        font-size: 24px;
    }

    .contact-area form textarea {
        padding: 15px;
        font-size: 16px;
    }

    .contact-area form input:not([type="submit"]),
    .contact-area form select {
        height: 45px;
        line-height: 45px;
        padding: 0 15px;
        font-size: 16px;
        margin-bottom: 15px;
    }

    .default h2 {
        font-size: 24px;
    }

    .careers-item {
        margin-bottom: 30px;
    }

    .page-inner.careers {
        padding: 15px 0 0 0;
    }

    .careers-item h3 {
        font-size: 18px;
    }

    .careers-item {
        padding: 0;
    }

    .careers-area {
        padding-top: 30px;
    }

    .icons-area ul li {
        padding: 0;
        margin: 0 0 30px 0;
        width: 100%;
    }

    #locations .locations-item br {
        display: inline-block;
    }

}

@media screen and (min-width:481px) {}


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

    #hero.spree.tbyb.cow.nada18 .right > div.top.less .inner,
    #hero.spree.tbyb.cow.nada18 .right > div.bottom.less .inner {
        background-position: calc(100% - 5px) 95% !important;
    }

    #hero.spree.tbyb.nada18 .left {
        padding-bottom: 40px;
    }

    #hero.spree.tbyb.cow.nada18 .right > div.top .inner,
    #hero.spree.tbyb.cow.nada18 .right > div.bottom .inner {
        background-size: auto;
    }

    .nada18-inner {
        padding: 30px 15px;
    }

    .nada18-inner .title {
        font-size: 18.25px;

        padding: 15px 0;
        line-height: 1.2;
    }

    .nada18-inner .light-right,
    .nada18-inner .light-left {
        display: none;
    }

    #banner-sept .title + div {
        text-align: center;
    }

    #banner-sept .s-right {
        width: 100%;
        display: block;
    }

    #banner-sept a {
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
        display: block;
    }

    #banner-sept .s-right img {

        display: none;
    }

    #hero.spree.sept .right .inner h3 {
        font-size: 15px;
        margin-bottom: 5px;
        line-height: 1.3;
    }

    #hero.spree.sept .right .inner {
        background-position: 100% 8px;
        background-size: 40%;
    }

    #byob-hero .inner:before,
    #byob-hero .inner:after {
        display: none;
    }

    #hero.byob.scratch.byob .right .top .inner {
        background-position: calc(100% - 5px) 95%;
        background-size: auto 50%;
    }

    #hero.byob.scratch.byob .right .bottom .inner {
        background-size: auto 50%;
        background-position: calc(100% - 5px) 95%;
    }

    #tires #common .inner .t-body .t-row .t-col {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #tires #common .inner .t-body .t-row,
    #tires #common .inner .t-body .t-row .t-col {
        height: auto;
        line-height: 1;
    }

    #common .inner .t-body .t-row .t-col span,
    #tires #common .inner .t-body .t-row .t-col span:nth-child(2) {
        width: 100%;
        padding: 5px 0;
        text-align: left;
    }

    #tires #tires-hero .inner div:nth-child(1) input {
        width: 100%;
    }

    #tires #tires-hero .inner div:nth-child(1) input:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .real-logo {
        padding: 15px 0 0 0;
    }

    #panel nav .nav-center .real-logo img {
        height: auto;
        max-width: 100%;
        max-height: 100px;
    }

    #panel nav .nav-center .col-xs-2 {
        width: 100%;
        padding: 0 15px;
        text-align: center;
    }

    #our-brands .brands .brand-item:nth-child(5),
    #our-brands .brands .brand-item:last-child {
        margin-right: 0;
    }

    #our-brands .brands .brand-item {
        margin-right: 0;
        width: 50%;
    }

    #how-we .title,
    #our-brands .title {
        font-size: 26px;
        margin-bottom: 30px;
    }

    #how-we {
        padding: 30px 0 15px 0;
    }

    #how-we .signs .s-item {
        margin-bottom: 15px;
        width: 100%;
    }

    #leasing .l-orange .title br {
        display: none;
    }

    #leasing .l-orange .yellow-btn {
        padding: 17.38px;
        font-size: 17.38px;
        margin-top: 0;
        margin-bottom: 25px;
    }

    #leasing .l-orange .title {
        font-size: 22px;
        line-height: 1.3;
    }

    #free-banner > div h2 {
        font-size: 18px;
        letter-spacing: 0;
    }

    #why-header .inner h2 {
        font-size: 18px;
    }

    #why-header .inner h1 {
        font-size: 24px;
        margin: 0 0 15px 0;
    }

    #banner .yellow-btn {
        padding: 15px 30px;
        font-size: 16px;
    }

    #banner .left .inner .inner-right {
        margin-top: 8px;
    }

    #banner .left .inner .inner-left span {
        font-size: 33px;
        top: 0px;
    }

    #banner .left .inner .inner-left {
        font-size: 67.47px;
        margin-top: 0px;
    }

    #banner > div.right {
        width: 100%;
        text-align: center;
        padding: 0 15px;
    }

    #banner > div.center {
        width: 100%;
        text-align: center;
        margin: 15px 0;
        padding: 0 15px;
    }

    #icons .icon-item .content p {
        font-size: 20px;
    }

    #icons .icon-item {
        width: 100%;
    }

    #icons .icon-item:not(:nth-child(2n+2)) {
        margin-right: 0;
    }

    #icons .title {
        font-size: 24px;
    }

    .detail-main .right .product-price span {
        font-size: 22.5px;
    }

    .detail-main .right .product-price {
        font-size: 45px;
        margin-bottom: 0;
    }

    .detail-main .right .product-name {
        font-size: 28px;
        line-height: 28px;
    }

    #products .sidebar .sidebar-outer {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    #products .sidebar .sidebar-part {
        margin-bottom: 15px;
    }

    #products .sidebar .sidebar-title {
        padding: 15px 15px;
    }

    #products {
        padding-top: 0;
    }

    .top-sort select {
        display: block;
        width: 100% !important;
        font-size: 10px;
    }

    .top-sort > div:not(.clearfix) {
        display: block;
        width: 100%;
        float: none;
        padding: 7.5px 0;
    }

    #products .sidebar .sidebar-newsletter {
        padding: 75px 10px 15px 10px;
        margin-bottom: 15px;
    }

    #products .sidebar .sidebar-newsletter {
        width: 100%;
        display: block;
        vertical-align: top;
        background-position: 0 10%;
    }

    .top-sort label {
        font-size: 19x;
    }

    #products .sidebar .sidebar-outer {
        vertical-align: top;
        width: 100%;
        display: block;
        margin-right: 0;
    }

    #products .products-container .products {
        margin-right: 0;
        margin-left: 0;
    }

    #products .product-item {
        margin-bottom: 30px;
        width: 100%;
        padding: 0;
    }

    #categories .category-item:not(:nth-child(2n+2)) {
        margin-right: 0;
    }

    #categories .category-item {
        width: 100%;
        margin-bottom: 15px;
    }

    #category-title div.text h1 {
        font-size: 24px;
    }

    #category-title div.text {
        width: 100%;
        margin-top: 15px;
    }

    #category-title div.image {
        width: 100%;
        padding-right: 0;
    }

    #single-location .left h1 {
        margin: 30px 0 10px 0;
    }

    #single-location .left .manager .content {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

    #single-location .left .manager .image {
        display: block;
        width: 100%;
        text-align: center;
    }

    #locations .locations-item br {
        display: inline-block;
    }

    #locations .locations-item {
        width: 100%;
    }

    #benefits {
        padding: 0 15px 0 15px;
    }

    #home-products .home-product-item {
        width: 100%;
        padding: 0 7.5px;
        margin-bottom: 30px;
    }

    #hero .right .inner {
        background-position: calc(100% - 10px) 100%;
        background-size: 40%;
        padding: 25px 0 0 10px;
    }

    .orange-area,
    .yellow-area {
        padding: 25px 0 20px 0;
    }

    .orange-area p,
    .yellow-area p {
        font-size: 18px;
    }

    .default.big p {
        font-size: 14px;
        line-height: 1.5;
    }

    .default h2 {
        font-size: 24px;
    }

    footer .right {
        padding-left: 30px;
        padding-right: 30px;
    }

    footer .right img {
        max-width: 100%;
        height: 50px;
    }

    footer .right img.bbb-logo {
        height: 50px;
        margin-left: 40px;
    }

    footer .left .col-xs-6 {
        width: 100%;
        float: none;
    }

    footer {
        padding: 0;
    }

    #panel nav .nav-top .nav-location {
        font-size: 12px;
    }

    #panel nav .nav-center {
        line-height: 1;
    }

    #panel nav .nav-center .logo-text {
        width: 100%;
        text-align: center;
        margin: 15px auto;
        display: block;
    }

    #hero .right .inner {
        background-size: 35%;
    }


    .page-inner.products #category-title:after {
        top: -20px;
        right: 0;
        width: 100px;
        height: 100px;

    }

    .detail-main .left .product-image:after {
        top: -20px;
        right: -20px;
        width: 120px;
        height: 120px;
    }
	.parent-id-3649 {
        display: flex;
        flex-direction: column;
    }
    .parent-id-3649 .sidebar{
        order: -1;
        margin-top: 30px;
    }
	.parent-id-3649 .top-sort,
	#products.parent-id-3649 .sidebar .sidebar-newsletter,
	.parent-id-3649 .brand-filter{
		display: none;
	}
    #products.parent-id-3649 .sidebar .sidebar-part .title, 
    #products.parent-id-3649 .sidebar .sidebar-part ul li a{
        font-size: 13.67px;
    }
}

@media screen and (max-width:630px) {
    #free-banner > div .selectric-wrapper {
        margin: 15px auto 0 auto;
    }

    #free-banner {
        padding: 15px;
    }

    #free-banner > div {
        display: block;
        text-align: center;
        width: 100% !important;
        vertical-align: middle;
        margin: 0 !important;
    }


    #google_translate_element {margin: 10px 0 15px 0;}
    #beat .container > div.right p:nth-child(2){line-height: 24px;}
    #under-hero > .container-fluid > div.center a {display:block;margin:10px 0;}
    .footer-outer li{margin:15px 0;}
    footer ul li a {padding:5px 0;display:block;}
    footer .right p {line-height:2;}
    .footer-outer .list-inline li {margin-right:15px;}
    .footer-outer #copyright {line-height: 2.4;}
    #breadcrumb {    line-height: 1.8;}
    .html-sitemap ul li {line-height:2.8;}
    .html-sitemap a {padding:5px 0;display: block;}
    #products .product-item .product-title {margin:15px 0;}
    .detail-main .right .product-list p {line-height:1.8;}
    #locations .locations-item .inner > div {margin-bottom:15px;}
    .product-rent .fw-cta-button {margin:5px 0;}
    .mobile #panel nav .nav-top .nav-location .location-title a {display:block;padding:5px 0;}
    #copyright a {display:block;padding:5px 0;}
    .detail-main .left .product-image img {padding:0 15px;min-width: 80px;}


}

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

    #hero.spree.tbyb.cow.nada18 .right > div.top .inner,
    #hero.spree.tbyb.cow.nada18 .right > div.bottom .inner {
        background-size: 26% auto;
        background-position: 95% 100% !important;
    }

    #our-brands .brands .brand-item {
        margin-right: 0;
        width: 100%;
    }

    #hero .right .inner {
        background-size: 33%;
    }

    #hero .left .inner .inner-left {
        padding-right: 0;
    }

    #hero .left .inner .inner-left {
        margin-top: -5px;
        font-size: 70px;
    }

    #hero .left .inner .inner-left span {
        font-size: 35px;
        top: 4px;
    }

    #hero .left .inner h1 {
        font-size: 30px;
        letter-spacing: 0px;
    }

    #hero .left .inner h1 span {
        font-size: 15px;
        padding-left: 0;
    }

    #hero .left .inner .inners img {
        width: 137px;
    }

   

}