css - レスポンシブ CSS iPhone など

Question

こんにちは、なんらかの理由でレスポンシブ CSS が機能していません。何を変更すればよいか、何をすればよいかわかりませんが、iPhone にサイトをロードしてズームアウトすると、サイトは約 3/4 しか使用しません。ページ、理由はわかりませんが、これが私の CSS のコードです。

@media (max-width:767px) {
.navbar-custom .nav.navbar-nav {
background-color: rgba(255,255,255,.4);
}

.navbar.navbar-custom.navbar-fixed-top {
    margin-bottom: 30px;
}

.tp-banner-container {
    padding-top:40px;
}

.page-scroll a.btn-circle {
    width: 40px;
    height: 40px;
    margin-top: 10px;
    padding: 7px 0;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 20px;
}   
}

テストするiPhoneの幅であるため、最大幅を767に設定しましたが、何を変更しても何も起こりません。