@media screen and (max-width:1600px) {
    .stick {
        right: 0;
        bottom: 0;
    }
.page-inner.about.why .default p br{
    display: none;
}
.about-area .right{
    padding-right: 15px;
}
}

@media screen and (max-width:1500px) {
    #single-location .left .location-content {
        padding-right: 15px;
    }

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

    #single-location .right .stars-container a p {
        font-size: 26px;
    }

}

@media screen and (min-width:1200px) {
    #product-categories.two-row .swiper-slide-two {
        width: 20% !important;
    }

}

@media screen and (max-width:1300px) {
    #custom-order .left {
    margin-right: -5px;
}

    .about-area .right{
        padding-right: 0;
    }
    .about-content .right {
        padding-right: 0;
    }

    .page-inner.careers .default:after {
        right: 15px;
    }

    #single-location .right .stars-container a p {
        font-size: 20px;
        margin-top: 10px;
    }

    #banner {
        background-position: -15% 50%, 115% 50%;
    }

    #panel nav .nav-bottom .right {
        line-height: 56px;
    }

    #panel nav .nav-center .left .slogen {
        font-size: 20px;
        padding-left: 15px;
    }

    #hero.tbyb .hero-inner .inner-right {
        width: 355px;
    }

    #hero.tbyb .hero-inner .inner-left {
        left: 0px;
    }

    #category-about {
        width: calc(100% - 30px);
    }

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

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

    #panel nav .nav-top .right ul li:last-child a {
        margin-left: 0;
        padding-right: 10px;
    }

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

    #panel nav .nav-top .right {
        padding-right: 0;
    }

    .about-area.row {
        margin-left: 0;
        margin-right: 0;
    }

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

    .about-area .right {
        padding-left: 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:1260px) {
   

}

@media screen and (max-width:1199px) {
    #hero.first .new-inner:after {
   
    width: 206px;
    height: 190px;
    background-size: cover;
}
    #hero.first .new-inner {
    
    padding-left: 0
}
#banner-first .container > div.left  img{
    width: 300px;
    height: auto;
}
    #banner-first .container a {
   
    margin-left: 10px;
}
    #banner-first .container > div.left {
    margin-right: 10px;
}
    .careers-item ul li br{
        display: none;
    }
    .about-content p br{
        display: none;
    }
    #sticky {
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    transform-origin: 100% 100%;
}
    #hero-cta .right .inner {
    max-width: 100%;
    left: 0;
}
    #hero-cta .left .content .title span {
    font-size: 34px;
}
    #hero-cta .left .content .title {
    font-size: 16px;
}
    #hero-cta .left .content {
    width: calc(100% - 155px);
    padding-left: 15px;
}
    #hero-cta .left .image {
    width: 155px;
}
 #hero-cta .left .image img{
    max-width: 100%;
    margin-top: -5px;
    height: auto;
 }
    .about-area{
        margin-bottom: 30px;
    }
    .about-area .right{
        padding-bottom: 30px;
    }
    .page-inner.about.why{
        background-image: none;
    }
    .about-content blockquote {
    font-size: 30.17px;
    line-height: 34.75px;
}
    .products .home-product-item {
        margin-bottom: 50px;
    }

    #products .products-container .products,
    .top-sort {
        padding-right: 11px;
    }

    .products .home-product-item {
        margin-left: 15px;
        width: calc(33.333% - 15px);
    }

    .top-sort .col-xs-4 {
        width: calc(33.333% - 15px);
        margin-left: 15px;
    }

    .page-inner.careers .default:after {
        width: 195px;
        height: 223px;
        background-size: 195px 223px;
    }

    .page-inner.careers .default p {
        font-size: 21px;
        line-height: 1.5;
        margin-bottom: 20px;
    }

    .page-inner.careers .default ul li {
        font-size: 21px;
        line-height: 1.5;
    }

    .locations.page-inner {
        padding-bottom: 60px;
    }

    #panel nav .nav-bottom .right {
        line-height: 52px;
    }

    #find h3 {
        font-size: 27px;
    }

    #find .left {
        padding-left: 15px;
    }

    #product-categories .swiper-pagination {
        display: block;
        position: static;
    }

    #product-categories.two-row .swiper-pagination-bullet {
        margin: 0 4px;
    }

    #product-categories.two-row {
        padding: 20px 0;
    }

    .swiper-container-two {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
    }

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

    .swiper-slide-two {
        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;
    }

    .swiper-slide-two {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        -o-transition-property: transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
    }

    #shop-all .categories-title {
        font-size: 30px;
        padding: 50px 15px;
    }

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

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

    #beat .container > div.right {
        width: 415px;
    }

    #hip .right .cols > div {
        padding: 10px;
        font-size: 16px;
        line-height: 1.3;
    }

    #hip .right {
        padding-left: 45px;
    }

    #hip .right .title {
        font-size: 20px;
    }

    #best-brands:after {
        -moz-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        transform-origin: 100% 100%;
    }

    #best-brands .left {
        padding-left: 15px;
    }

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

    #single-location-map {
        height: 200px;
        margin: 0 -15px;
    }

    .location-block .location-phone + .get-directions {
        margin-left: -15px;
        margin-right: -15px;
    }

    #single-location .right .location-block {
        border: 1px solid #e4e4e4;
    }

    #rate .star-social {
        padding-bottom: 90px;
    }

    .product-detail,
    .product-detail .product-thumbnails {
        padding-top: 30px;
    }

    .product-detail .product-thumbnails .left a {
        margin-bottom: 10px;
    }

    .product-detail .product-thumbnails .right {
        width: calc(100% - 100px);
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 30px;
    }

    .product-detail .product-thumbnails .left {
        width: 100px;
    }

    #custom-order {
    }

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

    #custom-order .right p strong {
        font-size: 38px;
    }

    #custom-order .right p {
        font-size: 22px;
    }

    #custom-order .right a {
        width: 250px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        margin-left: 30px;
        top: 0;
    }

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

    .communication-location p strong {
        font-size: 28px;
    }

    #communication-faq .faq-row .question a {
        font-size: 18px;
        line-height: 1;
    }

    #single .text p {
        font-size: 18px;
        line-height: 1.5;
        margin: 0 0 25px 0;
    }

    #single .posted {
        font-size: 20px;
        margin-bottom: 25px;
    }

    #single .title {
        font-size: 34px;
    }

    .post-item a .title {
        font-size: 22px;
    }

    .sidebar .title {
        font-size: 20px;
        line-height: 1.3;
    }

    .pre-footer .inner {
    }

    #panel nav .nav-top .right {
        padding-right: 0;
    }

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

    #panel nav .nav-top .nav-location img {
        margin-right: 0px;
    }

    #panel nav .nav-center {
        padding: 10px 0;
    }

    #panel nav .nav-top .container {
        padding-left: 15px;
    }

    #panel nav .nav-center .left .slogen {
        font-size: 20px;
        margin-left: 0;
    }

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

    #panel nav .nav-center .left {
        padding-left: 15px;
    }

    #panel nav .nav-center .left a {
        display: inline-block;
        position: static;
        -moz-transform: none;
        -webkit-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
    }

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

    #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 {
        left: 0;
    }

    #products .product-item .product-price .inner {
        right: -15px;
    }

    #products .product-item .image {
        line-height: 1;
        margin-bottom: 10px;
    }

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

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

    .top-sort {
    }

    #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 0;
    }

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

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

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

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

    #locations .locations-item .address,
    #locations .locations-item .phone a {
        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: 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;
    }

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

    .contact-area .left {
        padding-right: 19px;
        padding-left: 0;
    }

    .contact-area .right {
        padding-left: 30px;
    }

    .contact-area {
        padding: 30px 30px 30px 19px;
    }

    .contact-area .right p {
        font-size: 18px;
        line-height: 1.5;
    }

    .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;
    }

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

}

