#KhungBaiVietMoi {
    padding: 0 5%;
}

    #KhungBaiVietMoi #KhungBaiVietMoiTieuDe {
        font-weight: bold;
        padding-left: 20px;
        font-size: 18px;
        border-bottom: 1px solid #eee;
        text-shadow: 2px 2px 2px #555;
    }

    #KhungBaiVietMoi #KhungBaiVietMoiDanhSach .BaoNoiDung {
        display: none;
        float: left;
        height: 190px;
    }

@media screen and (max-width: 800px) {
    #KhungBaiVietMoi #KhungBaiVietMoiDanhSach .BaoNoiDung {
        width: 100%;
        display: block;
    }
}

@media screen and (max-width: 1200px) and (min-width: 800px) {
    #KhungBaiVietMoi #KhungBaiVietMoiDanhSach .BaoNoiDung {
        width: 50%;
        display: block;
    }
}


@media screen and (max-width: 1800px) and (min-width: 1200px) {
    #KhungBaiVietMoi #KhungBaiVietMoiDanhSach .BaoNoiDung {
        width: 33.333%;
    }

        #KhungBaiVietMoi #KhungBaiVietMoiDanhSach .BaoNoiDung:nth-child(-n+9)  {
            display: block;
        }
}

@media screen and (min-width: 1800px) {
    #KhungBaiVietMoi #KhungBaiVietMoiDanhSach .BaoNoiDung {
        width: 25%;
    }

        #KhungBaiVietMoi #KhungBaiVietMoiDanhSach .BaoNoiDung:nth-child(-n+8) {
            display: block;
        }
}

#KhungBaiVietMoi #KhungBaiVietMoiDanhSach .BaoNoiDung .BaoTrongNoiDung {
    margin: 5px;
    display: block;
    border-radius: 5px;
    border: 1px solid #eee;
    height: calc(100% - 10px);
    box-shadow: 0 0 5px #eee;
    text-decoration: none;
    color: inherit;
}

    #KhungBaiVietMoi #KhungBaiVietMoiDanhSach .BaoNoiDung .BaoTrongNoiDung .NoiDung {
        display: block;
        overflow: hidden;
        height: 100%;
    }

        #KhungBaiVietMoi #KhungBaiVietMoiDanhSach .BaoNoiDung .BaoTrongNoiDung .NoiDung .TieuDe {
            font-weight: bold;
            display: block;
            padding: 5px;
        }

        #KhungBaiVietMoi #KhungBaiVietMoiDanhSach .BaoNoiDung .BaoTrongNoiDung .NoiDung .Anh {
            width: 100%;
            height: 80px;
            display: block;
            background-position: center center;
            background-size: cover;
        }

        #KhungBaiVietMoi #KhungBaiVietMoiDanhSach .BaoNoiDung .BaoTrongNoiDung .NoiDung .GioiThieu {
            margin: 5px;
            text-align: justify;
            height: 3.9em;
            display: block;
            overflow: hidden;
            position: relative;
        }

            #KhungBaiVietMoi #KhungBaiVietMoiDanhSach .BaoNoiDung .BaoTrongNoiDung .NoiDung .GioiThieu::after {
                content: "...";
                position: absolute;
                text-align: right;
                bottom: 0;
                right: 0;
                width: 60px;
                height: 1.2em;
                color: #aaa;
                background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%);
            }

        #KhungBaiVietMoi #KhungBaiVietMoiDanhSach .BaoNoiDung .BaoTrongNoiDung .NoiDung .TieuDe:after {
            transition: all 1s ease;
            content: " ";
            display: block;
            margin: 0 0;
            height: 1px;
            background-color: #fafafa;
            width: 100%;
        }

    #KhungBaiVietMoi #KhungBaiVietMoiDanhSach .BaoNoiDung .BaoTrongNoiDung:hover .NoiDung .TieuDe:after {
        background-color: #aaa;
    }