Adjusting padding above & below columns in mobile viewport

I have a row with 3 coluns here: http://patiohelp.com/vinyl-strap-replacement/

In desktop view, the padding top & bottom is OK. When I narrow the viewport so the columns stack, there is not enough white space between the bottom of the first “column” and the top of the next.

How can I adjust this so it displays better when the row narrows to a single column?

Hello there,

Please try adding this CSS code to Appearance > Customize > Additional CSS from your site dashboard.


@media only screen and (max-width:767px) {
  
  #pg-13-1 .panel-grid-cell {
    padding-bottom: 40px !important;
  }
  
}

Regards,
Kharis