.models{
    --gap: 0.75rem;
    --max-width: 1308px;
    display: grid;
    grid-template-columns: repeat(var(--count-items), calc((var(--max-width) - calc(calc(var(--count-items) - 1) * var(--gap)) ) / var(--count-items)));
    gap: var(--gap);
    justify-content: center;
}



.model{
    padding: 1.25rem 0;
    display: flex;
    justify-content: center;
    align-self: center;
}

@media (max-width: 1024px) {
    .models{
        overflow-x: auto;
        margin: 0 calc(-1 * 2rem);
        padding: 0 2rem;
        justify-content: start;
    }
}

@media (max-width: 991px) {
    .models{
        overflow-x: auto;
        margin: 0 calc(-1 * 1rem);
        padding: 0 1rem;
        justify-content: start;
    }
}

/* @media (max-width: 991px) {
    .models{
    display: grid;
    grid-template-columns: repeat(2, 160px);
    gap: 0.75rem;
    justify-content: center;
}
} */