.news-list .list-items > div {
    padding: 15px 10px;
    box-sizing: border-box;
    margin: 0;
}
.news-list .news-item-info {
    display: inline-block;
    margin-left: 15px;
}

.news-list .list-items .news-item-image {
    width: 200px;
    display: inline-block;
    vertical-align: top;
}

.list-pager
{
    display: none;
}
.news-list .list-summary{
    display: none;
}

.news-list .list-items .news-item-title,
.news-list .list-items .news-item-contributors,
.news-list .list-items .news-item-prices {
}

.news-list .list-items .news-item-title {

}

.news-list .list-items .news-item-contributors {
    font-size: 0.8em;
}

.news-list .news-detail-books ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.news-list .news-detail-date{
    font-family: Muli, sans-serif;
    color: #fff;
    text-transform: uppercase;
}

.news-list .news-detail-teaser{
    font-family: Playfair Display, sans-serif;
    color: #fff;
    max-height: 180px;
    overflow: hidden;
}

.news-list .list-items{
    text-align: center;
}

/*
*
* Style Responsive
*
*/

/* Small devices (mobile, 320px to 768px) */
@media (max-width: 767px) {  
    .news-list {
        padding-left: 15px;
        padding-right: 15px;
    }

    .news-list .news-detail-date-user{
        font-size: 15px;
        line-height: 22px;
        padding-bottom: 23px;
        border-bottom: 1px solid #fff;
        margin-bottom: 28px;
    }

    .news-list .news-detail-teaser{
        font-size: 19.93px;
        line-height: 25.91px;
    }

    .news-list .list-items > div{
        padding-top: 35px;
        padding-bottom: 73px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .news-list .list-items > div > div{
        max-width: 483px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .news-list .list-items > div:first-child{
        background: #B8D378;
        margin-bottom: 30px;
    }
    
    .news-list .list-items > div:last-child{
        background: #D5706E;
    }

    .news-list a.button-white{
        position: absolute;
        bottom: 18px;
        left: 50%;
        transform: translateX(-50%);
    }
}

/* Small devices (tablets, 768px and 991px) */
@media (max-width: 991px) and (min-width: 768px){
    .news-list {
        margin-left: -15px;
        margin-right: -15px;
    }

    .news-list .list-items{
        display: flex;
    }

    .news-list .news-detail-date-user{
        font-size: 15px;
        line-height: 22px;
        padding-bottom: 23px;
        border-bottom: 1px solid #fff;
        margin-bottom: 28px;
    }

    .news-list .news-detail-teaser{
        font-size: 19.93px;
        line-height: 25.91px;
    }

    .news-list .list-items > div{
        padding-top: 35px;
        padding-bottom: 73px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .news-list .list-items > div > div{
        max-width: 483px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .news-list .list-items > div:first-child{
        background: #B8D378;
        margin-right: 7px;
    }
    
    .news-list .list-items > div:last-child{
        background: #D5706E;
        margin-left: 7px;
    }

    .news-list a.button-white{
        position: absolute;
        bottom: 18px;
        left: 50%;
        transform: translateX(-50%);
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .news-list {
        margin-left: -15px;
        margin-right: -15px;
    }

    .news-list .list-items{
        display: flex;
    }

    .news-list .news-detail-date-user{
        font-size: 15px;
        line-height: 22px;
        padding-bottom: 30px;
        border-bottom: 1px solid #fff;
        margin-bottom: 30px;
    }

    .news-list .news-detail-teaser{
        font-size: 24px;
        line-height: 30px;
    }

    .news-list .list-items > div{
        padding-top: 35px;
        padding-bottom: 90px;
    }

    .news-list .list-items > div > div{
        max-width: 483px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .news-list .list-items > div:first-child{
        background: #B8D378;
        margin-right: 15px;
    }
    
    .news-list .list-items > div:last-child{
        background: #D5706E;
        margin-left: 15px;
    }

    .news-list a.button-white{
        position: absolute;
        bottom: 18px;
        left: 50%;
        transform: translateX(-50%);
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    
}