body {
    background: #fff
}
@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }
    100% {
        background-position: 468px 0
    }
}
.margin-bottom-30 {
    margin-bottom: 30px
}
.animated-background {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #F6F6F6;
    background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
    background-size: 700px 104px;
    position: relative
}
.list-news {
    margin-bottom: 30px
}
.list-news .item_blog_base {
    margin-bottom: 20px
}
.list-news .content_blog {
    margin-top: 15px
}
.list-news .content_blog h3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 26px;
    margin-bottom: 10px;
    word-break: break-word
}
.list-news .content_blog h3 a {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #494949;
    
    overflow: hidden; 
    text-overflow: ellipsis; 
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 1; 
}
.list-news .content_blog h3 a:hover {
    color: #fe6b5e
}
.list-news .content_blog .time-post {
    margin-bottom: 10px
}
.list-news .content_blog .time-post span {
    margin-right: 10px
}
.list-news .content_blog .time-post span.posted,
.list-news .content_blog .time-post span.author {
    color: #808080;
    font-size: 13px
}
.list-news .content_blog .time-post span.posted svg,
.list-news .content_blog .time-post span.author svg {
    margin-right: 3px;
    margin-top: -3px
}
@media (max-width: 767px) {
    .list-news .content_blog .time-post span {
        display: block
    }
    .list-news .content_blog .time-post span.posted svg,
    .list-news .content_blog .time-post span.author svg {
        margin-top: -1px
    }
}
.list-news .content_blog p {
    font-size: 14px;
    line-height: 20px;
    color: #656565;
    margin-bottom: 10px;
    word-break: break-word;
    overflow: hidden; 
    text-overflow: ellipsis; 
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 3; 
}
.list-news .content_blog .view-more a {
    font-size: 12px;
    font-weight: 600;
    color: #303030
}
.list-news .content_blog .view-more a:hover {
    color: #fe6b5e
}
.list-news .content_blog .view-more a svg {
    margin-left: 5px
}
.list-news .video_play:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 30px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%)
}
.list-news .video_play:after {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: #333;
    opacity: 0.5;
    z-index: 1
}
.list-news .block-thumb {
    position: relative
}
@media (min-width: 767px) {
    .list-news .thumb {
        position: relative;
        display: block;
        overflow: hidden
    }
}
@media (min-width: 767px) and (min-width: 1199px) {
    .list-news .thumb {
        height: 240px
    }
}
@media (min-width: 767px) and (max-width: 1199px) {
    .list-news .thumb {
        height: 195px
    }
}
@media (min-width: 767px) and (max-width: 1199px) and (max-width: 991px) {
    .list-news .thumb {
        height: 140px
    }
}
@media (min-width: 767px) and (max-width: 1199px) and (max-width: 991px) and (max-width: 480px) {
    .list-news .thumb {
        height: 220px
    }
}
@media (min-width: 767px) and (max-width: 1199px) and (max-width: 991px) and (max-width: 480px) and (max-width: 425px) {
    .list-news .thumb {
        height: 192px
    }
}
@media (min-width: 767px) and (max-width: 1199px) and (max-width: 991px) and (max-width: 480px) and (max-width: 425px) and (max-width: 375px) {
    .list-news .thumb {
        height: 167px
    }
}
@media (min-width: 767px) and (max-width: 1199px) and (max-width: 991px) and (max-width: 480px) and (max-width: 425px) and (max-width: 375px) and (max-width: 320px) {
    .list-news .thumb {
        height: 140px
    }
}
@media (min-width: 767px) {
    .list-news .thumb img {
        max-width: 100%;
        max-height: 100%;
        width: auto !important;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transition: all 0.5s
    }
}
@media (max-width: 569px) {
    .pagging-css {
        margin-top: 15px
    }
}
.pagging-css .pagination {
    justify-content: center
}