/* --- desktop: alphabet navigation ------------------------ */
ul.author_list li.author,
.alphabeticallist .news-list-view-az li {
    display: block;
    float: left;
    list-style: none;
}

.alphabeticallist .news-list-view-az li {
    width: 50%;
    box-sizing: border-box;
}

/* --- desktop: box ------------------------ */
.box.warranty .littleBox {
    top: 28px;
}

    .box.warranty .littleBox span {
        margin-top: -3px;
    }

.box.extendedBenefits .content li {
    line-height: 1.66666667em;
    padding-bottom: 4px;
}

/* --- smartphone ------------------------ */
@media (max-width: 767px) {
/* --- smartphone: shop home - stage teaser ------------------------ */
    .stageteaser .slick-slide h1,
    .stageteaser .slick-slide .h1 {
        margin-top: 4px;
    }

/* --- smartphone: alphabet navigation ------------------------ */
    .alphabeticallist .news-list-view-az li {
        width: 100%;
    }

/* --- smartphone: sub navigation ------------------------ */
    #subnav ul.level2 li.level2 {
        float: left;
        width: 50% !important;
        box-sizing: border-box;
    }

        #subnav.level3 ul.level2 li.level2 {
            float: none;
            width: 100% !important;
        }

            #subnav.level3 ul.level3 li.level3 {
                float: left;
                width: 50% !important;
                box-sizing: border-box;
            }
}

@media (max-width: 500px) {
/* --- sub navigation ------------------------ */
    #subnav ul.level2 li.level2 {
        float: none;
        width: 100% !important;
    }

        #subnav.level3 ul.level3 li.level3 {
            float: none;
            width: 100% !important;
        }
}

@media (max-width: 342px) {
/* --- navigation ------------------------ */
    #navigation {
        width: 78%;
        display: table;
    }

        #navigation > li {
            display: table-cell;
            float: none;
            text-align: center;
        }

            #navigation > li > a,
            #navigation > li:nth-child(2) > a,
            #navigation > li:nth-child(3) > a {
                /* padding-left: 13px;
                padding-right: 13px; */
                padding-left: 0;
                padding-right: 0;
            }
}