.rows{ display: block; clear: both; margin-left: -15px; margin-right: -15px; } .rows:before, .rows:after{ content: ""; display: block; clear: both; } .cols{ display: inline-block; vertical-align: top; padding-left: 15px; padding-right: 15px; } .cols-3{ width: 24.5%; margin-bottom: 20px; } @media(max-width: 991px){ .cols-3{ width: 49.5%; } body p{ line-height: 1.4; } } @media(max-width: 767px){ .cols-3{ width: 100%; text-align: center; } }