$('#sync2').css({
'padding-left': controls + 'px',
'padding-right': controls + 'px'
});
У вас изначально и рендерится 5 блоков. Но в коде приведенном выше задаются отступы, которых изначально у блока обвертки нет, равные ширине блока => + 2 блока контролов навигации и -2 блока с ссылками на слайды.
Попробуйте переделать так:
// Width
equalWidth = function() {
var controls = $('#sync2').width()/7;
$('.owl-theme .owl-controls .owl-buttons div').css({
'width': controls + 'px'
});
$('#sync2').css({
'padding-left': controls + 'px',
'padding-right': controls + 'px'
});
};
$(document).ready(equalWidth);
$(window).resize(equalWidth);
//Height
square_nav = function() {
var sn = $('#sync2 .owl-item').width();
$('#sync2 .owl-item, .owl-theme .owl-controls .owl-buttons div').css({
'height': sn + 'px'
});
};
$(document).ready(square_nav);
$(window).resize(square_nav);
И расположить этот код до инициализации каруселей