.clients { text-align: center; }

.clients picture {
    display: inline-block;
    margin: 10px;
    background-color: white;
}

@media (max-width: 400px) {
    .clients .items picture img { width: calc(50vw - 30px); }

    .clients .items.few picture:nth-child(n+7) { display: none; }
}

@media (min-width: 400.001px) and (max-width: 640px) {
    .clients .items picture img { width: calc(33.333vw - 30px); }

    .clients .items.few picture:nth-child(n+7) { display: none; }
}

@media (min-width: 640.001px) and (max-width: 800px) {
    .clients .items.few picture:nth-child(n+9) { display: none; }
}

@media (min-width: 800.001px) and (max-width: 1200px) {
    .clients .items.few picture:nth-child(n+13) { display: none; }
}

@media (min-width: 1200.001px) {
    .clients .items.few picture:nth-child(n+15) { display: none; }
}