#tintuc-trangchu {
    display: none !important;
}
#tintuc-trangchu .portlet-title.first {
    margin-top: 0;
}
#tintuc-trangchu .portlet-title {
    text-transform: uppercase;
    color: #1E7D30;
    font-weight: bold;
    border-bottom: 1px solid #1E7D30;
    padding-bottom: 5px;
    font-size: 20px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
#tintuc-trangchu .portlet-title a {
    font-weight: normal;
    color: #1E7D30;
    text-transform: none;
    font-size: 14px;
    font-style: italic;
    margin-left: auto;
}
#tintuc-trangchu .grid-news {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 15px;
}
#tintuc-trangchu .grid-news .grid-item {
    border: 1px solid #c7c7c7;
    padding: 15px;
    padding-bottom: 70px;
    position: relative;
}
#tintuc-trangchu .grid-news .grid-item .title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}
#tintuc-trangchu .grid-news .grid-item .desc {
    color: #444;
    margin-bottom: 10px;
}
#tintuc-trangchu .grid-news .grid-item .datetime {
    color: #444;
    font-style: italic;
}
#tintuc-trangchu .grid-news .grid-item .datetime:before {
    content: "\f017";
    font-family: "FontAwesome";
    margin-right: 5px;
    font-style: normal; }
#tintuc-trangchu .grid-news .grid-item .cat {
  color: #1E7D30;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  margin-top: 0px; }
#tintuc-trangchu .grid-item .sub-info {
    position: absolute;
    bottom: 15px;
}
#tintuc-trangchu .grid-news .grid-item .cat:before {
    content: url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M2.61844 16.2374V14.9852H11.9894V16.2374H2.61844ZM6.99291 12.2624L2.57605 7.84551L4.14291 6.24117L8.59728 10.658L6.99291 12.2624ZM12.0946 7.15013L7.6777 2.69577L9.28206 1.12891L13.7095 5.54577L12.0946 7.15013ZM15.7125 15.3178L5.40812 5.01344L6.44999 3.96098L16.7543 14.2759L15.7125 15.3178Z" fill="white"/></svg>');
    background-color: #1E7D30;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 33px;
    margin-right: 5px; 
}
#tintuc-trangchu .desc > p {
    text-align: justify;
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
    #tintuc-trangchu .grid-news .grid-item .cat {
        text-transform: none; 
    } 
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #tintuc-trangchu .grid-news .grid-item .cat {
        text-transform: none; 
    } 
}

@media screen and (max-width: 767px) {
    #tintuc-trangchu .grid-news {
        grid-template-columns: 1fr; 
    } 
}