You don’t actually need to be consistent. It’s perfectly acceptable to use all manner of weird sizes in order to make individual elements transform at a size that best suits them.
For example, let’s say you have 4 columns on “desktop” (whatever that is), and you determine that once the width gets down to 1100px, you need to switch to 3 columns (nowadays you would use a flexbox, but bear with me for the sake of example). It’s perfectly OK to have a media query at 1100px that is used only to control the 3-col layout.
At the same time, you might find that your hero image works fine at 1920px wide, but at 1366px, a common laptop resolution, you want to switch to an image that has been formatted differently, or maybe a different image altogether. It’s OK to throw a media query in there for 1366px and only use it to control the background-image: property of that one hero element.
There is a big difference between the viewports pre-defined in your page builder that get used during development vs. what the CSS defines when the front-end is actually displayed. They don’t relate.