Как сверстать такой элемент, если блоков не 4 а больше?
Без всяких дополнительных блоков так: https://jsfiddle.net/k8q7sbxd/
С перестроением под мелкие экраны, например, так: https://jsfiddle.net/k763w48g/
(У меня просто полоски, фигурные нарисуете сами SVG'шками)
У всего блока псевдоэлементами: верхняя вертикальная черта с шляпкой и горизонтальная. 
У каждого элемента псевдоэлементом вертикальная черта с кружком. 
При адаптиве выстраивать все это в столбик. Черточки поворачиваются на 90°
Стиль с поворотными стрелками назначается для :first-child и :last-child, остальные внутри имеют одинаковый резиновый стиль с flexsnippet