iBird Rose

1) если по умному делать - удаляй классы у всех других. а присваивай только нужному через this
2) а если через костыль, то так:

$('.top-carousel').on('changed.owl.carousel', function(event) {
    $('.slide-title').addClass('animated fadeInDown');
    setTimeout(function() { $('.slide-title').addClass('animated fadeInDown'); }, 0);
})

навесь на кнопки переключения обновление слайдера

$('.index-page-menu ul li a').on('click', function() {
	$('.products-slider').slick('setPosition');
});

var elemCount = $('.thumbs > div').length;

UPD:

var elemCount  = document.getElementsByClassName("thumbs")[0].childElementCount;
console.log(elemCount);

$('[fa=3]')

делаешь все шрифты на сайте через em. а у body - через px. потом при уменьшении экрана - меняешь у body font-size. итого шрифты будут уменьшаться везде.

timeago.yarp.com

https://jsfiddle.net/qwqwdmt6/1/

https://jsfiddle.net/6ztkf8r0/

document.getElementsByClassName('container')[0].style.display = "none";

все должно работать. мб ошибся где то в классах или id
https://jsfiddle.net/qq6sgfvr/

p.s. а вообще у бутсрапа есть атрибут для закрытия модалки data-dismiss="modal"
добавь его в ссылку и js код писать не придется

бинди вот это при открытии окна. только именно при открытии модалки. чтобы не висел клик везде и всегда

$(document).click( function(event){
		if(( $(event.target).closest("#container-system .popup-cart").length ))
		return;
		$('#container-system .popup-cart').fadeOut();
		event.stopPropagation();
	});

я не знаю как ты настроил эти элементы. но нужно оперировать табами в js через метод show getbootstrap.com/javascript/#tabs-methods
я бы это реализовал методом взятия index() у активного таба, потом сделав +1 или -1 в соответствии с нажатой кнопкой - вызвал бы show у нужного таба.