.news-container {

    padding: 10px;

    box-sizing: border-box;

}

.recent-news-wrapper {

    display: flex;

    flex-wrap: wrap;

    width: 100%;

  }

.date {

    width: 90px;

} 

  .news-item {

    /*border: solid pink;

    border-width: 0 3px;*/

    padding: 0 5px;

  }

  .meta-title {

    display: flex;

    justify-content: space-between;

    align-items: center;

    border: solid #ccc;

    border-width: 0 0 3px 0;

  }

  .meta {

    flex: 1;

    display: flex;

    align-items: center;

    padding: 10px;

  }

  .post-catergory {

    margin-left: 20px; /* Adjust spacing */

    width: 250px;

    height: 80px;

    display: grid;

    align-items: center;

    overflow-y: auto;

  }

  .post-catergory a {

    padding-left: 5px;

    /*color: blue;*/

  }

  .meta-title a {

    text-decoration: none !important;
    flex-grow: 1;

  }

  

.meta-title h3{

    text-align: left;

    width: 100%;

}



/* CSS for Desktop */

@media screen and (min-width: 1200px) {

  .news-container {

    flex: 0 0 100%;

  }

  .post-catergory {

    border: solid #ccc;

    border-width: 0 1px 0 0;

  }

}



/* CSS for tablet */

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

  .news-container {

    flex: 0 0 100%;

  }

  .post-catergory {

 

    border: solid #ccc;

    border-width: 0 1px 0 0;

  }

}



/* CSS for Mobile */

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

  .meta-title {

    display: block;

  }

  .post-catergory {

    width: 80%;

    display: flex;

    border: none;

  }

  .meta-title h3{

    margin-bottom: 10px;

    padding: 0 10px 10px 10px;

  }

.post-catergory {

    height: 30px;

  }

.meta {

    font-size: 12px;

}


}