css responsive non funziona

Ho questo css, la colonna laterale (sidebar) si deve allargare max 625px e riempire tutto lo schermo di 625, se però riduco lo schermo appare la barra orizzontale, in pratica la sidebar non si restringe automaticamente fino a 321px. Ho provato con max-width ma non funziona.

Codice PHP:

---

@media only screen and (min-width: 321px) and (max-width: 625px) {
#sidebar {
position: relative;
width:625px;
margin: 0 auto;
z-index:4;
}}


---

RISOLTO!

Codice PHP:

---

@media only screen and (max-width: 625px) {
#sidebar {
width: 100%;
}}


---