Так?

ну допустим

а где второй слайдер?

и покажи как вывелось

Верхний исчезает, меняю класс показывает 3*row

так, ну так шоб не пощупать не увижу

поменяй одному из них класс, а в скрипте напиши .slider, .slider2

так а средствапми разработчкика ты смотрел? оно дало display: none или это может у тебя со стилями что-то?

Вобщем вьюпорты я проставил.
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
Но они с моей проблемой особо не помогли. Всеравно @media (min-height: 450px) считает не устройства а браузера. Может он так и должен работать.
Прописал (min-device-height: 450px) Помогло.
Насколько вообще  min-device-height юзабелен? раньше просто не встречал его.

а ну так подожди

оно действительно сяитает ширину именно окна браузера

а как ты сузил браузер на планшете?

попробуй @media screen and (min-height: 450px)

Всё отлично, спасибо заработало

так а что было?

Там display:none; появлялся, через инспектора нашел где и исправил

Нет, размер браузера на планшете я не менял.
Пробовал "screen" и  "only screen" - не помогло.
А вот "min-device-height" сработал.

я делал так и оно работало:

   @media (max-width: 480px) {
       ... //phone
   }
   @media (min-width: 481px) and (max-width: 960px) {
       ... //tablet
   }
   @media (min-width: 961px) {
       ... //desktop
   }