Fix crossing media queries for visibility utilities

visible-xs and hidden-xs media query changed from (max-width: @screen-tablet) to (max-width: @screen-phone-max).
-xs media query intersects with the -sm media query before.