I don’t see your viewport meta in the head.
Know you can put your media queries inside your main style sheet.
Also, some have added the
<meta http-equiv="X-UA-Compatible" content="IE=edge">
to their pages.
I set my max-width at 990 for my media queries to combine tablets and smaller into one query.
Chris posted this about media queries, maybe experiment with changing the media query sizes. https://css-tricks.com/snippets/css/media-queries-for-standard-devices/