Number row being cut into 2 rows

I have a problem where bigger tablets like ipads get this counter number row split into 2 (2 stay on top and pushes one below first row), because it tries to use vertical row instead of horizontal, like for mobiles. How can I stop that?

Idk, tablets from 768 width get this problem and desktop 1024 doesnt have anymore cus fits full row. So need to do some code with @media (min-width: 768px) and (max-width: 1023px)? idk