CSSメディアクエリーでモバイルデバイスのdiv要素の中心を合わせる方法

Question

divの要素をモバイルデバイスに集中させる必要があります。これは私のウェブサイトです：http://transporttest.cba.pl/ モバイルデバイスでは、divは左に移動します。メディアクエリを使用しようとしましたが、動作しませんでした。私は間違っているの？ PC上ではすべて問題ありません。

HTML: 
    <div id="opis"> 
     <h2> 
     <p style="line-height: 3cm; "> 
     &#9830; Od 1991 roku w branży. <br/> 
     &#9830; 9 zestawów (ciągnik+ naczepa firanka, colimulde). <br/> 
     &#9830; Uprawnienia ADR u każdego kierowcy.<br/> 
     &#9830; Warsztat obsługujący auta ciężarowe.<br/> 
     </p> 
    </div> 

CSS：メディアクエリが動作するように

#opis 
{ 
    font-size: 25px; 
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
    background-color: #F2F3F7; 
    height: auto; 
    width:72%; 
    display:inline-block; 
    text-align:center; 
} 
#container 
{ 
    text-align: center; 
    width:100%; 
} 

@media all and (max-width: 768px) { 
    #container{ 
     wiidth:100%; 
    } 
    #opis,#opis_onas,#opis_dok,#opis_praca,#oskup,#opis_warsztat,#okredyt 
    { 
     left:25%; 
     top:25%; 
     position:absolute; 
     width:50%; 
     text-align:center; 
    } 
    #menudol{ 
     text-align:center; 
     display: block; 
    margin: 0 auto; 
    } 
} 

@media all and (max-width:640px){ 
    #container{ 
     wiidth:100%; 
    } 
    #opis,#opis_onas,#opis_dok,#opis_praca,#oskup,#opis_warsztat,#okredyt 
    { 
     width:72%; 
     height:auto; 
     display:inline-block; 
     text-align:center; 
    margin: 0 auto; 
    } 
    #menudol{ 
     text-align:center; 
     display: block; 
    margin: 0 auto; 
    } 

} 

Answer 1

について、あなたは含める必要があります。タグの間に

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

これは私のコードの断片です。

https://www.w3schools.com/css/css_rwd_viewport.asp

Answer 2

誰かが既にコメントとして、あなたは「wiidth」への「幅」を修正することを確認し、あなたが追加し、あなたが中心にしたいdiv要素に幅を設定してみてくださいとができます

margin-left:auto; 
margin-right:auto; 

それをページの中央に配置します。