Cancel jquery effect from 550px

I am using the following code so that 3 containers have the height of the longest:

var maxHeight = 0;

$(".liste").each(function(){
    if ($(this).height() > maxHeight) { maxHeight = $(this).height(); }
});

$(".liste").height(maxHeight);

The problem is that I need to go to 550px when it goes back to the original height, that is, disable the code. Try this:

var resizeTimer;
$(window).on('resize', function (e) {
    clearTimeout(resizeTimer);
    resizeTimer = setTimeout(function () {
        if ($(window).width() > 550) {
            $(".liste").height('auto');
        }
    }, 250);
});

But it's not going, could someone help me? Thanks