Как исправить конфликт в jquery?

Всем привет, проблема очень простая, но не для меня, знания jq хромают и не могу понять в чем дело.
Суть в том, что в хэдере идет обычный бутстраповский слайдер, но стрелки влево и вправо не работают из-за скрипта с таблицей
Вот код из-за которого не работают стрелки

{
    	var sortingButtons = $('.item_sorting_btn');

    	if($('.grid').length)
    	{
    		var grid = $('.grid').isotope({
	  			itemSelector: '.grid-item',
	  			percentPosition: true,
	  			masonry:
	  			{
				    horizontalOrder: true
			  	},
			  	getSortData:
	            {
	            	price: function(itemElement)
	            	{
	            		var priceEle = $(itemElement).find('.product_price').text().replace( '$', '' );
	            		return parseFloat(priceEle);
	            	},
	            	name: '.tt_class_title'
	            }
	        });

	        // Filtering
	        $('.item_filter_btn').on('click', function()
	        {
	        	var buttons = $('.item_filter_btn');
	        	buttons.removeClass('active');
	        	$(this).addClass('active');
		        var filterValue = $(this).attr('data-filter');
				grid.isotope({ filter: filterValue });
	        });
    	}
    }

Посмотреть можно здесь