screen resolution is not the same as the view port size.
one issue i see in your media css, is that you have a section to define some elements for certain screen sizes on top, then there are other section to define other elements for those sizes bellow.
the media queries need to go top to bottom, from biggest to smallest.
the media queries for the bigger screen sizes after the 360 media query will be ignored.