1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

            
            /* file.css */

/* Smartphones (portrait and landscape) */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .nawi_class{}
}
 
/* iPads (portrait and landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .nawi_class{}
}
 
/* iPhone 5 (portrait and landscape) */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
    .nawi_class{}
}

/* Desktops and laptops */
@media only screen and (min-width : 1224px) {
    .nawi_class{}
}
 
/* Large screens  */
@media only screen and (min-width : 1824px) {
    .nawi_class{}
}
        

            

                
1

            
            <link rel="stylesheet" type="text/css" href="file.css">