.alm-listing {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4rem 2rem;
}

.alm-btn-wrap:not(:empty) {
    display: flex;
    justify-content: center;
}

.alm-load-more-btn {
    margin-top: 4rem;
}

.alm-load-more-btn.done {
    display: none;
    cursor: default;
    pointer-events: none;
}

@media screen and (max-width: 1024.9px) {
    .alm-listing {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 575.9px) {
    .alm-listing {
        grid-template-columns: repeat(1, 1fr);
    }
}