媒体查询的中心对齐问题

Question

我遇到了媒体查询的对齐问题。当我将屏幕调整到800px以下的任何值时，我的导航栏浮动到左边我为#wrapper设置了固定的并设置了margin: 0 auto;

我在style.css中使用了以下属性

#wrapper{
    max-width: 1600px;
    min-width: 320px;
    width: 100%;
    margin: 0 auto;
}

在我的媒体查询样式表中，我使用了以下内容：

#wrapper{
    max-width: 800px;
    width: 100%;

}

有谁知道造成这个问题的原因是什么？ click here