/* Home page grid only: rebuild the layout with CSS Grid */
.six-categories.exclude-first .pp-categories {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 2%;
    row-gap: 30px;
}

.six-categories.exclude-first .pp-categories::before,
.six-categories.exclude-first .pp-categories::after {
    display: none; /* removes old float clearfix */
}

.six-categories.exclude-first .pp-category {
    width: auto !important;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
}

/* Large */
@media (max-width: 1200px) {
    .six-categories.exclude-first .pp-categories {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 2%;
    }
}

/* Medium */
@media (max-width: 992px) {
    .six-categories.exclude-first .pp-categories {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 4%;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .six-categories.exclude-first .pp-categories {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 4%;
    }
}