//Masonry - dynamic layout plugin settings
$(document).ready(function() {
    $('.portf-4-col').show();
});

$(function(){

var $container = $('.portf-4-col');
var width = $(window).width(); 
var height = $(window).height(); 

if ((width > 1024  )) {

$container.imagesLoaded( function(){
  $container.masonry({
    itemSelector : '.box'
    });
    });

    }
    else {
    //load the css styles for screen res below 1024
    }
});