@media screen and (min-width:992px)  and (max-width:1199px) {
    #hero .ann-inner {
    width: 475px;
}
    #hero.tbyb .hero-inner .inner-right {
        top: 0;
    }

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

    #hero.tbyb:before {
        top: 139px;
        width: 69.5px;
        height: 69px;
    }

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

    #hero.tbyb .hero-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;
    }

}


@media screen and (max-width:991px) {
    #hero.first .right > div{
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flex;
        display: -o-inline-flex;
        display: inline-flex;
    }
    #banner-first .container a {
    width: 150px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}
    #banner-first .container > div.left img {
    width: 250px;
}
    #banner-first .container > div.center img{
        width: 200px;
    }
    #sticky{
        display: none;
    }
    #hero-cta .right {
        padding:30px 15px;
    width: 100%;
}
#hero-cta .right .inner {
    padding:5px 0 10px 0;
    width: 100%;
}
    #hero-cta .left {
    width: 100%;
    padding:15px 15px 0 15px;
    background-image: url(../images/hero/mob-tiger-pattern.png);
}
    #hero .right a.inner{
        padding: 15px 20px;
    }
    #hero .ann-inner:after {
  
    right: -88px;
}
    #hero .ann-inner {
    width: 100%;
}
    #why-header {
   
    padding: 100px 15px;
    background-size: auto, auto 105px;
}
    #why-header .inner h1 {
    font-size: 48px;
}
    .about-content{
        margin-top: 15px;
    }
    .about-content p {
    font-size: 16px;
    margin: 0 0 20px 0;
    line-height: 1.5;
}
    #about {
    padding-top: 0;
}
    #about .bread{
        padding-left: 0;
        padding-right: 0;
    }
    .about-content blockquote {
    font-size: 22px;
    line-height: 1.3;
}
    #home .before-products-title {
        margin-top: 30px;
        margin-bottom: 0;
    }

    #home-products.home {
        padding-bottom: 0;
    }

    #the-brands .title,
	.cleeks-audio  .title,
	.before-products-title .title{
        font-size: 20px;
        margin-bottom: 15px;
    }

    #the-brands {
        padding-top: 30px;
    }

    #before-footer {
        margin-top: 30px;
    }

    .products .home-product-item {
        margin-left: 15px;
        width: calc(50% - 15px);
        margin-bottom: 30px;
    }

    .coupon-modal .inner span.h2 {
        font-size: 20.63px;
    }

    #shop-all .before-products-title {
        margin: 45px auto 0 auto;
    }

    .before-products-title span {
        display: inline-block;
    }

    #shop-all .bread {
        padding-left: 0;
        padding-right: 0;
    }

    .contact-area form input:not([type="submit"]),.contact-area form .selectric .label,.contact-area form textarea {
        font-size: 16px
    }

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

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

    #single-location .right .location-row .table .tr > div:nth-child(2),
    #single-location .right .location-row .table .tr > div:nth-child(1) {
        font-size: 14px;
    }

    #single-location .right .location-row .row-content .phone a,
    #single-location .right .location-row .row-content .address {
        font-size: 14px;
        line-height: 1.5;
    }

    #banner {
        background-position: -200% 50%, 130% 50%;
    }

    #banner p {
        font-size: 20px;
    }

    #banner img {
        margin: 0 30px 0 30px;
    }

    #rate #rate-form .orange-btn,
    #rate .final-form .orange-btn {
        font-size: 18px;
    }

    #rate #rate-form input:not([type="submit"]),#rate #rate-form select,#rate #rate-form .selectric .label {
        font-size: 14px;
    }

    #locations .locations-item .inner {
        margin: 0 auto;
    }

    #panel nav .nav-center img {
        width: 135px;
    }

    #panel nav .nav-center .left .slogen {
        font-size: 14px;
    }

    #under-benefits .title {
        font-size: 25px;
    }

    #benefits .benefits-items .b-item .body p:nth-child(2n+2):not(:last-child) {
        margin-bottom: 30px;
    }

    #benefits .benefits-items .b-item .body p {
        font-size: 16px;
    }

    #benefits .benefits-items .b-item .body p strong {
        font-size: 18px;
        line-height: 1.2;
    }

    #benefits .benefits-items .b-item .head p {
        font-size: 16px;
        line-height: 1.3;
        margin: 0 auto 10px auto;
    }

    #benefits .benefits-items .b-item .head strong {
        font-size: 20px;
    }

    #benefits .benefits-items {
        margin-top: 30px;
    }

    #benefits .container > .title {
        font-size: 30px;
    }

    .w-green {
        font-size: 20px;
        line-height: 28px;
        padding: 30px 15px;
    }

    .w-hero a {
        width: 175px;
        height: 55px;
        line-height: 55px;
        font-size: 18px;
        margin: 20px auto 0 auto;
    }

    .w-hero .title {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .w-hero img {
        width: 130px;
    }

    #products .product-item .product-inner {
        padding: 0 15px;
    }

    #find p {
        font-size: 18px;
        margin-bottom: 0;
    }

    #find h3 {
        font-size: 24px;
    }

    #shop-all .categories-title {
        font-size: 24px;
        padding: 30px 15px 30px 15px;
    }

    .coupon-modal .inner {
    }

    #hero.tbyb {
    }

    #beat .container > div.right {
        width: 315px;
    }

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

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

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

    #beat .container > div.left {
        width: 225px;
    }

    #hip .right .inner {
        width: 100%;
        max-width: 100%;
        margin: 0 0;
        padding: 30px 0;
    }

    #hip .right {
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
        text-align: center;
    }

    #hip .left:after {
        display: none;
    }

    #hip .left {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        width: 100%;
    }

    #better {
        padding: 30px 0 !important;
    }

    #best-brands .left p {
        font-size: 26px;
        margin: 0 0 30px 0;
    }

    #best-brands .left a:not(:last-child) {
        margin-right: 15px;
    }

    #best-brands .left {
        padding: 30px 0px 30px 15px;
        width: calc(100% - 300px);
    }

    .page-inner.single-location #home-products .products-title {
        margin-bottom: 30px;
    }

    #home-products .home-product-item:not(:last-child) {
        margin-right: 0;
    }

    .locations-social + .rate-us p {
        font-size: 30px !important;
    }

    #single-location .left p {
        font-size: 16px;
        line-height: 1.5;
        margin: 0 0 15px 0;
    }

    .locations.page-inner {
        padding-bottom: 60px;
    }

    .rate-us p {
        font-size: 20px !important;
    }

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

    .locations.page-inner h1 {
        font-size: 30px;
    }

    #rate #rate-form input:not([type="submit"]),#rate #rate-form select,#rate #rate-form .selectric .label {
        padding: 0 15px;
    }

    #rate .star-social {
        padding-bottom: 60px;
    }

    .page-inner.detail .bread {
        padding-left: 0;
        padding-right: 0;
    }

    .product-infos .right-bottom h3 {
        font-size: 16px;
    }

    .product-infos .right-bottom {
        padding-right: 0;
    }

    .product-bottom-left p {
        font-size: 16px;
        line-height: 1.5;
        margin: 0 0 15px 0;
    }

    .product-bottom-left div {
        font-size: 16px;
        line-height: 1.5;
    }

    .product-detail .product-thumbnails {
        padding-top: 0;
    }

    .product-detail .product-thumbnails .right {
        padding-top: 20px;
        padding-left: 5px;
        padding-right: 15px;
    }

    .product-detail .product-infos .title {
        font-size: 18px;
    }

    .product-detail .product-thumbnails {
        width: calc(100% - 320px);
    }

    .product-detail .product-infos,
    .product-infos .right-bottom {
        width: 320px;
    }

    #categories .c-item .image {
        margin-top: 15px;
        height: calc(100% - 100px);
    }

    #categories .c-item a {
        height: 300px;
    }

    #categories .c-item .title {
        font-size: 18px;
        padding-top: 0;
    }

    .main-category .inner .title {
        font-size: 39px;
    }

    #custom-order .right {
        top: 30px;
    }

    #custom-order .right a,
    #custom-order .right p {
        display: block;
        text-align: center;
        margin: 0 auto;
        padding: 0;
        position: static;
        text-align: center;
    }

    .top-sort label + .selectric-wrapper .selectric {
        display: block;
        text-align: left;
    }

    .top-sort label + .selectric-wrapper {
        display: block;
    }

    #banner-tbyb .right p {
        display: block;
        margin-bottom: 15px;
        text-align: right;
    }

    .communcation-chat {
        margin-top: 25px;
        margin-bottom: 30px;
    }

    #communication-center .main > .row > .right {
        font-size: 0;
    }

    .communcation-review {
        margin-right: 30px;
        padding-top: 0;
    }

    .communcation-review,
    .communication-location {
        width: calc(50% - 15px);
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
    }

    #communication-center .main > .row > .left {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #communication-faq .faq-row .question a {
        padding-left: 40px;
    }

    #communication-faq .faq-row .answer {
        padding: 15px 15px 20px 40px;
        font-size: 16px;
        line-height: 23px;
    }

    #communication-faq .faq-row .answer p {
        font-size: 16px;
        line-height: 23px;
    }

    #communication-faq .faq-row {
        margin-bottom: 30px;
    }

    #single {
        padding: 30px 0 45px 0;
    }

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

    #blog-archive .bread {
        padding-left: 0;
        padding-right: 0;
    }

    #blog-archive {
        padding: 30px 0 0  0
    }

    #blog-archive .right {
        padding-left: 30px;
    }

    .post-item:nth-child(2n+2) {
        margin-left: 20px;
    }

    .post-item {
        width: calc(50% - 10px);
    }

    .post-item a .title {
        font-size: 18px;
    }

    #payment .inner {
        padding: 30px 15px;
    }

    #payment {
        padding: 60px 0;
    }

    .pre-footer .inner:after {
    }

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

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

    .bread {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 0;
    }

    .about-area {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .about-area .left p {
        margin-bottom: 15px;
    }

    .default p {
        font-size: 16px;
        line-height: 1.3;
    }

    .about-area .right p {
        font-size: 20px;
        line-height: 1;
        max-width: 100%;
    }

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

    .about-area .left .default.row,
    .about-area .right .row {
        margin-left: 0;
        margin-right: 0;
    }

    footer .footer-col:not(:first-child):nth-child(6) {
        padding-left: 15px;
    }

    footer .footer-col:not(:first-child) {
        padding-left: 15px;
    }

    footer .footer-col:not(:last-child) {
        padding-right: 15px;
    }

    footer .footer-col:nth-child(5) {
        clear: left;
    }

    #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: 0;
        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 0 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: 100%;
        margin-bottom: 30px;
        max-width: 100%;
    }

    #locations-intro {
        padding: 0;
    }

    #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 {
    }

    #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;
        line-height: 1;
    }

    #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: 0;
    }

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

    .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: 15px;
    }

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

