body {
    background: #fff;
    font:12px/1.35 Arial, Helvetica, sans-serif;
}

.fieldset {
    background: #F6F6F6
}

.form-list input.input-text,
.form-list select,
.form-list textarea {
    background: #fff url(../images/form_field.gif) repeat-x 0 0
}

button.button {

}

button.button:active span {
    background-position: 0 -58px
}

    button.button:active span span {
        background-position: 100% -58px
    }

button.button:hover span {
    background-position: 0 -29px
}

    button.button:hover span span {
        background-position: 100% -29px
    }

button.button span {
    height: 26px;
    line-height: 23px;
    font-size: 11px;
    text-transform: none;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}

    button.button span span {
        padding-left: 1px
    }

/* buttons with arrow */
button.btn-cart span span,
.header-cart button span span {
    background-position: 100% -170px;
    padding-right: 25px;
}

button.btn-cart:hover span span,
.header-cart button:hover span span {
    background-position: 100% -199px
}

button.btn-cart:active span span,
.header-cart button:active span span {
    background-position: 100% -228px
}

.top-toolbar {
    padding: 7px 5px 6px
}

/* header */
/* <<< top toolbar */
.top-toolbar-container {
    background: #105294;
    z-index: 2;
    position: relative;
}

.top-toolbar {
    color: #fff;
    font: normal .9em Arial, Helvetica, sans-serif;
}

/* cms links */
.header-links {
    margin-right: 80px;
    float: left;
}

/* >>> top toolbar */
.header-container {
    background: #fff;
    padding-top: 10px;
}

    .header-container .form-search button {

    }

    .header-container .form-search label {

    }

    .header-container .form-search input {

        /*
        Modification made by Lu @ Fido 2/9/15 15:50
         */
        width: 450px;
        border: 1px solid #a7a7a7;
    }

    .header-container .header-cart {

    }

.header {
    padding: 10px 5px 20px;
    background: none;
}

.quick-links {
    *width: 450px
}

.header-callout {
    float: left
}

.header-cart .button {

}

.header-cart .summary {

}

.header-cart .summary-qty {

}

/* <<< navigation */
.nav-container {
    background: #fff;
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    width:100%;
    z-index:900;
    position:relative;
    -moz-box-sizing:padding-box;
    -webkit-box-sizing:padding-box;
    -o-box-sizing:padding-box;
    box-sizing:padding-box;
}

    .nav-container .navpro {
        max-width: 1200px;
        width:95%;
        padding: 0 5px 0;
    }

        .nav-container .navpro li > a.level-top,
        .nav-container .navpro li > div.level-top a {
            border-bottom:3px solid #fff;
        }

        .nav-container .navpro .active > a.level-top,
        .nav-container .navpro .active > div.level-top a,
        .nav-container .navpro li.over a.level-top {
            border-bottom:3px solid #f70;
        }

        .nav-container .navpro li.nav-li.first {
            background: none;
            padding: 0;
        }

        .nav-container .navpro li.level-top {
            /*background: url(../images/common_theme.gif) no-repeat -511px -164px;*/
            padding: 0 0 0 2px;
        }

        .nav-container .navpro ul.nav-ul {
            top: 42px
        }

        .nav-container .navpro .nav-style-children .nav-a-level1 {
            color:#f70;
        }

        .nav-container .navpro .nav-style-children .nav-a-level1 + .nav-children-toggler {
            display:none;
        }

#nav {
    width: 960px
}

    #nav li.parent a.level-top {
        background: url(../images/common_theme.gif) no-repeat 100% -220px
    }

    #nav li.parent > a {
        background: url(../images/common_theme.gif) no-repeat 100% -232px
    }

    #nav li.level-top {
        background: url(../images/common_theme.gif) no-repeat -511px -164px;
        padding: 0 0 0 2px;
    }

    #nav li.first {
        background: none;
        padding: 0;
    }

    #nav li a {
        padding: 17px 13px 13px
    }

/* navigationpro */
/* >>> navigation */
/* middle */
.main-container {
    background: #f2f2f2;
    padding-bottom: 30px;
}

.main {
    padding: 15px 15px 0;
    background: #f2f2f2;
}

/* blocks */
.block .block-title {
    border-color: #ccc;
    text-transform: none;
    font-size:1em;
    font-weight:bold;
}

