doctorcat

codepen.io/anon/pen/kkPGbG

Вообщем проблема была в mouseover. А именно mouseover в safari срабатывал и не срабатывало событие click. То есть при клике на элемент с мобильного телефона он подсвечивался, что говорит о срабатывании mouseover, но слайдер не менялся - что говорит об отсутствии срабатывания события click. Всё решилось добавление условия для mouseover. if ($(window).width() > '768') По сути мы этим действием отключаем ховеры для всех устройств у которых размер экрана меньше 768px.

В итоге получилось вот так:

if ($(window).width() > '768') {
      $( ".slidebox" ).mouseover(function() {
        $(this).find(".newhover" ).css("display", "inline-block");
        $(this).find(".newnormal").css("display", "none");
        $(this).find(".text-item").css("color", "red");
        $(this).find(".colorblock").css("background-color", "#3b794f");

      });
      $( ".slidebox" ).mouseout(function() {
        $(this).find(".newhover" ).css("display", "none");
        $(this).find(".newnormal").css("display", "inline-block");
        $(this).find(".text-item").css("color", "black");
        $(this).find(".colorblock").css("background-color", "#a7c94b");
      });
  }

PS: Спасибо за помощь MatriXNeO, он по сути ничем не помог, но заставил более глубинно взглянуть на свой вопрос, в связи с чем и был найден логичный ответ.

Спасибо за ответы! Добавил в самый верх своего sass файла строчку:
@charset "UTF-8"
И всё стало работать просто великолепно :)

извиняюсь, это невнимательность(
в процессе редактирования блока с картами удалил и не заметил
<a name="maps" href=""></a>

Вот скрипт и перестал работать.

Спасибо, сделал. Мне требовалось вот это.

<ul class="city-box">
								<li class="city-inside-box">Ваш город <span class="city-style">Новосибирск</span><i class="fa fa-sort-desc" aria-hidden="true"></i></li>
								<ul class="cities_list">
			  						<li alt="ул. Б. Богаткова, д.24/1" phone="8 (383) 201-85-75" email="info@sib-nsk.net" id="novosibirsk">Новосибирск</li>
			  						<li alt="ул. Крылова, 47а оф. 607" phone="8 (3902) 34-76-90" email="abakan@sib-nsk.net" id="abakan">Абакан</li>
			  						<li alt="ул. Лапина, д. 8, оф. 15" phone="8 (3952) 64-01-63" email="irkutsk@sib-nsk.net" id="irkutsk">Иркутск</li>
			  						<li alt="ул. Тигровая, д. 29, оф. 11 " phone="8 (4232) 50-26-42" email="prim@sib-nsk.net" id="vladivostok">Владивосток</li>

			  					</ul>

								<li class="phone-box"><i class="fa fa-mobile" aria-hidden="true"></i><span>	8 (383) 201-85-75</span></li>
								<li class="mail-box"><i class="fa fa-envelope" aria-hidden="true"></i><span>info@sib-nsk.net</span></li>
								<li class="marker-box"><i class="fa fa-map-marker" aria-hidden="true"></i><a href="#maps"><span>ул. Б. Богаткова, д.24/1</span></a></li>

							</ul>

ymaps.ready(function () {
    var myMap = new ymaps.Map('map', {
            center: [55.010906, 82.944415],
            zoom: 14
        }, {
            searchControlProvider: 'yandex#search'
        }),
        myPlacemark = new ymaps.Placemark(myMap.getCenter(), {
            hintContent: 'ООО Сиб',
            balloonContent: 'Ул.Бориса Богаткова 24/1'
        });
        document.getElementById('irkutsk').onclick = function () {
        // Для уничтожения используется метод destroy.
        myMap.setCenter([52.279611, 104.285547], 15, {
        		searchControlProvider: 'yandex#search'
	        });
        myPlacemark = new ymaps.Placemark(myMap.getCenter(), {
            hintContent: 'ООО Сиб',
            balloonContent: 'ул. Лапина, д. 8, оф. 15'
        });
        myMap.geoObjects.add(myPlacemark);
        myPlacemark.balloon.open();
	    };
	    document.getElementById('abakan').onclick = function () {
        // Для уничтожения используется метод destroy.
        myMap.setCenter([53.733745, 91.437465], 15, {
        		searchControlProvider: 'yandex#search'
	        });
        myPlacemark = new ymaps.Placemark(myMap.getCenter(), {
            hintContent: 'ООО Сиб',
            balloonContent: 'ул. Крылова, д. 47а, оф. 607'
        });
        myMap.geoObjects.add(myPlacemark);
        myPlacemark.balloon.open();
	    };
	    document.getElementById('vladivostok').onclick = function () {
        // Для уничтожения используется метод destroy.
        myMap.setCenter([43.116687, 131.878954], 15, {
        		searchControlProvider: 'yandex#search'
	        });
        myPlacemark = new ymaps.Placemark(myMap.getCenter(), {
            hintContent: 'ООО Сиб',
            balloonContent: 'ул. Тигровая, д. 29, оф. 11'
        });
        myMap.geoObjects.add(myPlacemark);
        myPlacemark.balloon.open();
	    };
	    document.getElementById('novosibirsk').onclick = function () {
        // Для уничтожения используется метод destroy.
        myMap.setCenter([55.010906, 82.944415], 14, {
        		searchControlProvider: 'yandex#search'
	        });
        myPlacemark = new ymaps.Placemark(myMap.getCenter(), {
            hintContent: 'ООО Сиб',
            balloonContent: 'Ул.Бориса Богаткова 24/1'
        });
        myMap.geoObjects.add(myPlacemark);
        myPlacemark.balloon.open();
	    };
    myMap.geoObjects.add(myPlacemark);
    myPlacemark.balloon.open();
});