Post Masonry breakpoints

Hi I’ve just followed Guenn007’s post for adding more columns to the masonry and works a treat

The issue I have with my site is that as a full size masonry on a ultrawide monitor, the masonry entries were just too large with 6 columns, so added a 10 column option. In a colour section it just didn’t look as nice either.

To add the tall and wide layouts I also had to add another css style…

.av-masonry-col-10 .av-masonry-entry {
	width: 10%;
}
.av-masonry-col-10 .av-landscape-img {
	width: 20%;
}

I was wondering if it would be possible to add breakpoint for this somehow so that over 1080p it would switch to 10 columns? The mobile and tablet breakpoints still seem to be working fine, but 10 is too much for 16:9 screens, so trying to cater for all.

Any advice greatly appreciated