.block-layered-nav,
#block-account-nav {
    background:#fff;
    -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
    -o-box-shadow:0 2px 2px rgba(0,0,0,0.2);
    box-shadow:0 2px 2px rgba(0,0,0,0.2);
}

    .block-layered-nav .block-content,
    #block-account-nav .block-content {
        border:1px solid #ccc;
        border-top:none;
    }

    .block-layered-nav .block-title,
    #block-account-nav .block-title {
        background:#f70;
        border-bottom:none;
    }

        .block-layered-nav .block-title span,
        #block-account-nav .block-title strong span {
            color:#fff;
            text-shadow:0 1px 2px rgba(0,0,0,0.2);
        }

    #block-account-nav ul li {
        border-bottom:1px solid #f2f2f2;
    }

    #block-account-nav ul li.last {
        border-bottom:none;
    }

        #block-account-nav ul li a,
        #block-account-nav ul li strong {
            display:block;
            padding:5px 0;
            text-decoration:none;
        }

        #block-account-nav ul .current strong,
        #block-account-nav ul li a:hover {
            color:#f70;
        }

.navpro .category-products .products-grid .item:hover {
    box-shadow: none
}

/* product view */
.product-view .product-shop .add-to-cart button.button {
    background-color: #f70;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    height: 33px;
    color: #ffffff;
    padding: 6px 11px;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba(0,0,0,.5);
}

.product-view .product-shop .add-to-cart button.button:active {
    position: relative;
    top: 1px;
}

.product-view .product-shop .add-to-cart button.button:hover {
    background-color: #f86706
}

.product-view .product-shop .add-to-cart button.button span {
    background: none;
    height: auto;
    line-height: normal;
    font: bold 15px/1 "helvetica neue", helvetica, arial, sans-serif;
    float: none;
    padding: 0;
}

/* <<< customer */
.account-login .new-users,
.account-login .registered-users {

}

.addresses-list li.item {
    background: #fff url(../images/light_gradient.gif) 0 100% repeat-x
}

/* >>> customer */
/* Cart */
.discount .input-text {
    background: #fff url(../images/form_field.gif) repeat-x 0 0
}

/* ======================================================================================= */
/* footer */
.footer-toolbar-container {
    background: #f70;
}

