[My website](http://bitcoinadd.net) looks strange on my Nexus 5 (see image below). Although I cannot test it, I guess this is the same for other mobile phones.
I guess this is because of the @media queries. However, if I try this on a normal pc with different screen widths, it looks like it should be.

Two questions:

* how can I fix this?
* Is there a way I can test this behavior on my pc, so I can use firebug to see the css?

This is how the @media queries look like in my css file:

```
@media (min-width: 600px) {
  .col-lg-3 {
    width: 50%;
    float: left;
  }
}

@media (min-width: 900px) {
  .col-lg-3 {
    width: 33.33%;
    float: left;
  }
}

@media (min-width: 1000px) {
  .col-lg-3 {
    width: 25%;
    float: left;
  }
}

@media (min-width: 1000px) {
  .container {
    max-width: 980px;
  }
}

```

The .container is the white box with the shadow, and the .col-lg-3 are the product boxes (4 in a row on a normal screen).
The .container should fill the screen on small screens, and be 980px wide on a big screen. However, it looks much smaller, and it looks like the .col-lg-3 has a width of 100%

![enter image description here](https://i.stack.imgur.com/z6WVs.png)