.bannertop img {
  width: 100%; }

.listBlogs-content {
  padding: 64px 0; }
  .listBlogs-content .heading-page {
    display: flex;
    max-width: 462px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
    margin: 0 auto; }
    .listBlogs-content .heading-page h1 {
      margin: 0;
      color: #333;
      text-align: center;
      font-size: 32px;
      font-weight: 600;
      letter-spacing: -0.7px; }
  .listBlogs-content .project-lists {
    margin-top: 48px;
    display: flex;
    flex-wrap: wrap;
    gap: 48px 16px; }
    .listBlogs-content .project-lists .project-item {
      flex: 0 0 calc(33.33333% - 10.6666px);
      max-width: calc(33.3333% - 10.6666px); }
  @media (max-width: 991.98px) {
    .listBlogs-content {
      padding: 32px 0; }
      .listBlogs-content .project-lists {
        gap: 16px; } }
  @media (max-width: 767.98px) {
    .listBlogs-content .project-lists .project-item {
      flex: 0 0 100%;
      max-width: 100%; } }