.news-card{
    width:100%;
    margin-bottom:25px;

}

.news-card .panel{
    background:#fff;
    border:1px solid #ddd;
    border-radius:6px;
    overflow:hidden;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
    transition:.25s;
}

.news-card .panel:hover{
    box-shadow:0 6px 16px rgba(0,0,0,.15);
}

.news-card .panel-body{
    padding:20px;
}


.news-card .media{
    display:flex;
    align-items:flex-start;
}

.news-card .media-left{
    flex:0 0 220px;
    width:220px;
    margin-right:20px;
}

.news-card .media-left img{
    display:block;
    width:220px;

    object-fit:cover;
    border-radius:4px;
    border:1px solid #ddd;
}


.news-card .media-body{
    flex:1;
    min-width:0;
}

.media-heading{
    margin:0 0 10px;
    font-size:24px;
    line-height:1.35;
    font-weight:bold;
}

.media-body small{
    display:block;
    margin-bottom:12px;
    color:#777;
    font-size:14px;
}

.description{
    margin:0 0 18px;
    color:#555;
    font-size:16px;
    line-height:1.6;
}

@media (max-width:768px){

    .news-card .media{
        flex-direction:column;
    }

    .news-card .media-left{
        width:100%;
        margin:0 0 15px;
    }
    .news-card .media-left img{
        width:100%;
        height:auto;
    }

}