.H-60 {
    height: 60px;
}



.H-80 {
    height: 80px;
}

.H-90 {
    height: 90px;
}

.H-100 {
    height: 100px;
}

.H-120 {
    height: 180px;
}

.H-180 {
    height: 180px;
}

.row-1 {
    line-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-wrap !important;
    white-space: normal !important;
}

.row-2 {
    line-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-wrap !important;
    white-space: normal !important;
}

.row-2-20 {
    line-height: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-wrap !important;
    white-space: normal !important;
}

.row-2-50 {
    line-height: 50px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-wrap !important;
    white-space: normal !important;
}

.row-3 {
    line-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-wrap !important;
    white-space: normal !important;
}

.row-4 {
    line-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.row-5 {
    line-height: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.img-fluid-phong-cach-song-index {
    width: 100% !important;
    height: 145px !important;
    object-fit: cover !important;
}

.img-fluid-index{
    width: 100% !important;
    height: 350px !important;
    object-fit: cover !important;
}

.img-fluid-tai-tro-index {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
}

.img-fluid-bai-dang-gan-day-index {
    width: 100% !important;
    height: 75px !important;
    object-fit: cover !important;
}

.img-fluid-noi-dung-1-tintuc {
    display: block !important;
    width: 100% !important;
    height: 275px !important;
}

.img-fluid-noi-dung-2-tintuc {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

.img-fluid-noi-dung-3-tintuc {
    display: block !important;
    width: 100% !important;
    height: 200px !important;
}

.img-fluid-cung-loai-tintuc {
    display: block !important;
    width: 100% !important;
    height: 215px !important;
}

.img-fluid-moi-nhat-tintuc {
    display: block !important;
    width: 100% !important;
    height: 215px !important;
}

.card .img-fluid-list-1-tintuc {
    width: 100% !important;
    height: 375px !important;
    object-fit: cover !important;
}

.card .img-fluid-list-2-tintuc {
    width: 100% !important;
    height: 275px !important;
    object-fit: cover !important;
}

.img-fluid-bai-dang-gan-day-tin-tuc-list {
    width: 100% !important;
    height: 75px !important;
    object-fit: cover !important;
}

.img-fluid-index-trend img{
    width: 100% !important;
    height: 80px !important;
    object-fit: cover !important;
}
/* CSS Image Big ------------------------------------------------------------- */
.img-fluid-index-image-last-new-big {
    width: 450px !important;
    height: 220px !important;
    object-fit: cover !important;
}

.img-fluid-index-image-big {
    width: 450px !important;
    height: 220px !important;
    object-fit: cover !important;
}

.img-fluid-index-image-menu-nhom-loai {
    width: 100%;
    height: 120px !important;
    object-fit: cover !important;
}

.img-fluid-index-image-menu-thong-bao {
    width: 100%;
    height: 180px !important;
    object-fit: cover !important;
}
/* CSS Image Small ----------------------------------------------------------- */
.img-fluid-index-image-small {
    width: 450px !important;
    height: 75px !important;
    object-fit: cover !important;
}
/* --------------------------------------------------------------------------- */

/* CSS viewBlocDanhMuc ------------------------------------------------------- */
.img-fluid-index-view-block-danh-muc-big {
    width: 450px !important;
    height: 220px !important;
    object-fit: cover !important;
}

.img-fluid-index-view-block-danh-muc-small {
    width: 450px !important;
    height: 75px !important;
    object-fit: cover !important;
}
/* --------------------------------------------------------------------------- */

.img-fluid-index-view-more-news {
    width: 450px !important;
    height: 180px !important;
    object-fit: cover !important;
}

.img-layout-banner {
    width: 100% !important;
    height: 280px !important;
    object-fit: cover !important;
}