.popular_articles_widget {
    background-color: #f5f5f5;
    padding: 20px 20px;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
}

.article_content .popular_articles_widget {
    display: none;
}

.popular_articles_widget .title {
	margin-top: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

svg.icon-popular {
    color: #ffa500;
}

.popular_articles_widget .article:nth-last-child(2) {
	margin-bottom: 0!important;
}

.popular_articles_widget .article .image span {
	height: auto;
}

.popular_articles_widget .article[data-image-position=""] a {
    padding-left: 28px;
    position: relative;
}

.popular_articles_widget .article[data-image-position=""] a::before {
    content: "\25A0";
    color: #ffa500;
    font-size: 13px;
    margin-right: 10px;
    position: absolute;
    left: 0;
}

.popular_articles_widget .article[data-image-position="left"] .content {
    padding-left: 14px!important;
    margin-top: -8px;
}

.popular_articles_widget .without_image {
    display: none;
}

@media( min-width: 768px ) and ( max-width: 1024px ){
    .popular_articles_widget .without_image {
        display: block;
    }
    .popular_articles_widget .with_image {
        display: none;
    }
}


@media( max-width: 768px ){
    .article_content .popular_articles_widget {
        display: block;
    }
}
