@media safari, как решить?

Вы плохо поняли. @media-query поддерживает Safari. Но вы скорее всего не знали, как и Romeo_viruS , что Safari для Windows уже давно не поддерживается.

Егор Федосенко: вовсе нет. еще раз читаем, что я написал - с помощью php определяем браузер и выставляем необходимый класс. Это просто альтернативный путь определения safari =)

Romeo_viruS: т.е. ваша фраза "А с сафари вообще беда. Даже ослик на него смотрит как на сами знаете что." совершенно не относится к теме в таком случае? Можете объяснить "беду" с Сафари? Зачем вообще подключать совершенно ненужные библиотеки в данном случае? Не хотелось бы как-то показаться грубым, но вы часом не из того числа людей, которые ради одного селектора подключают jQuery?

Егор Федосенко: даже если из них, что дальше? Последняя беда с сафари с которой я столкнулся - его восприятие flex модели.

Romeo_viruS: если вы из них - то дальше разговор просто с вами бесполезен :)
То, что вы столкнулись в Сафари с flex, означает, что скорее всего вы не использовали префикс -webkit-

Егор Федосенко: серьезно? что прям префиксы можно использовать? к сожалению, на данный момент нет порождения джобса под рукой чтобы сделать песочницу для примера. Мы наверно бедного ТСа завалили уведомлениями, которые ему не помогут

тестил на маке, тоже самое

через em работает, через px не хочет, может нужно параметр по другому задать?