Bootstrap Container Breakpoint Modifications

Currently I have .container with padding-right: 15%; padding-left: 15%; but the problem is that when I minimize the screen the padding remains and soon the items listed are too small.

I would like the grid display to be full width on devices < 768.

I can provide full details, along with path to CSS, login credentials and any other questions you may have.