JQuery Freemasonry- Limiting to maximum width on window resize event?

I use jQuery Masonry to display a grid of boxes (all of the same size).

Here is my site for testing.

Works great when the width of the browser is 1100 pixels or lower.

When viewed at 1270px or higher, Masonry continues to add columns on the right side.

I have a maximum width set on an external container, but Freemasonry does not seem to confirm it and just continues to expand the width of the Freemasonry container.

On the Mason centered page page, you can see that it is centered, but there is no width limit. As the width of the browser increases, it simply expands and adds more columns.

How to add a hard rule: "This is the maximum width. Stop trying to add more columns."

thank

UPDATE Here is jsfiddle , although I'm not sure if it is even configured correctly. It’s best to go to my testing site to see the problem.