/* ============================================ *
 * Product List
 * ============================================ */
.products-list {
    margin-bottom: 20px;
    list-style-type: none;
    margin-left: 0;
}
.products-list > li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dcdcdc;
}
.products-list > li:after {
    content: '';
    display: table;
    clear: both;
}
/* 
.products-list > li .product-image {
    width: 33.33333%;
}
*/
.products-list > li .product-image img {
    /*width: 100%;
    max-width: 100%;*/
    margin-left: auto;
    margin-right: auto;
}
.products-list > li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
.products-list .product-name {
    font-size: 1.2rem;
    margin-bottom: .8rem;
    line-height: 1.4rem;
}

ol.products-list .headline_attributes ul {
    list-style-type: disc;
}

.products-list .ratings {
    margin: 0;
}
.products-list .ratings .rating-box,
.products-list .ratings .rating-links {
    float: left;
    margin-right: 7px;
}
.products-list .ratings .rating-links {
    margin-top: 4px;
}
.products-list .price-box {
    margin-top: 0;
}
.products-list .price-box .price-label,
.products-list .price-box .price {
    font-size: 18px;
}
.products-list .price-box .old-price .price {
    position: relative;
}
.products-list .price-box .old-price .price::after {
    border-bottom: 0.16em solid #34ace5;
    content: "";
    left: 0;
    margin-top: calc(0.18em / 2 * -1);
    position: absolute;
    right: 0;
    top: 50%;
}
.products-list .price-box .special-price .price {
    color: #34ace5;
    font-weight: bolder;
    font-size: 1.4rem;
}
.products-list .action {
    margin: 7px 0;
}
.products-list .desc {
    margin-top: 7px;
}
.products-list .product-primary,
.products-list .desc {
    float: none;
    overflow: auto;
}
.products-list .product-secondary {
    float: right;
    width: 35%;
    text-align: right;
    clear: right;
}
.products-list .desc table {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.products-list .desc table tr td:first-child {
    color: #999999 !important;
}
.products-list .desc table tr td:last-child {
    color: #393939 !important;
}
.products-list .button {
    border-radius: 3px;
}
.products-list .button.primary {
    color: #fff !important;
}

/* -------------------------------------------- *
* Filter History
*/

.fwd_FilterHistory ul {
    list-style-type: none;
}

/* -------------------------------------------- *
 * Product Image
 */
.product-image img {
    position: relative;
    display: block;
    border: 1px solid #ededed;
}

.product-image img:hover {
    border-color: #34ace5;
}

/* Media queries productlist */
@media only screen and (min-width: 0px) and (max-width: 640px){
    .products-list .product-image img {
        width: auto;
    }
    .products-list .product-name {
        font-size: .9rem;
        font-weight: bold;
        line-height: 1rem;
    }

    .products-list .price-box .special-price {
        padding-left: 0;
    }
    .products-list .product-primary,
    .products-list .product-secondary,
    .products-list .desc {
        float: none;
        width: 100%;
        text-align: left;
    }
    .products-list .desc table tr td {
        padding: 0.3rem 0.3rem;
        font-size: 12px;
    }

    .products-list .headline_attributes ul li {
        font-size: .8rem;
        line-height: 1.4;
        margin: 5px 0;
        word-wrap: break-word;
    }
    .product-box-list .price {
        font-size: .9rem;
        font-weight: bold;
    }
    .product-box-list .fwd-button a,
    .product-box-list .fwd-button-addtocart a,
    .product-box-list .price-desc,
    .product-box-list .price-desc a,
    .product-box-list .product-box-compare a,
    .products-list .delivery-time {
        font-size: .8rem;
    }
    .product-box-list .product-box-compare {
        margin-bottom: 15px;
    }
}
@media only screen and (min-width: 641px) and (max-width: 1024px){
    .products-list .product-secondary {
        float: right;
        width: 40%;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px){
    .products-list .product-secondary {
        float: right;
        width: 40%;
    }
}
@media only screen and (min-width: 1441px) and (max-width: 1920px){
    .products-list .product-secondary {
        float: right;
        width: 40%;
    }
}