title: Changing Masonry's columnWidth option on resize
body: <p>I'm using this plugin: <a href="http://masonry.desandro.com/" rel="nofollow">http://masonry.desandro.com/</a></p>
  
  <p>I currently initialise the plugin for 960px layouts and my code for this is:</p>
  
  <pre><code>&lt;script&gt;
  
  $(function(){
  
      var $container = $('#container');
  
      $container.imagesLoaded( function(){
        $container.masonry({
          itemSelector : '.box',
          gutterWidth: 8,
              // Want to change this here:
          columnWidth: 113
        });
      });
  
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>I want to change the columnWidth number from 113 to 146 when the screen width or browser window width is higher than 1225px. How do I do this?</p>