title: Remove gutter on masonry from last column
body: <p>I've got a fluid responsive isotope, masonry grid (also using images loaded - but not in this example), with breakpoints.</p>
  
  <p>I want to remove the last gutter column, so there's no spacing on the right hand side, so it sits flush - but I can't work out the code.</p>
  
  <p>I've setup an example here:
  <a href="http://codepen.io/mattpark22/pen/yyzKgo" rel="nofollow">http://codepen.io/mattpark22/pen/yyzKgo</a></p>
  
  <p>The main functions are:</p>
  
  <pre><code>colWidth = function () {
      $w = $container.width(), 
          columnNum = 1,
          columnWidth = 0;
      if ($w &gt; 1400) {
          columnNum  = 7;
      } else if ($w &gt; 1200) {
          columnNum  = 6;
      } else if ($w &gt; 1000) {
          columnNum  = 5;
      } else if ($w &gt; 800) {
          columnNum  = 4;
      } else if ($w &gt; 600) {
          columnNum  = 3;
      } else if ($w &gt; 300) {
          columnNum  = 2;
      }
      columnWidth = Math.floor($w/columnNum);
      $container.find('.isotope-item').each(function() {
          var $item = $(this),
              multiplier_w = $item.attr('class').match(/isotope-item-w(\d)/),
              multiplier_h = $item.attr('class').match(/isotope-item-h(\d)/),
              width = multiplier_w ? columnWidth*multiplier_w[1]-5 : columnWidth-5,
              height = multiplier_h ? columnWidth*multiplier_h[1]*0.45-5 : columnWidth*0.45-5;
          $item.css({
              width: width,
              height: height
          });
      });
      return columnWidth;
  };
  isotope = function () {
      $container.isotope({
          resizable: false,
          itemSelector: '.isotope-item',
          filter: hashFilter,
          masonry: {
              columnWidth: colWidth(),
              gutterWidth: 5
          }
      });
  };
  </code></pre>
  
  <p>Any ideas/tips would be greatly appreciated!</p>