.footer-toolbar {
    color: #fff;
    padding: 8px 5px;
}

    .footer-toolbar button.button:active span {
        background-position: 0 -142px
    }

        .footer-toolbar button.button:active span span {
            background-position: 100% -142px
        }

    .footer-toolbar button.button:hover span {
        background-position: 0 -115px
    }

        .footer-toolbar button.button:hover span span {
            background-position: 100% -115px
        }

    .footer-toolbar .form-subscribe-header,
    .footer-toolbar .input-box,
    .footer-toolbar .actions {
        float: left
    }

    .footer-toolbar .form-subscribe-header {
        margin: 3px 0 0 0
    }

    .footer-toolbar button.button span {
        background: #252525;
        background: -moz-linear-gradient(top,  #252525 0%, #000000 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#252525), color-stop(100%,#000000));
        background: -webkit-linear-gradient(top,  #252525 0%,#000000 100%);
        background: -o-linear-gradient(top,  #252525 0%,#000000 100%);
        background: -ms-linear-gradient(top,  #252525 0%,#000000 100%);
        background: linear-gradient(to bottom,  #252525 0%,#000000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#000000',GradientType=0 );

        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        -o-border-radius:3px;
        border-radius:3px;
    }

        .footer-toolbar button.button span span {
            background:none;
        }

    .footer-toolbar .block-subscribe {
        float: left
    }

        .footer-toolbar .block-subscribe .block-content {
            padding: 0
        }

        .footer-toolbar .block-subscribe .block-title {
            display: none
        }

        .footer-toolbar .block-subscribe .input-text {
            width: 170px;
            color: #747474;
        }

    .footer-toolbar .input-text {
        border: 1px solid #bd5800;
        padding: 4px 0 5px;
    }

    .footer-toolbar .input-box,
    .footer-toolbar .actions {
        margin: 0 0 0 10px;
        padding: 0;
        display: inline;
    }

    .footer-toolbar .block {
        border: none;
        margin: 0;
    }

    .footer-toolbar label {
        font: bold 1em Arial, Helvetica, sans-serif
    }

.footer-social {
    float: right;
    line-height: 24px;
    font-weight: bold;
    *width: 300px;
}

    .footer-social .icons {
        float: right;
        font-weight: normal;
    }

        .footer-social .icons .facebook {
            background-position: -222px -77px
        }

        .footer-social .icons .facebook:hover {
            background-position: -222px -104px
        }

        .footer-social .icons .twitter {
            background-position: -254px -77px
        }

        .footer-social .icons .twitter:hover {
            background-position: -254px -104px
        }

        .footer-social .icons .youtube {
            background-position: -287px -77px
        }

        .footer-social .icons .youtube:hover {
            background-position: -287px -104px
        }

        .footer-social .icons .rss {
            background-position: -319px -77px
        }

        .footer-social .icons .rss:hover {
            background-position: -319px -104px
        }

        .footer-social .icons li {
            float: left;
            width: 25px;
            height: 24px;
            margin-left: 5px;
            display: inline;
            background: url(../images/common_theme.gif) no-repeat 0 0;
            text-indent: -9999px;
        }

            .footer-social .icons li a {
                display: block
            }

    .footer-social .label {
        float: left
    }

.footer-cms-container {
    background: #fff;
}

.footer-cms {
    padding: 20px 5px;
    color: #747474;
    font-family: Arial, Helvetica, sans-serif;
}

    .footer-cms .footer-links li.last {
        margin: 0
    }

    .footer-cms .footer-links .h6 {
        color: #105294;
        font: normal 1.3em Arial, Helvetica, sans-serif;
        margin-bottom: 7px;
    }

    .footer-cms .footer-contacts {
        line-height: 21px
    }

    .footer-cms .footer-contacts {
        float: right;
    }

        .footer-cms .footer-contacts .h6 {
            color: #105294;
            font: normal 1.3em Arial, Helvetica, sans-serif;
            margin-bottom: 4px;
        }

    .footer-cms .footer-links li {
        float: left;
        width: 150px;
        margin-right: 20px;
    }

        .footer-cms .footer-links li li {
            float: none;
            width: auto;
            margin: 0;
            line-height: 24px;
        }

    .footer-cms .footer-links a {
        text-decoration: none
    }

    .footer-cms .footer-links a:hover {
        text-decoration: underline
    }

    .footer-cms a {
        color: #747474
    }

.footer-container {
    background: #fff;
}

.footer {
    padding: 10px 5px
}

    .footer,
    .footer a {
        color: #666
    }

        .footer address {
            float: left
        }

        .footer .links {
            float: right
        }

.quick-track {
    background: #f70 url(../images/truck.png) 15px center no-repeat;
    clear: both;
    float: left;
    margin: 20px 0 0;
    padding: 20px 20px 20px 80px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width:100%;
}

    .quick-track * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .quick-track label {
        color:#fff;
        font-weight:bold;
        font-size:18px;
        margin:4px 5px 7px 0;
    }

    .quick-track__inputs {
        float:left;
        clear:left;
        width:100%;
    }

    .quick-track input {
        border:1px solid #994710;
        background:#fff;
        padding:5px;
        margin:0 5px 7px 0;
        width:75%;
    }

    .quick-track button {
        background:#105294;
        font-weight:bold;
        color:#fff;
        padding:5px 12px;
        border:none;
    }

    .quick-track label,
    .quick-track input,
    .quick-track button {
        float:left;
        display:block;
    }

#scroll-up {
    top: 40%
}

/* >>> footer */
/* <<< homepage */
.cms-index-index .product-name {

}

.cms-index-index .products-grid .product-name {
    font-size: 1.1em;
}

.products-grid li {
    text-align: center;
}

.products-grid .price-box {
    text-align: center !important;
    float:none !important;
    width:100%;
}

.products-grid .add-to-links {
    clear:none;
}

.callout-home-top .col-1 {
    width: 69.3%; /*665px;*/
}

.callout-home-top .col-2 {
    width: 29.2%; /*280px;*/
}

.callout-home-top .easybanner-banner {
    margin: 0 0 10px
}

.home-promo-banners {
    margin-left: -20px;
    overflow: hidden;
    margin-top:25px;
}

.home-promo-banners .easybanner-banner {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-left: 20px;
    width: 50%;
    margin:0;
}

.home-promo-banners .easybanner-banner img {
    border:1px solid #ccc;
}

.easybanner-banner img {
    height: auto;
    width: 100%;
}

.easyslideslider-id .section {
    padding-bottom: 50px
}

.callout-home-top .easyslideslider-id .scroller,
.callout-home-top .easyslideslider-id {
    padding-bottom: 50px
}

.callout-home-top .easyslideslider-id {
    margin: 0 auto;
    background: #fff url(../images/easyslider_bg.gif) no-repeat 50% 100%;
    background-size: contain;
}

.callout-home-top .easyslidedescription {
    font: normal 1.2em Arial, Helvetica, sans-serif;
    color: #7a7a7a;
    top: 10px;
    line-height: 20px;
}

.callout-home-top .easyslidecontrolwr {
    bottom: 20px;
    background: #fff;
}

.callout-home-top .easyslidedirect {
    background: url(../images/common_theme.gif) no-repeat -313px -10px;
    text-indent: -9999px;
    width: 10px;
    margin: 0;
}

.callout-home-top a:hover,
.callout-home-top a.active {
    /*background-position: -327px -10px*/
}

.popular-scroller {
    height: 0;
    padding-top: 143.5%;
    position: relative;
}

.popular-scroller .highlight-popular {
    background:#fff;
    border:1px solid #ccc;
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:0;
    overflow:hidden;
}

.popular-scroller .highlight-popular .products-list .product-image {
    max-width: 30px;
    margin:0;
}

.popular-scroller .highlight-popular .products-list .product-shop {
    margin:0 0 0 40px;
}

.popular-scroller .highlight-popular .products-list .product-name {
    font-size:1em;
    font-weight:normal;
}

.popular-scroller .highlight-popular li.item {
    padding:8px;
    border-bottom:1px solid #e2e2e2;
}

.popular-scroller .highlight-popular li.item.last {
    border-bottom:none;
}

.popular-scroller .highlight-popular .block-content {
    padding: 0;
    position:absolute;
    top:42px;
    bottom:0;
    left:0;
    right:0;
    overflow:auto;
}

.popular-scroller .block-title {
    background:#222;
}

.popular-scroller .block-title span {
    color:#fff;
}

.popular-scroller .mini-products-list .product-image {
    border:none;
}

.popular-scroller .number,
.popular-scroller .bottom-links {
    display:none;
}

.popular-scroller .price-box p {
    display:inline;
    margin:0 5px 0 0;
}


.confirmation-products,
.home-random-products {
    margin:25px 0;
}

.confirmation-products .products-grid,
.home-random-products .products-grid {
    margin-left:-1% !important;
}

.confirmation-products .products-grid li.item,
.home-random-products .products-grid li.item {
    border: 1px solid #ccc;
    background:#fff;
    padding:15px;
    margin-left:1%;
    width:24%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.confirmation-products .products-grid li.item:hover,
.home-random-products .products-grid li.item:hover {
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.confirmation-products .block-title,
.confirmation-products .bottom-links,
.home-random-products .block-title,
.home-random-products .bottom-links {
    display:none;
}

.confirmation-products .highlight-random,
.home-random-products .highlight-random {
    margin:0;
}
.confirmation-products .products-grid .price-box { float: left; text-align:left !important;}

.confirmation-products  .products-grid .actions button,
.home-random-products .products-grid .actions button { float:right; }

.cms-index-index .easycatalogimg {
    border: 1px solid #ccc;
    background:#fff;
}

.promo-home-content {
    margin-top: 15px
}

    .promo-home-content .tab-container .content {
        border: 1px solid #ccc;
        border-width: 0 1px 1px;
        padding-top:0;
    }

    .promo-home-content .products-grid .item:hover,
    .box-collateral .products-grid .item:hover,
    .category-products .products-grid .item:hover {
        z-index: 100;
        background:#fff;
    }

    .promo-home-content .products-grid .item:hover .actions,
    .box-collateral .products-grid .item:hover .actions,
    .category-products .products-grid .item:hover .actions {
        visibility: visible;
    }

    .promo-home-content .mini-products-list {
        padding: 0 !important;
        list-style: none !important;
        margin: 0;
    }

        .promo-home-content .mini-products-list .product-details {
            margin-left: 90px
        }

        .promo-home-content .mini-products-list .product-image {
            border: none
        }

        .promo-home-content .mini-products-list li.last {
            border: none
        }

        .promo-home-content .mini-products-list li.odd,
        .promo-home-content .mini-products-list li.even {
            background: none
        }

        .promo-home-content .mini-products-list li {
            border-bottom: 1px solid #ccc;
            padding: 8px 0 !important;
        }

    .promo-home-content .bottom-links {
        padding: 15px 12px;
        border-top: 1px dashed #ccc;
        font: normal 12px Tahoma, Arial, Helvetica, sans-serif;
    }

        .promo-home-content .bottom-links a {
            text-decoration: none
        }

        .promo-home-content .bottom-links a:hover {
            text-decoration: underline
        }

    .promo-home-content .add-to-links {
        display: none
    }

    .promo-home-content .actions {
        display: none
    }

    .promo-home-content .col-1 {
        width: 62.5%
    }

    .promo-home-content .col-2 {
        width: 36.5%
    }

    .promo-home-content .block {
        border: 1px solid #ccc;
        background:#fff;
    }

    .promo-home-content .highlight-popular {
        margin-top:32px;
    }

        .promo-home-content .block .block-content {
            padding-bottom: 0
        }

        .promo-home-content .block .block-title {
            border: none;
            padding: 8px 8px 4px;
            color: #033862;
            background: none;
            text-transform: none;
        }

            .promo-home-content .block .block-title strong,
            .promo-home-content .block .block-title span {
                font-weight: normal;
                font-size: 16px;
                color: #f70;
            }

        .promo-home-content .block .number {
            float: left;
            font-size: 1.3em;
            font-weight: bold;
            color: #7a7a7a;
            margin-right: 10px;
        }

        .promo-home-content .block .number:after {
            content: '.'
        }

    .promo-home-content .tab {
        padding: 0px
    }

.promo-home-content .products-list .product-shop {
    margin-left:115px;
}


.promo-home-content .products-grid {
    padding:0 !important;
    border-bottom:1px solid #ddd !important;
}

.promo-home-content .products-grid.last {
    border-bottom:none !important;
}

.col1-layout .promo-home-content .products-grid {
    width: auto;
    list-style: none;
    padding: 0;
    border: none;
}

    .col1-layout .promo-home-content .products-grid li.item {
        padding-bottom: 10px;
    }

.brands-home {
    border: 1px solid #ccc;
}

    .brands-home #left.disabled,
    .brands-home #right.disabled {
        display: none
    }

    .brands-home .block-content {
        position: relative;
        padding: 10px 37px !important;
        background: #fff;
    }

    .brands-home .list-brands {
        padding: 0;
        list-style: none;
    }

        .brands-home .list-brands li {
            float: left;
            margin-right: 75px;
        }

    .brands-home .block-title {
        background: #fff;
        border: none;
        padding: 12px 10px;
        color: #f70;
        font-size:  1.3em;
        text-transform: none;
    }

        .brands-home .block-title span {
            color: #f70 !important;
            font-size:16px;
        }

    .brands-home #left,
    .brands-home #right {
        position: absolute;
        top: 34px;
        right: -3px;
        width: 39px;
        height: 35px;
        background: url(../images/common_theme.gif) no-repeat -261px 0;
        text-indent: -9999px;
    }

    .brands-home #right {
        background-position: -222px 0;
        left: -3px;
        right: auto;
    }

    .brands-home #right:active {
        background-position: -222px -36px
    }

    .brands-home #right:hover {
        background-position: -222px -37px
    }

    .brands-home #left:active {
        background-position: -261px -36px
    }

    .brands-home #left:hover {
        background-position: -261px -37px
    }