.about-area .left .inner ul li {
    margin-bottom: 20px;
}
    .about-area .left .inner ul li a ,
    .about-area .left .inner ul li a:hover,
    .about-area .left .inner ul li a.active{
        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 .bread .container {
        padding: 0;
    }

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

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

    footer .left {
        padding-top: 0;
    }

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

    footer {
        padding: 30px 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 {
        width: 100%;
        padding: 0;
        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);
    }

    .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: #900200;
        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: #900200 !important;
        background-color: #fff !important;
        border-color: #900200 !important;
    }

    #menu li a {
        height: 36px;
        background-color: #900200;
        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) {
    .page-inner.careers .default ul {
        width: 100%;
    }

    #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;
        vertical-align: top;
    }

    #hero .right {
        width: 100%;
        padding: 0;
        padding-bottom: 10px;
        padding-top: 10px;
    }

}

@media screen and (min-width:768px) and (max-width:991px) {
    .about-area {
        margin-bottom: 0;
    }

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

    #category-about {
        padding-left: 0;
        padding-right: 0;
        padding-top: 15px;
        margin-bottom: 30px;
    }

    .product-detail .product-thumbnails .left {
        width: 60px;
    }

    .product-detail .product-thumbnails .right {
        width: calc(100% - 60px);
        padding-left: 15px;
    }

    .product-detail .product-thumbnails .left a {
        height: 45px;
    }

    #products .product-item + .clearfix {
        display: none;
    }

}

