This css is best if you specify for a larger screen size only. Smaller screen sizes will cause a problem in the display if you have the side column or in other screen sizes.
To fix the display issues, you can specify only if the screen size is the largest wrapping the css with 4 columns with ;
Code:
@media only screen and (min-width: 1200px) {
}