Problema con Media Queries

Hice una página web y estoy usando dreamweaver CS6, encontre la manera de adaptar la resolución y la organización de lo contenidos a traves de los Media Queries en dreamweaver, el problema es que no me quedan, cuando previsualizo la página en el Multiscreen Preview del editor, todo permanece exactamente igual. Esto es lo que contiene mi archivo de css para que apliquen los cambios.

Código CSS :

01
/* Smartphones (portrait and landscape) ----------- */
02
@media only screen
03
and (min-device-width : 320px)
04
and (max-device-width : 480px) {
05
/* Styles */
06
}
07
 
08
/* Smartphones (landscape) ----------- */
09
@media only screen
10
and (min-width : 321px) {
11
/* Styles */
12
}
13
 
14
/* Smartphones (portrait) ----------- */
15
@media only screen
16
and (max-width : 320px) {
17
/* Styles */
18
}
19
 
20
/* iPads (portrait and landscape) ----------- */
21
@media only screen
22
and (min-device-width : 768px)
23
and (max-device-width : 1024px) {
24
/* Styles */
25
}
26
 
27
/* iPads (landscape) ----------- */
28
@media only screen
29
and (min-device-width : 768px)
30
and (max-device-width : 1024px)
31
and (orientation : landscape) {
32
/* Styles */
33
}
34
 
35
/* iPads (portrait) ----------- */
36
@media only screen
37
and (min-device-width : 768px)
38
and (max-device-width : 1024px)
39
and (orientation : portrait) {
40
/* Styles */
41
}
42
 
43
/* Desktops and laptops ----------- */
44
@media only screen
45
and (min-width : 1224px) {
46
/* Styles */
47
}
48
 
49
/* Large screens ----------- */
50
@media only screen
51
and (min-width : 1824px) {
52
/* Styles */
53
}
54
 
55
/* iPhone 4 ----------- */
56
@media
57
only screen and (-webkit-min-device-pixel-ratio : 1.5),
58
only screen and (min-device-pixel-ratio : 1.5) {
59
/* Styles */
60
}

Gracias por su apoyo.

Y que esperas que hiciera? magia??
Donde dice /* Styles */ tenes que poner tus estilos específicos para cada resolución.
Saludos!

Perdona mi ignorancia pero es que no entendi:

A ver, dónde dice styles cómo carajos pongo mi estilo específico.

ayúdame con esta parte porfavor.

Saludos.

Por ejemplo:
Si en tu hoja de estilos general tenes un div con la clase pepito y esa clase tiene un ancho de 900px y un color negro, tu css seria así

Código CSS :

.pepito{
width: 900px;
color: #000;
}

Ahora suponiendo que querés que cambie para resolución inferior a 600px de ancho y tenga el color rojo y un ancho de 400px pones lo siguiente:

Código CSS :

@media screen and (max-width: 600px){
.pepito{
width: 400px;
color: #ff0000;
}
}

Saludos!

Muchas gracias, funcionó de maravilla. Ese es el problema cuando recién aprendes algo de css. Saludos.