css media queries laptop

1@media (max-width: 767px)   {
2
3      .container{width:100%} *{color:green;}-Mobile
4
5    }
6
7
8    @media (min-width: 768px)  {
9
10     .container{width:100%} *{color:pink  } -Desktop
11
12    }
13    @media (min-width: 768px) and (orientation:portrait)  {
14
15       .container{width:100%} *{color:yellow  } -Mobile
16
17    }
18    @media (min-width: 1024px)  {
19
20       .container{width:100%} *{color:pink  } -Desktop
21
22    }
23    @media (min-width: 1200px)  {
24
25    .container{width:1180px} *{color:pink   } -Desktop
26
27    }
28