#slider-brands-container {
    clear: both;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.slider-brands {
    width: 10000px;
    height: 73px;
    padding: 0;
    overflow: hidden;
    clear: both;
    position: relative;
}

/* >>> homepage */

.suggestpage-activity {
    margin-top:15px;
}

.suggestpage-index-index .soldtogether-block {
    background:#fff;
    border:1px solid #ccc;
    padding:15px;
    margin:30px 0 15px;
}

.askit-question-text {
    margin-right: 80px
}

.ajaxpro-form,
#ajaxpro-spinner {
    border-radius: 5px
}


.confirmation {
    padding:20px;
    background:#fff;
    border:1px solid #ccc;
}


@media (min-width: 922px) {
    .sticky-wrapper {
        height:51px !important;
    }
}

/* <<< responsive styles */
@media (max-width: 979px) {
    .top-toolbar,
    .header,
    .main,
    .footer,
    .footer-toolbar,
    .footer-cms,
    #nav {
        width: auto
    }

    .nav-container .navpro {
        width: auto;
        padding:0;
    }

    .callout-home-top .col-1 {
        width: 100%
    }

    .callout-home-top .col-2 {
        display: none
    }

    .header-links {
        margin-right: 30px
    }

}

@media (max-width: 767px) {
    .sticky-wrapper {
        height:auto !important;
    }

    .promo-home-content .products-grid .item .actions,
    .box-collateral .products-grid .item .actions,
    .category-products .products-grid .item .actions {
        visibility: visible !important;
    }

    .promo-home-content .col-1,
    .promo-home-content .col-2 {
        width: 100%;
        float: none;
    }

        .promo-home-content .col-2 .highlight-bestsellers {
            float: left
        }

        .promo-home-content .col-2 .highlight-popular {
            float: right
        }

        .promo-home-content .col-2 .block {
            width: 48.5%
        }

    .welcome-msg {
        display: none
    }

    .header-links {
        margin-right: 10px
    }

    .header {
        padding: 5px
    }

    .header-container .header-cart {
        margin-top: 5px
    }

    .header-container .form-search {
        margin-top: 9px
    }

        .header-container .form-search input {
            width: 200px
        }

    .nav-container {
        background: #fff;
        padding: 2px 5px 5px;
        border-top:none;
    }

        .nav-container .navpro {
            padding: 0;
            width:100%;
        }

            .nav-container .navpro li.level-top {
                background: none;
                padding: 0;
                /*border-bottom: 1px solid #e7e7e7;*/
            }

    #nav li.level-top {
        background: none;
        padding: 0;
    }

    .footer {
        text-align: center
    }

        .footer address {
            float: none;
            text-align: center;
            margin-bottom: 5px;
        }

    .footer,
    .footer-cms {

    }

        .footer-cms .footer-contacts {
            float: right;
            width: 39%;
        }

            .footer-cms .footer-contacts .footer-contacts {
                width:100%;
            }

            .footer-cms .footer-contacts img {
                max-width: 100%;
                width: auto;
                height: auto;
            }

        .footer-cms .footer-links {
            float: left;
            width: 60%;
        }

            .footer-cms .footer-links .h6 {
                margin-bottom: 4px
            }

            .footer-cms .footer-links li {
                width: 49%;
                margin: 0;
            }

                .footer-cms .footer-links li ul {
                    margin-bottom: 10px
                }

    .footer-toolbar .block-subscribe .input-text {
        width: 130px
    }

    .footer-social .label {
        display: none
    }

    .footer .links,
    .footer .links li {
        float: none
    }

    .quick-track {
        background: #f70;
        padding: 20px ;
    }

        .quick-track input {
            width:100%;
        }

}


