Как центрировать элемент div на мобильных устройствах с помощью медиа-запросов CSS ⇐ CSS

[Anonymous]

Мне нужно центрировать элемент div для мобильных устройств. Это мой сайт: http://transporttest.cba.pl/
На мобильных устройствах div описания перемещается влево. Я пытаюсь использовать медиа-запросы, но это не работает. Что я делаю не так? На ПК все ок. Это фрагмент моего кода:

HTML:



♦ Od 1991 roku w branży.

♦ 9 zestawów (ciągnik+ naczepa firanka, colimulde).

♦ Uprawnienia ADR u każdego kierowcy.

♦ Warsztat obsługujący auta ciężarowe.



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;
}

}


Подробнее здесь: https://stackoverflow.com/questions/465 ... ia-queries