@media screen and (min-width:601px) and (max-width:767px) {
    #products .product-item + .clearfix {
        display: none;
    }

    .page-inner.detail {
        margin-bottom: 0;
    }

    .post-item {
        width: 100%;
    }

    .post-item:nth-child(2n+2) {
        margin-left: 0;
    }

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

    #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,#rate #rate-form .select {
        font-size: 16px;
        padding: 0 15px;
        width: calc(50% - 7.5px);
    }

    #rate #rate-form .select {
        padding: 0;
    }

    #rate #rate-form .select .label {
        font-size: 16px;
        padding: 0 15px;
    }

    #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+1) {
        margin-right: 15px;
    }

}

@media screen and (max-width:767px) {
    #hero.first .new-inner:after {

    right: -30px;
}
    #hero.first .right > div{
    padding-left: 15px;
    }
    #banner-first .container > div.center img {
    width: 170px;
}
    #banner-first .container > div.left img {
    width: 200px;
}
    #hero .left:after {
    width: 127px;
    height: 96px;
}
    #hero .left:before {
    width: 91.5px;
    height: 42.5px;
}
    #hero .ann-inner:after {

    right: -15px;
    width: 159.5px;
    height: 170.5px;
    pointer-events: none;
}
    #hero .ann-inner { 
    padding-top: 35px;
    padding-bottom: 35px;
}
    .page-inner.about.why{
        padding-top: 30px;
    }
    .page-inner.about.why .default h3 {
   
    font-size: 20px;
}
    #about{
        margin-bottom: 60px;
    }
    .about-content blockquote{
        padding-left: 0;
        padding-right: 0;
    }
    .about-content .left,
     .about-content .right {
    width: 100%;
    float: none;
    padding-right: 0;
}
    #the-brands .brands {
        margin: 0 auto 30px auto;
    }

    #the-brands .brands a {
        line-height: 65px;
        padding: 10px;
    }

    .modal-body p a {
        display: block;
        margin: 0 auto;
    }

    .modal-body p {
        font-size: 16px;
        line-height: 1.3;
    }

    .modal-body p  br {
        display: none;
    }

    .products .home-product-item .name {
        font-size: 14px;
        line-height: 1.3;
    }

    .products .home-product-item {
        width: calc(50% - 7.5px)
    }

    .products .home-product-item:nth-child(2n+1) {
        margin-left: 0;
    }

    #products .products-container .products,
    .top-sort {
        padding-right: 0;
        padding-left: 0;
    }

    .coupon-modal .inner span.h2 strong {
        font-size: 16px;
    }

    #how-we {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #how-we .signs .s-item p {
        font-size: 16px;
        line-height: 1.3;
    }

    #how-we .title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    #how-we .signs .s-item {
        /*width: 50%;*/
    }

    .contact-area .right {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .contact-area {
        padding: 30px 4px;
    }

    .contact-area .left {
        padding-right: 0;
        padding-top: 0;
        padding-left: 0;
        border: 0;
    }

    .page-inner.careers .default ul {
        width: 100%;
        max-width: 100%;
    }

    #single-location .left .location-content {
        padding-right: 0;
    }

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

    #single-location .left,
    #single-location .right {
        float: none;
        width: 100%;
    }

    .stick {
        right: 0;
        bottom: 0;
        width: 175px;
    }

    .stick img {
        max-width: 100%;
        height: auto;
    }

    #categories .c-item .title {
        font-size: 14px;
        padding-top: 0;
        height: 45px;
        line-height: 45px;
    }

    #banner {
        background-position: 0% 0, 100% 0;
        background-size: auto 35%, auto 35%;
    }

    #banner {
        padding: 15px 0;
    }

    #banner img {
        margin: 15px auto;
    }

    #banner  a {
        margin: 0 auto;
    }

    #banner .container > div {
        display: block;
        vertical-align: middle;
        text-align: center;
        margin: 0 !important;
    }

    #rate .star-social {
        margin-top: -30px;
        padding-left: 15px;
        padding-right: 15px;
    }

    #location-map {
        height: 300px;
    }

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

    .pre-footer .inner:after {
        width: 188.5px;
        height: 190px;
    }

    #custom-order .right a {
        margin-top: 15px;
    }

    #custom-order .right {
        top: 0;
        padding: 30px 0;
    }

    #custom-order .left {
        display: none;
    }

    #why #home-products {
        padding-top: 0;
    }

    #why #home-products .products-title {
        font-size: 25px;
        margin-bottom: 30px;
        padding-top: 0;
    }

    #under-benefits p br {
        display: none;
    }

    #under-benefits {
        margin-top: 0;
    }

    #benefits .benefits-items .b-item:nth-child(2) .body {
        margin-bottom: 0;
        padding-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        border: 0;
    }

    #benefits .container > .title {
        font-size: 20px;
    }

    #benefits .benefits-items .b-item .head {
        margin-bottom: 30px;
    }

    #benefits .benefits-items .b-item {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }

    .w-green {
        font-size: 16px;
        line-height: 22px;
    }

    .w-hero .title {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .w-hero {
        background-size: cover;
    }

    .product-detail .product-thumbnails .left a {
        padding: 5px;
    }

    .product-detail .product-infos {
        margin-top: 30px;
    }

    #products .product-item .product-link a {
        font-size: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    #find a {
        font-size: 16px
    }

    #find h3 {
        font-size: 20px;
    }

    #find .inner {
        padding-top: 0;
        padding-bottom: 0;
    }

    #product-categories.two-row p {
        font-size: 16px;
    }

    #shop-all #home-products {
        padding-top: 30px;
        padding-bottom: 0;
    }

    #shop-all #home-products .products-title {
        font-size: 28px;
    }

    .coupon-modal .inner form > div input,
	.coupon-modal .inner form > div select{
        height: 40px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .coupon-modal .inner {
        background-size: cover;
        background-image: url(../images/pattern.jpg);
    }

    #hero .right {
        padding: 10px;
    }

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

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

    #hero.tbyb .hero-inner .inner-right {
        top: 0;
        padding-bottom: 30px;
    }

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

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

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

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

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

    #beat .container > div.left,
    #beat .container > div.right {
        margin: 0;
        width: 100%;
        display: block;
        padding: 15px 0;
        text-align: center;
    }

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

    #better .title {
        font-size: 20px !important;
        margin-bottom: 30px !important;
    }

    .home-icons > div p {
        font-size: 18px;
        line-height: 1.3;
    }

    #better {
        padding-bottom: 0;
    }

    .home-icons > div {
        width: 50%;
        margin-bottom: 30px;
    }

    #best-brands .left p {
        font-size: 24px;
    }

    #best-brands:after {
        display: none;
    }

    #best-brands .left {
        padding: 30px 15px;
        width: 100%;
    }

    .page-inner.single-location #home-products .products-title {
        font-size: 24px;
    }

    .store-hours {
        width: 100%;
    }

    .locations-social + .rate-us p {
        font-size: 20px !important;
    }

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

    #locations {
        padding-top: 60px;
    }

    .location-left,
    #locations {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        float: none;
    }

    .locations.page-inner {
        padding-bottom: 30px;
    }

    .rate-us {
        width: 100%;
        max-width: 100%;
        margin: 30px auto;
    }

    #locations-intro .left,
    #locations-intro .right {
        width: 100%;
    }

    #rate .final-form label {
        font-size: 18px;
    }

    #rate .after-form p {
        font-size: 18px;
        line-height: 1;
    }

    #rate #rate-form {
        padding: 30px 15px;
    }

    #rate .after-form p {
        margin: 25px 15px 30px 15px;
    }

    #rate .star-social ul li:before {
        width: 237.3px;
        height: 160.3px;
    }

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

    #rate .inner .stars ul li a {
        width: 96.3px;
        height: 91.8px;
    }

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

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

    .page-inner.detail {
        padding-bottom: 0 !important;
        margin-bottom: 15px;
    }

    .product-detail .product-infos,
    .product-infos .right-bottom {
        width: 100%;
    }

    .product-detail .product-thumbnails .right {
        padding-top: 0;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }

    .product-detail .product-thumbnails,
    .product-bottom-left {
        width: 100%;
    }

    .product-detail .product-thumbnails {
    }

    .page-inner.categories + #category-about {
        margin-bottom: 30px;
    }

    #category-about {
        padding-left: 0;
        padding-right: 0;
        padding-top: 15px;
        margin-bottom: 30px;
    }

    #categories .c-item .bottom {
        font-size: 16px;
    }

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

    #categories .c-item {
        width: calc(50% - 15px);
    }

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

    .main-category {
        padding: 30px 15px;
    }

    .main-category .inner .title {
        font-size: 28px;
    }

    #custom-order .left a {
        margin-top: 15px;
    }

    #custom-order .left {
        margin-right: 30px;
    }

    .page-inner.products {
        margin-bottom: 0;
    }

    #category-about p {
        font-size: 14px;
    }

    #category-about p strong {
        font-size: 16px;
    }

    .communication-location p {
        font-size: 16px;
    }

    .communication-location p strong {
        font-size: 24px;
    }

    .communcation-review .gray p {
        font-size: 20px;
    }

    #communication-center .selectric .label,
    #communication-center form input:not([type="submit"]),#communication-center form textarea {
        font-size: 16px;
    }

    #communication-center .heading {
        padding: 30px 15px;
    }

    #communication-center .heading p {
        font-size: 14px;
        line-height: 20px;
    }

    #communication-center .heading .title {
        font-size: 37px;
    }

    #single .next a {
        width: 200px;
        height: 47px;
        line-height: 47px;
        margin: 30px auto 0 auto;
        font-size: 18px;
    }

    #single .text p {
        font-size: 15px;
        line-height: 1.5;
        margin: 0px 0 15px 0;
    }

    #single .posted {
        font-size: 16px;
        margin-bottom: 15px;
    }

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

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

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

    #payment .inner .pay-icons .content {
        display: block;
        padding-left: 0;
        font-size: 20.47px;
        line-height: 19.58px;
        padding-top: 15px;
        text-align: center;
        width: 100%;
    }

    #payment .inner .pay-icons .image {
        display: block;
        vertical-align: middle;
        text-align: center;
    }

    #payment .inner .subtitle {
        font-size: 16px;
        margin-bottom: 20px;
    }

    #payment .inner .title {
        font-size: 44px;
    }

    #payment {
        padding: 45px 0;
    }

    .about-area .right {
        padding-top: 20px;
    }

    .about-area .left p {
        width: 100%;
    }

    .careers-item ul {
        padding: 0;
        margin: 0px 0 10px 0;
    }

    ul {
    }

    .careers-item ul + p,
    .careers-item p {
        font-size: 16px;
    }

    .default p {
        margin-bottom: 20px;
    }

    footer .footer-col:nth-child(4) {
        clear: left;
    }

    footer .footer-col:nth-child(5) {
        clear: none;
    }

    #panel nav .nav-center > .container > .row {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #panel nav .nav-center .left .slogen {
        display: none;
    }

    .modal-body .title {
        font-size: 18px;
    }

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

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

    .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 .sidebar .sidebarr {
        vertical-align: top;
        width: calc(50% - 7.5px);
        display: inline-block;
        margin-right: 0;
    }

    #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;
    }

    #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;
        width: 33.333%;
    }

    #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: 0;
    }

    #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: 220px;
    }

    #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 .top {
    margin-bottom: 10px;
}
#hero .right{
    font-size: 0;
}
#hero .right .top, #hero .right .bottom {
    width: calc(50% - 5px);
    height: 100%;
    margin-right: 0;
    margin-left: 0;
    display: inline-block;
    vertical-align: top;
}
#hero .right .top{
    margin-right: 10px;
}
 #hero .right {
    height: 200px;
    width: 100%;
    padding: 10px;
}

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

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

    .contact-area .left {
        width: 100%;
        float: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

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

    .about-area .left .inner {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        border-bottom:1px solid #929292;
        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: 20px 0 20px 0;
    }

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

    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: 50%;
        margin-top: -11px;
    }

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

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

    .communcation-chat {
        margin-top: 25px;
        margin-bottom: 30px;
    }

    #banner-tbyb .left img {
        max-width: 100%;
        height: auto;
    }
   #hero .right a.inner:not(.full) {
    background-position: calc(100% - 10px) 55%;
}
}

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

}

