﻿.thumbnail-promo {
    padding:0;
        margin-bottom:10px;
}
.thumbnail-promo h4 {
    padding-top:0;
    margin-bottom: 15px;
}
.thumbnail-promo .box-container {
    height:100%;
    margin-bottom:0;
    padding-bottom: 40px;
}
.thumbnail-promo .promo-item  {
    margin-bottom:15px;
}
.thumbnail-promo .promo-item img {
    float: left;
    width: 75px;
    margin-right: 15px;
}
.thumbnail-promo .promo-item .no-wrap {
    float: left;
    width: calc(100% - 75px - 15px);
}
.thumbnail-promo .promo-item .no-wrap p {
    margin-bottom:0;
    line-height: 1.38em;
}
.thumbnail-promo .promo-item .comments {
    clear:both;
    margin-left:90px;
}
.thumbnail-promo .promo-item .comments ul {
    padding-left:0;
}
.thumbnail-promo .promo-item .sub-header {
    padding:0;
    margin: 0 0 5px; 
    text-align: left;
    font-size:1em;
}

@media (min-width: 768px) {    
    .thumbnail-promo { 
        padding-right: 3px; 
    }
    .thumbnail-promo .box-container {
        padding: 20px;
        padding-bottom: 40px;
    }
    .thumbnail-promo .promo-item .no-wrap {
        width: calc(100% - 75px - 30px);
        margin-right: 15px;
    }
    .thumbnail-promo.has-comment-count .promo-item .no-wrap {
        width: calc(100% - 75px - 30px - 120px);
    }

    .thumbnail-promo .promo-item .comments {
        float: left;
        clear:none;
        margin-left:0;
    }
    .thumbnail-promo .promo-item .comments > ul > li {
        min-width: 47px;
    }
}