@media ((max-width: 1023px) and (min-width: 768px)) {
  .col-3 {
    flex: 0 0 35%;
    max-width: 37%;
  }
  .col-9 {
    flex: 0 0 75%;
    max-width: 65%;
  }

  .news-child-title-sub {
    font-weight: 500;
    margin-bottom: 0px;
    padding-left: 20px;
  }

  .news-child-title-sub li::marker {
    color: #0aaf50;
  }
  .group-news-detail {
    padding-top: 10px;
    padding-left: 10px;
    background-color: #f2f2f2;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .group-news-content {
    padding-left: 15px;
  }
  .group-news-pic {
    padding-right: 0px;
  }
  .news-child-title {
    margin-right: 15px;
    text-align: justify;
  }
  .news-child-excerpt {
    padding-right: 15px;
  }
  .news-list {
    margin-top: 15px;
  }
  .generic-content {
    padding-top: 10px;
  }

  .news-list-box li {
    display: flex;
    margin: 0px 10px;
    flex-shrink: 0; /* Thêm để ngăn item bị co lại nếu không cần thiết */
    flex-basis: 50%;
    text-align: center; /* Căn giữa nội dung văn bản trong mỗi <li> */
  }
}