Question: I have a css media query but it seems to be mixed up and I'm not sure why. It's making the desktop version look like what I want the mobile version to be, and the mobile version looks like what I want the desktop to be. Here is the css page in question:

```css
@media (min-width: 500px;) {
    body{background-image:url(ollivanderbackground.jpg);color:#FFFF66;}
    .navigation{color:#FFFF99; border:dotted medium #FFFF99; width: 35%;}
    a:hover{color: #FFFFCC;} 
    a:visited{color: #FFFF1A;}  
} 
@media (max-width: 499px;) {
    .navigation{width: 100%;}
    .bio{display: none;}    
}   

```

in the HTML for the page I have this within the head tags:

```
<'meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0"'>

```

What exactly am I doing wrong?

Answer: 
If your data size is not very large, you can use this work around:

```
l.apply(pd.Series).stack().value_counts()

#2.0     2
#1.0     2
#10.0    1
#4.0     1
#3.0     1
#dtype: int64

```

Or another option with `chain`:

```
from itertools import chain
pd.Series(list(chain.from_iterable(i if isinstance(i, list) else [i] for i in l))).value_counts()

#2     2
#1     2
#10    1
#4     1
#3     1
#dtype: int64

```

And also can use `Counter` from `collections`:

```
from itertools import chain
from collections import Counter
pd.Series(Counter(chain.from_iterable(i if isinstance(i, list) else [i] for i in l)))

#2     2
#1     2
#10    1
#4     1
#3     1
#dtype: int64

```
Here is yet another solution, which uses [np.hstack()](https://docs.scipy.org/doc/numpy/reference/generated/numpy.hstack.html) and `pd.value_counts()` methods:

```
In [24]: pd.value_counts(np.hstack(l.values))
Out[24]:
2     2
1     2
10    1
4     1
3     1
dtype: int64

```