.adev-sv__col {
    --columns-per-row: 4;
    --gap: 15px;

    --size: 70%;
    flex: 0 0 var(--size);
    width: var(--size);
    
    margin-right: var(--gap); 

    @media (min-width:568px) {
        & {
            --total-margin: calc(var(--gap) * (var(--columns-per-row) - 1));
            --size: calc((100% - var(--total-margin)) / var(--columns-per-row));
        } 
    }

    @media (min-width:768px) {
        & {
            --columns-per-row: 3;
        } 
    }

    @media (min-width:992px) {
        & {
            --columns-per-row: 4;
            --gap: 30px;
        } 
    }

    @media (min-width:1200px) {
        & {
            --columns-per-row: 5;
        } 
    }
}