Problemas con tamaños de pantalla responsive

[shikamarucb]

Hola a todos estoy tratando de hacer una web responsive pero tengo problemas con los mediaqueries de los css y jquery, al tratar de conseguir el tamaño de la pantalla de esta formadocument.body.clientWidth; o de esta forma $(window).width(), lo que hace es obtener el tamaño del body, aunque no se porque el html y el body salen con menos tamaño que los que detectan los mediaqueries, se supone que deberian tener el mismo ancho de pantalla; por ejemplo el problema ocurre en el mismo punto cuando el body tiene 465px la pantalla alcanza 481px; ahi es cuando se combinan los 2 menus de navegacion, el default y el de moviles



esto son los codigos html y css, dentro del archivo html esta el codigo jquery:

https://mega.nz/#!MJ4QUKKI!JJVbv8Ybo...-TY4SWMHP2EJtw