@media screen and (max-width:600px) {
     #hero.first .new-inner{
        padding-bottom: 15px;
     }
    #hero.first .new-inner img{
        max-width: 100%;
        height: auto;
    }
    #hero.first .new-inner a {
   
    margin: 0 auto;
    left: 55px;
    top: -10px;
}
    #hero.first .new-inner {
    padding-left: 0;
    text-align: center;
}


#hero.first .new-inner:after{
    display: none;
}
    #hero.first .right > div{
        text-align: left;
    }
    #banner-first .container > div.left {
    margin-right: 0;
}
      #banner-first .container > div img{
        width: auto!important;
        max-width: 100%;
      }
    #banner-first .container a{
        margin-left: 0;
    }
    #banner-first .container > div{
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        display: block;
        padding:5px 0;
    }
    #hero-cta .right .inner p{

        text-align: center;
    }
    #hero-cta .left .image{
        display: none;
    }
    #hero-cta .left .content{
        width: 100%;
        text-align: center;
        padding-left: 0;
        padding:15px 0;
    }
 #hero .right .top {
    margin-bottom:  10px;
    margin-right: 0;
}

#hero .right .top, #hero .right .bottom {
    width: 100%;
    height: calc(50% - 5px);
    margin-right: 0;
    margin-left: 0;
    display: inline-block;
    vertical-align: top;
}
    #hero .ann-inner:after{
        display: none;
    }
    .page-inner.careers .default ul li:before {
        top: 4px;
    }

    .page-inner.careers .default ul li {
        font-size: 16px;
        line-height: 1.3;
    }

    .page-inner.careers .default p {
        font-size: 16px;
    }

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

    .page-inner.careers .default:after {
        display: none;
    }

    #banner {
        background-image: none;
    }

    #products .product-item + .clearfix {
        display: none;
    }

    #find .right {
        display: none;
    }

    #find .left {
        width: 100%;
        padding: 30px 15px 30px 15px;
    }

    #shop-all .categories-title {
        font-size: 18px;
    }

    #custom-order {
        padding: 30px 0;
    }

    #custom-order .right a {
        margin-top: 15px;
    }

    #custom-order .right p {
        font-size: 18px;
    }

    #custom-order .right p strong {
        font-size: 26px;
    }

    #custom-order .right {
        position: static;
        width: 100%;
        display: block;
    }

    #custom-order .left {
        display: none;
    }

    #products .sidebar {
        padding: 0;
    }

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

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

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

    #banner-tbyb .right p {
        text-align: center;
        margin-top: 15px;
    }

    .communcation-chat {
        margin-top: 25px;
        margin-bottom: 15px;
    }

    .communcation-review,
    .communication-location {
        width: 100%;
        margin-top: 0;
        margin: 0 auto;
    }

    .sidebar {
        text-align: center;
        padding: 30px 15px;
    }

    #blog-archive .left .inner {
        width: 100%;
        padding-bottom: 30px;
    }

    #blog-archive .right {
        padding-left: 15px;
    }

    #blog-archive .right,
    #blog-archive .left {
        width: 100%;
        float: none !important;
    }

    .about-area {
        margin-bottom: 0;
    }

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

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

    .pre-footer .inner {
        width: 100%;
        padding: 0 0 45px 0;
    }

    footer .footer-col {
        width: 50%;
    }

    footer .footer-col:nth-child(3) {
        clear: left;
    }

    footer .footer-col:nth-child(5) {
        clear: none;
    }

    footer .footer-col:nth-child(4) {
        clear: none;
    }

    .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: 26px;
        line-height: 1;
        margin-bottom: 15px;
    }

    #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 .select {
        width: 100%;
    }

    #rate #rate-form .select {
        width: 100%;
        padding: 0;
    }

    #rate #rate-form .select .label {
        font-size: 16px;
        padding: 0 15px;
    }

    #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 0 0 0;
    }

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

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

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

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

    #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;
    }

    #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 .selectric .label {
        height: 45px;
        line-height: 45px;
        padding: 0 15px;
        font-size: 16px;
        margin-bottom: 15px;
    }

    .contact-area form .selectric .label {
        margin-bottom: 0;
    }

    .contact-area form .selectric {
        margin-bottom: 15px;
    }

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

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

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

    .careers-item h3 {
        margin-bottom: 10px;
    }

    .careers-item {
    }

    .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-cta .left .content .title {
    font-size: 14px;
}
    #hero-cta .left .content .title span {
    font-size: 26px;
    margin-bottom: 15px;
}
    #hero-cta .right .inner p a {
    font-size: 16px;
}
    #hero-cta .right .inner p {
    font-size: 15px;
    line-height: 1.5;
}

    #hero .ann-inner a{
        max-width: 100%;

    }
    #hero .left:after {
    width: 63.5px;
    height: 48px;
}
    #hero .left:before {
    width: 45px;
    height: 21px;
}
    #about{
        margin-bottom: 30px;
    }
    #the-brands .brands a:not(:last-child) {
        border-right: 0;
    }

    #the-brands .brands a {
        width: 50%;
    }

    .sidebarr form input:not([type="submit"]) {
        height: 50px;
        padding: 0 15px;
        font-size: 14px;
    }

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

    .top-sort .col-xs-4 {
        margin-left: 0;
    }

    .products .home-product-item {
        width: 100%;
        margin-left: 0;
    }

    .coupon-modal button.close {
        right: 10px;
        top: 10px;
    }

    #how-we .signs .s-item {
        /*width: 100%;*/
    }

    .stick {
        display: none;
    }

    #custom-order .right {
        padding: 0 0;
    }

    #why #home-products .products-title {
        font-size: 20px;
    }

    .w-green {
        margin-bottom: 30px;
    }

    #find a {
        font-size: 14px;
    }

    #find p {
        font-size: 14px;
        margin-bottom: 0;
        margin: 5px 0;
    }

    #find h3 {
        font-size: 16px;
    }

    #find {
        background-position: 50%;
    }

    #find .left {
        text-align: center;
    }

    #hero .right .bottom .inner {
        background-position: 100% 50%;
        background-size: 125px;
    }

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

    #hero.tbyb .hero-inner .inner-right p {
        text-align: center;
    }

    #hero.tbyb .hero-inner .inner-right {
        width: 100%;
        margin-right: 0;
    }

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

    #hero.tbyb .hero-inner .inner-right img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: auto;
    }

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

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

    #hip .right .cols > div:not(:last-child) {
        border-right: 0;
        border-bottom: 1px solid #cfe6b1;
    }

    #hip .right .cols > div {
        padding: 10px;
        font-size: 16px;
        line-height: 1.3;
        width: 100%;
    }

    #hip .right .title {
        font-size: 16px;
    }

    #hip .left .inner:before {
        display: none;
    }

    #best-brands .left {
        padding-bottom: 0;
    }

    #best-brands .left a:not(:last-child) {
        max-width: 50%;
        margin-right: 0;
        padding-right: 15px;
        width: auto;
    }

    #best-brands .left img {
        max-width: 100%;
        height: auto;
    }

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

    .product-detail .product-thumbnails .right {
        width: calc(100% - 50px);
        padding-left: 15px;
    }

    .product-detail .product-thumbnails .left a {
        height: 40px;
        margin-bottom: 5px;
    }

    .product-detail .product-thumbnails .left {
        width: 50px;
    }

    #categories .c-item .image {
        margin-top: 15px;
        height: calc(100% - 45px);
    }

    #categories .c-item a {
        height: 230px;
    }

    #categories .c-item {
        width: 100%;
        display: block;
        height: auto;
    }

    .main-category .inner a {
        width: 181px;
        height: 40px;
        line-height: 40px;
        font-size: 17.41px;
        margin: 10px auto 0 auto;
    }

    .main-category .inner .title {
        font-size: 18px;
    }

    #communication-faq .faq-row .answer {
        padding: 15px 15px 0 30px;
        font-size: 16px;
        line-height: 23px;
    }

    #communication-faq .faq-row .answer  p {
        font-size: 16px;
        line-height: 23px;
    }

    #communication-faq .faq-row .question a {
        font-size: 16px;
        position: relative;
        padding-left: 30px;
        display: block;
    }

    #communication-faq .faq-row .question a:before {
        position: absolute;
        left: 0;
    }

    #communication-faq .faq-row .question a {
        font-size: 16px;
        position: relative;
        padding-left: 30px;
        display: block;
    }

    #communication-center .heading .title {
        font-size: 27px;
    }

    #communication-center .form {
        padding-bottom: 15px;
    }

    #communication-center form input[type="submit"] {
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
    }

    #communication-center form .g-recaptcha {
        margin-top: 0;
        margin-bottom: 15px;
        height: auto;
    }

    .post-item {
        width: 100%;
        float: none;
        display: block;
    }

    .post-item:nth-child(2n+2) {
        margin-left: 0;
    }

    #payment .under-inner p {
        font-size: 22px;
        margin-bottom: 15px;
    }

    #payment .inner input[type="submit"] {
        margin: 15px auto 0 auto;
        font-size: 16px;
        height: 50px;
    }

    #payment .inner select {
        font-size: 18px;
        padding-left: 15px;
        padding-right: 15px;
        height: 45px;
        background-position: calc(100% - 15px) 50%;
    }

    #payment .inner .pay-icons {
        padding-bottom: 30px;
        margin-bottom: 0;
    }

    #payment .inner .pay-icons .icon {
        width: 100%;
        margin-top: 30px;
    }

    #payment .inner .with-line {
        font-size: 18px;
        margin-bottom: 15px;
    }

    #payment .inner .with-line span {
        padding: 0 5px;
    }

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

    #payment {
        padding: 45px 0;
    }

    footer .footer-col {
        text-align: center;
        width: 100%;
    }

    footer .footer-col {
        clear: left;
    }

    #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 {
        padding-left: 0;
    }

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

    .top-sort .col-xs-4 {
        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;
    }

    #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: 15px;
        padding-left: 0;
    }

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

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

    #locations .locations-item {
        width: 100%;
        max-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: 0 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%;
    }

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

    footer .social a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        margin: 0 5px 0 5px;
    }

    footer {
        padding: 15px 0 30px 0;
    }

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

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

    #panel nav .nav-center .col-xs-4,
    #panel nav .nav-center .col-xs-8 {
        width: 100%;
        text-align: center;
        margin: 15px auto;
        display: block;
    }

    #panel nav .nav-center .col-xs-4 {
        margin-top: 0;
        margin-bottom: 0;
    }

    .pre-footer .inner p strong {
        font-size: 20px;
    }

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

}

@media screen and (max-width:400px) {
    #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;
    }

}