@media (max-width: 480px) {
    .form-language {
        float: left;
        display: inline;
    }

        .form-language label,
        .welcome-msg {
            display: none
        }

    .header-links {
        display: none
    }

    .top-link-wishlist,
    .top-link-checkout {
        display: none
    }

    .header-container .form-search {
        margin-left: 0
    }

        .header-container .form-search input {
            width: 220px;
        }

    .header-container .mobile-togglers {
        margin: 8px 0 0
    }

    .autocomplete {
        max-width: 240px
    }

    .promo-home-content {
        margin-top: 5px
    }

        .promo-home-content .col-2 .block {
            width: auto;
            float: none;
        }

        .promo-home-content .actions,
        .promo-home-content .add-to-links {
            display: block
        }

        .promo-home-content .block {
            border-width: 1px
        }

    .brands-home {
        border-width: 1px
    }

    .block .block-content {
        padding: 5px
    }

    #narrow-by-list dd {
        padding-left: 5px
    }

        #narrow-by-list dd li {
            margin: 3px 0
        }

    .footer-toolbar-container {
        border: none
    }

    .footer-toolbar .block-subscribe {
        float: none;
        margin-bottom: 5px;
    }

        .footer-toolbar .block-subscribe label {
            display: none
        }

    .footer-social {
        float: none;
        width: 120px;
        margin: 0 auto;
    }

    .footer-cms .footer-links {
        float: none;
        width: 100%;
        text-align: center;
    }

        .footer-cms .footer-links li {
            width: 100%;
            margin: 0;
            float: none;
        }

    .footer-cms .footer-contacts {
        float: none;
        width: 100%;
        text-align: center;
    }

}

/* >>> responsive styles */
/* <<< google fonts  */
h1,
h2,
.h2,
h5.category-name,
.nav-container .navpro a.level-top,
.navpro div.level-top a,
.footer-cms-container .footer-cms .h6,
.products-grid .product-name a,
.products-list .product-name a,
.block .block-title span,
.price-box {
    /*font-family: 'Source Sans Pro', sans-serif*/
}

/* >>> google fonts  */