.du_an_page{
    padding: 60px 0;
}
.de-tai-du-an-widget .post-item {
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    position: relative;
}

.de-tai-du-an-widget .badge {
    /* position: absolute; */
    /* top: 10px;
    left: 10px; */
    background-color: #2e933c;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 0.8rem;
    text-transform: uppercase;
}

.de-tai-du-an-widget .post-thumbnail {
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.de-tai-du-an-widget .excerpt {
    color: #666;
    font-size: 0.9rem;
    margin-bottom: 10px;
}

.de-tai-du-an-widget .post-meta {
    font-size: 0.8rem;
    color: #999;
}

.de-tai-du-an-widget .read-more-btn {
    display: inline-block;
    margin-top: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    padding: 0px 10px;
    background: red;
    border-radius: 5px;
}
.de-tai-du-an-widget.grid-layout {
    display: grid;
    grid-gap: 20px;
}

.de-tai-du-an-widget.grid-layout.columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.de-tai-du-an-widget.grid-layout.columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.de-tai-du-an-widget.grid-layout.rows-2 {
    grid-template-rows: repeat(2, auto);
}
/*  */
.post-item-table {
    width: 100%;
    border-collapse: collapse;
}
.post-item-table th, .post-item-table td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
}
.post-thumbnail-header, .post-details-header {
    text-align: left;
    font-weight: bold;
}
.post-item-table thead .post-thumbnail-header ,.post-item-table thead .post-details-time{
  width: 11%;
}
.post-details-btn{
    width: 8%;
    text-align: center;
}
@media screen and (min-width:768px) {
    .show-in-desktop{
        display: block;
    }
    .show-in-mobile{
        display: none;
    }
}
@media screen and (max-width:768px) {
    .show-in-desktop{
        display: none;
    }
    .show-in-mobile{
        display: block;
    }
}