Вообщем проблема была в 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, он по сути ничем не помог, но заставил более глубинно взглянуть на свой вопрос, в связи с чем и был найден логичный ответ.