.news .row {
    margin-top: 20px;
}

.news .item {
    height: 240px;
    border: 1px solid #EEE;
    border-radius: 6px;
    background: #f2f2f2;
}

    .news .item img {
        max-width: 100%;
        max-height: 200px;
        border-radius: 6px 6px 0 0;
        display: block;
    }

    .news .item .category {
        /*background: #337D54;*/
        /*background-color: #cccccc;*/
        background: rgba(25, 118, 74, 0.75);
        position: absolute;
        top: 0;
        padding: 5px 10px;
        border-radius: 6px 0;
        opacity: 0.9;
        color: #f2f2f2;
    }

    .news .item .date {
        background: rgba(25, 118, 74, 0.75);
        position: absolute;
        padding: 3px 5px;
        border-radius: 0 6px 0 0;
        /* opacity: 0.7; */
        color: #f2f2f2;
        margin: -21px 0 0 0;
        font-size: 0.7em;
        width: 165px;
    }

    .news .item .title {
        padding: 5px 10px;
        /*font-weight: bold;*/
        display: block;
        height: 95px;
        overflow: hidden;
        /*text-align: justify;*/
        color: #222;
    }

    .news .item .button-wrap {
        position: absolute;
        bottom: 0;
        right: 15px;
        padding: 10px 10px;
    }

@media (max-width: 767px) {
    .news .item {
        margin: 10px 0;
    }

        .news .item img {
            width: 100%;
        }
}