html,
body {
    overflow-x: hidden;
}

/* --- desktop: slider ------------------------ */
.slick-prev,
.slick-next,
.slick-dots {
    background-color: rgba(0, 0, 0, 0);
}
/* END: desktop: slider ------------------------ */

.navbar-nav .nav.twoColumns > li,
.navbar-nav .nav.threeColumns > li {
    float: left;
}

.navbar-nav .nav.twoColumns > li {
    width: 50%;
}

.navbar-nav .nav.threeColumns > li {
    width: 33%;
}

.productSlider .productData {
    float: left;
}

blockquote div:before {
    -ms-transform: rotate(-4deg);
}

/* --- desktop: box columns ------------------------ */
.boxColumnsContainer {
    padding-right: 0;
    padding-left: 0;
}

    .boxColumnsContainer:after {
        display: block;
        content: '';
        clear: both;
    }

    .boxColumnsContainer > .box {
        float: left;
        width: calc(100% / 3 - 31px);
        margin-right: 15px;
        margin-left: 15px;
    }
/* END: desktop: box columns ------------------------ */

.box .title.oneLine:before {
    content: '';
}

/* --- desktop: mainNav ------------------------ */
#metaNavImg > img {
    width: 200%;
    height: auto;
}

.navbar-brand img {
    width: 100%;
    height: auto;
}
/* END: desktop: mainNav ------------------------ */

/* --- desktop: footer ------------------------ */
#shopLogoFooter img {
    width: 100%;
    height: auto;
}
/* END: desktop: footer ------------------------ */

/* --- @media (max-width: 1010px) ------------------------ */
@media (max-width: 1010px) {
/* --- desktop: navigation ------------------------ */
    .navbar-nav > li > a {
        font-size: 18px;
        padding-right: 20px;
        padding-left: 20px;
    }
/* END: desktop: navigation ------------------------ */
}
/* END: @media (max-width: 1010px) ------------------------ */

/* --- @media (max-width: 970px) ------------------------ */
@media (max-width: 970px) {
/* --- tablet: boxColumnsContainer ------------------------ */
    .boxColumnsContainer .box {
        float: left;
        width: auto;
    }
/* END: tablet: boxColumnsContainer ------------------------ */
}
/* END: @media (max-width: 970px) ------------------------ */

/* --- @media (max-width: 580px) ------------------------ */
@media (max-width: 580px) {
/* --- tablet: boxColumnsContainer ------------------------ */
    .boxColumnsContainer .slick-track {

    }
/* END: tablet: boxColumnsContainer ------------------------ */
}
/* END: @media (max-width: 580px) ------------------------ */