Viewport de bootstrap

[linux22]

Hola tengo una duda a la hora de modificar mi css para diferentes devices.. la duda es que
tengo un main.css que controla toda la web pero una ves que cambio la resolucion se me desarma todo el diseño.

en bootstrap.css veo que estan los viewport

@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
.box { margin-left:30px;

}

es ahi donde tengo que poner el css para que encaje en cada tamaño? es decir tengo que modificar cada @media (min-width)

[linux22]

Nose si me entendieron, pero voy a tratar de expresarme un poco mejor.

Estoy por ahora diseñando la web para laptops y monitores grandes, mas de 1200px;



Ahora cuando pongo columnas col-md-3 sigue ese margin-left que le puse al main css.
tendre que ponerle el margin-left en los viewport de cada tamaño?

Espero que se entienda mejor!
Saludos