.rel-destaque {padding: 15px 0}
.rel-destaque .lst-main .list-item {width: 100%; float: left}
.rel-destaque .lst-main .info {width: calc(100% - 110px); float: left; margin-top: 2px}
.rel-destaque .lst-main .image {width: 80px; height: 80px; float: left; display: block; margin: 0 10px 0 0; position: relative; overflow: hidden}
.rel-destaque .lst-main .image .img {max-width: initial; width: 144px; height: 80px; position: absolute; top: 0; left: calc(50% - 72px)}
.rel-destaque .lst-main .title {height: auto; color: #000; margin: 5px 0; font-size: 18px; line-height: 20px}
.rel-destaque .lst-main .title:hover {color: #116ecd}
.rel-destaque .lst-main .description {display: none}

@media (min-width: 768px)
{   
    .rel-destaque .lst-main .info {width: calc(100% - 160px)}
    .rel-destaque .lst-main .image {width: 144px; height: 80px; margin: 5px 10px 5px 0}    
    .rel-destaque .lst-main .cartola {display: block;}
    .rel-destaque .lst-main .title {font-size: 20px; line-height: 22px}
    
    .rel-relacionado .lst-main .info {width: 100%; float: left}
    .rel-relacionado .lst-main .cartola {display: block}
    .rel-relacionado .lst-main .description {display: none}
    .rel-relacionado .lst-main .image {width: 100%; height: auto; float: left; margin: 0 0 10px 0}
    .rel-relacionado .lst-main .title {font-size: 20px; line-height: 22px}
}