.project-item-wrapper.style1 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-bottom: -60px;
    padding: 80px 146px 0px;
}

/* For 3 items */
.project-item-wrapper.style1.centered-items {
    grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* For 2 items */
.project-item-wrapper.style1.centered-items.items-2 {
    grid-template-columns: repeat(2, 1fr);
    max-width: 700px;
}

/* For 1 item */
.project-item-wrapper.style1.centered-items.items-1 {
    grid-template-columns: 1fr;
    max-width: 350px;
}

@media (max-width: 1200px) {
    .project-item-wrapper.style1 {
        grid-template-columns: repeat(2, 1fr);
        padding: 60px 50px 0px;
    }
    .project-item-wrapper.style1.centered-items {
        grid-template-columns: repeat(2, 1fr);
        max-width: 700px;
    }
    .project-item-wrapper.style1.centered-items.items-1 {
        grid-template-columns: 1fr;
        max-width: 350px;
    }
}

@media (max-width: 768px) {
    .project-item-wrapper.style1,
    .project-item-wrapper.style1.centered-items {
        grid-template-columns: 1fr;
        padding: 40px 20px 0px;
        max-width: 350px;
        margin-left: auto;
        margin-right: auto;
    }
}