Changing css media query breakpoints

I tried searching to see if anyone else had this question or issue, as well as through the documentation, and I can’t quite find what I am looking for.

Basically I am using Bootstrap 4 for my site, and the media query breakpoints do not match up, so my form looks different within the same “medium” media query available to me, as the breakpoint is different.

Is there a way to change the defaults, without having to re-do a lot of CSS? Otherwise, I know I can edit the files within the plugin, however would have to change them everytime the plugin gets updated.

How about if you disabled the Gravity Forms CSS altogether (setting for Output CSS on the Forms > Settings page)? That way, your own CSS can take over completely. You may need to add some additional CSS to cover anything that is un-styled.