I neglected to check this footer issue with the correct zoom on the post above.
I later discovered that using the same @media breakpoint numbers respectively works better than having the 1px difference between breakpoints when using 125% zoom though at 100% they do both appear to behave identically.
However its still an issue at 768px 769px wide when using 125% zoom. Despite my other breakpoints working best when min and max use the same number respectively however when it come to the themed mobile breakpoint I have to use the 1px difference method at 125% or widget content is thrown out both horizontally and vertically.
I assume this must be a grid type issue. I will create a few screen shots or maybe screencasts on this shortly.
Thought I would post this so you know in the mean time.