h4.archive-heading {margin: 0 0 10px 0; font-size: 16px;border-bottom: 1px solid #ccc;padding: 10px 0;font-weight: 500;color: #000;text-transform: uppercase;}

.item_post {    width: 100%;
    float: left;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    padding: 20px 0;}

.item_post:first-child .item_post_img{width: 100%;margin-right: 0;height: 475px;overflow: hidden;}

.item_post:first-child .item_post_img img {height: auto;}

.item_post:first-child .item_post_content {width: 100%;}

.item_post:hover {opacity: 1;}

.item_post a {text-decoration: none;}

.item_post:hover h4 {text-decoration: underline;}

.item_post_img {float: left;width: 40%;margin-right: 5%;}

.item_post_img img {width: 100%;height: 180px;}

.item_post h4 {color: #007741;margin: 10px 0;text-transform: uppercase;font-size: 16px;font-weight: 500;}

.item_post_content {float: left;width: 55%;}

.post_excerpt p {font-size: 13px;text-align: justify;color: #555;}

nav.navigation.pagination {float: left;width: 100%;margin-top: 10px;text-align: center;}

nav.navigation.pagination a.page-numbers {padding: 5px;text-decoration: none;}

nav.navigation.pagination a.page-numbers:hover {text-decoration: underline;}

.xem-them{color: #007741;margin-top: 10px;}

/* single */

.single-post h2 {font-size: 16px;}

/* Du an */

.item_duan{width: 30%;margin-right: 3%;float: left;min-height: 275px;}

.item_duan .item_post_img{width: 100%;margin-right: 0;overflow: hidden;height: 180px;}

.item_duan .item_post_img img{scale: 1;transition: all 0.5s;}

.item_duan .item_post_img:hover img{scale: 1.1;}

.item_duan .item_post_content{width: 100%;}

.item_duan .item_post_content h4{margin: 10px 0;font-size: 14px;line-height: 1.3em;text-decoration:none;text-transform: uppercase;color: #007741;display: block;font-weight: 500;}

.item_duan .xem-them{font-size: 13px;color: black;font-style: italic;}

.item_duan .item_post_content h4:hover{text-decoration: underline;}

.item_duan .xem-them:hover{text-decoration: underline;}

/* page */

.page-heading {font-size: 16px;text-transform: uppercase;margin: 0;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #ccc;font-weight: 500;}

.table-td{border: 1px solid #ddd;width: 100%;text-align: left;border-collapse: collapse;border-spacing: 0px;}

.table-td tr:hover{background-color: #f9f9f9;}

.table-td tr:nth-of-type(odd){background-color: #f9f9f9;}

.table-td a{color: #007741;}

.table-td th{border: 1px solid #ddd;}

.table-td tr th:last-child{border-right:none ;}

.table-td tbody tr:last-child th{border-bottom: none;}

.table-td>thead>tr>th, .table-td>tbody>tr>th{padding: 12px 8px;}

.table-td thead th{background-color: #009b55;color: #fff;}

.table-td tbody th {color:#373c43;font-weight: 500; }

.td-bottom{margin: 40px 0 30px 0;display: flex;justify-content: space-between}

.td-bottom-left,.td-bottom-right{width: 42%;padding: 3%;}

.td-bottom-left a,.td-bottom-right a{display: flex;align-items: center;}

.td-bottom-left span,.td-bottom-right span{padding-left: 10px;color: white;font-size: 18px;}

/* page - tailieu */

.videos-group{display: flex;flex-wrap: wrap}

.videos-group .video-single{width: 30%;margin-right: 3%;margin-bottom: 30px;position: relative;}

.videos-group .video-single img{height: auto;width: 100%;padding: 2px;border: 1px solid #ccc;}

.playIcon{top: 33%;left: 45%;position: absolute !important;z-index: 1;font-size: 2em;color: rgba(0,0,0,0.6);transition: color 0.5s ease;}

.video-single:hover .playIcon{color: red;}

.videos-group .video-single p{color: #007741;margin-top: 10px;text-align: center;}

.title-doc{font-size: 18px; font-weight: bold;color: #007741;border-bottom: 1px solid #007741;display: inline-block;}

.swiper-magazine h4{text-align: center;color: #007741;margin: 10px 0;font-weight: 500;}

.swiper-magazine .swiper-button-next, .swiper-magazine .swiper-button-prev{background-image: none;color: #007741;font-size: 35px;}

.swiper-magazine .swiper-slide img{padding: 2px;border: 1px solid #ccc;}

.swiper-magazine .swiper-slide a:hover {text-decoration: underline}

@media only screen and (max-width: 1200px){
    .item_post:first-child .item_post_img{height: fit-content;}
}

@media only screen and (max-width: 900px){
    .item_duan{width: 47%;}
}

@media only screen and (max-width: 768px) {

.post_excerpt {font-size: 11px;}

.item_post h4 {font-size: 13px;}

.post_date {font-size: 10px;margin-top: 0px;}

.post_excerpt p {margin: 0;}


}

@media only screen and (max-width: 600px){
    .videos-group .video-single{width: 47%;}

    .playIcon{top: 28%;}

    .item_post_img,.item_post_content{width: 100%;}
}

@media only screen and (max-width: 500px) {

    .videos-group .video-single{width: 100%;}

.post_excerpt {display: none;}

.item_duan{width: 100%;margin-right: 0;margin-bottom: 25px;}

.item_post_img img{aspect-ratio: 16 / 9;height: auto;}

}