Media Query responding at a different pixel mark than designated

Question

I have a media query for a navbar element set at 767px, but the changes are triggered at 575-576px.

Please advise on why this happens and how to remedy.
I am using