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)