.category {
      padding: 60px 0 0;
  
      @media (min-width: 1200px) {
          padding: 100px 0 0;
      }
  
      &__top {
          margin-bottom: 60px;
      }
  
      &__grid {
          display: grid;
          grid-gap: 20px;
          grid-template-columns: repeat(1, 1fr);
          margin-bottom: 20px;
  
          @media (min-width: 540px) {
              grid-template-columns: repeat(2, 1fr);
          }
  
          @media (min-width: 920px) {
              grid-template-columns: repeat(3, 1fr);
          }
  
          @media (min-width: 1200px) {
              grid-template-columns: repeat(4, 1fr);
              margin-bottom: 60px;
          }
      }
  }