.wp-block-post-type-archive {
  .gc-cards {
    display: grid;
    gap: 30px;

    .gc-card{
      width: 100%;
      height: 100%;
    }

    &.row-cols-6 {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    &.row-cols-5 {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    &.row-cols-4 {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    &.row-cols-3 {
      grid-template-columns: 1fr 1fr 1fr;
    }

    &.row-cols-2 {
      grid-template-columns: 1fr 1fr;
    }

    @media screen and ( max-width: 1280px ) {
      &.row-cols-6 {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      }
    }

    @media screen and ( max-width: 1024px ) {
      &.row-cols-6 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
      }
      &.row-cols-5 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
      }
  
      &.row-cols-4 {
        grid-template-columns: 1fr 1fr 1fr;
      }
    }

    @media screen and ( max-width: 768px ) {
      &.row-cols-6 {
        grid-template-columns: 1fr 1fr 1fr;
      }
      &.row-cols-5 {
        grid-template-columns: 1fr 1fr 1fr;
      }
  
      &.row-cols-4 {
        grid-template-columns: 1fr 1fr;
      }
  
      &.row-cols-3 {
        grid-template-columns: 1fr 1fr;
      }
    }
    
    @media screen and ( max-width: 640px ) {
      &.row-cols-6 {
        grid-template-columns: 1fr;
      }

      &.row-cols-5 {
        grid-template-columns: 1fr;
      }

      &.row-cols-4 {
        grid-template-columns: 1fr;
      }

      &.row-cols-3 {
        grid-template-columns: 1fr;
      }

      &.row-cols-2 {
        grid-template-columns: 1fr;
      }
    }
  }
}