Алексей Захаров

можно так

var arr = Array.prototype.filter.call(document.querySelectorAll('.list .el'), function(item) {
	return item.querySelectorAll('.ad').length === 0;
});

https://jsfiddle.net/fucd8wez/1/

добавить свойства для раздела, в которое запихнуть необходимую инфу/картинку, в компоненте через result_modifier.php получить эти данные через CIBlockSection::GetList, буферизовать, вывести через отложенные функии в хэдере

для подразделов, родителя можно получить через = CIBlockSection::GetNavChain
далее так же выбрать свойства у родителя и как выше описано

добавить в вызов слика
responsive: [
  		{
  			breakpoint: 769,
  			// здесь добавляем необходимые настройки
  		}
  	]

В первом селекторе страны, по изменению делаешь аякс запрос к таблице городов, фильтруя по id страны, вставляешь полученные данные во второй селект

У слик есть настройка адаптивности вообще-то

$('#recomendationsSlider').slick({
			autoplay: false,
			slidesToShow: 4,
			arrows: true,
			dots:false,
			lazyLoad: 'ondemand',
			responsive: [
		    {
		      breakpoint: 1200,
		      settings: {
		        slidesToShow: 3,
		        slidesToScroll: 3,
		        infinite: true,
		      }
		    },
		    {
		      breakpoint: 992,
		      settings: {
		        slidesToShow: 2,
		        slidesToScroll: 2
		      }
		    },
		    {
		      breakpoint: 580,
		      settings: {
		        slidesToShow: 1,
		        slidesToScroll: 1
		      }
		    }
		    // You can unslick at a given breakpoint now by adding:
		    // settings: "unslick"
		    // instead of a settings object
		  ],
		  nextArrow: $('.arrow-right'),
		  prevArrow: $('.arrow-left'),
		});

$('body').append('<input type="text" name="vir" id="vir" size="7"  placeholder="TEXTA"  style="border-width: 0px;" >')                     
  $("#vir").css("position", "absolute").css("top", 260).css("left", 270).css({ color: "red" });

$('body').on('keyup', '#vir', function(event) {
	event.preventDefault();
	$(this).val($(this).val().replace(/\s/ig, '-'));
});