css - 特定のポイントを下回るcss max-widthメディアクエリを無視するSafari

Question

レスポンシブ サイトの最適化に取り組んでいますが、Safari (デスクトップとモバイルの両方) は特定のポイント以下のメディア クエリを完全に無視しているようです。次のようなコードがあります。

@media screen and (max-width: 767px){
    /* Safari responds to css here */
}
@media screen and (max-width: 640px){
    /* css here is ignored by Safari */
}

Firefox と Chrome はどちらも適切に応答します。何が起こっているのかについて何か考えがある人はいますか？

ここでサイトを見ることができます: http://kgillingham.webfactional.com . サイトが 640px 未満になると、スライダーのヘッダー フォントがより小さなサイズになるはずです。

edit : サイズが 640px 未満の場合、javascript を使用してクラスを追加するようにサイトが更新されました。そのクラスは常に小さいフォント サイズを使用します。これは、現在は期待どおりに機能することを意味しますが、JavaScript よりも CSS メディア クエリを使用したいので、引き続き解決策を見たいと考えています。