Masonry grid - edit two and one columns

Hi guys!
I have some problem with my masonry grid, I used this guid to set my style:

My problem is that it change to one column way to early, I would like it to change to one column in the phone. I tried to add an a custom attributes , but it seems like it doesn’t work. Can someone help me with this? (You can only see the changes on the published site)

Here’s my link