I've got a page on my site with product categories that are set to be in four columns. When I view this page on a mobile device it only shows one column of products and there's a large gap on the right side.  I would think it would show two columns of products and space them out.  I've tried to change the row type, increase or change the padding and can't figure out why it's adjusting this way.  Any help you can give would be great.  

Thanks.