.danh-muc-bottom {margin-right:2%;width:23.5%;margin-top:20px; backdrop-filter: blur(10px);}
.danh-muc-bottom:nth-child(4n) {margin-right:0;}
.danh-muc-bottom h2,.danh-muc-bottom h3{display:inline-block;font-family: "Roboto-Bold", Arial,Helvetica,sans-serif;}
.danh-muc-bottom .tieu-de {padding:10px 0; }
.danh-muc-bottom .hinhanh  {position:relative;text-align:center;overflow:hidden}
.danh-muc-bottom .hinhanh .main-img {z-index:9;position: relative;}
.danh-muc-bottom .hinhanh .blur {height: 100%;
    width: 100%;top:0;
    position: absolute;
    z-index: 8;
    filter: blur(12px);
   }
.danh-muc-bottom h2 {font-size:20px;text-transform:uppercase;font-weight:300;position: relative;padding-left:15px;}
.danh-muc-bottom h2:before {content: '';
    position: absolute;
    width: 5px;
    top: 1px;
    bottom: 3px;
    left: 0;
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
    background-color: #08c;}
.danh-muc-bottom h2 a {}
.danh-muc-bottom h3 {font-size:15px;padding-left:12px;font-weight:300}
.danh-muc-bottom img {max-width:100%;}
.danh-muc-bottom .top-tin .hinhanh{text-align:center;background:#eee;}
.danh-muc-bottom .top-tin img {height:150px;max-width: 100%;}
.danh-muc-bottom .ngay {font-size:12px;color:#999}
.danh-muc-bottom .top-tin .title {font-size:18px;font-family: "Roboto-Medium", Arial,Helvetica,sans-serif;margin:10px 0;   display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;height:45px;}
.danh-muc-bottom .top-tin .sapo {margin-top:10px;color:#555;font-size:14px;line-height:18px;}
.danh-muc-bottom .tin-phai {margin:10px 0;}
.danh-muc-bottom .tin-phai .hinhanh{background:#eee;text-align:center;}
.danh-muc-bottom .tin-phai img{height:70px;max-width:100%;width:auto;}
.danh-muc-bottom .tin-phai p.tieude{display: -webkit-box;
	-webkit-line-clamp: 3;overflow:hidden;font-family: "Roboto-Medium", Arial,Helvetica,sans-serif;
	-webkit-box-orient: vertical;margin-bottom:10px;padding-left:20px;}
