Need code to fix checkbox alignment on a form

Site URL: https://waterlilywellness.com/intake-form-test

Hello! I'm trying to fix the checkbox alignment on the form here. I used code to get the boxes to align horizontally but it's not responsive, so they get wonky on a tablet and phone screen.

Here's the code I have now:

}
.form-wrapper .field-list .field .option {width: 15%;float: left;text-align: left;margin-bottom: 10px;}

Appreciate any help on this!

You can change it to this to disable code on mobile/tablet

@media screen and (min-width:992px) {
.form-wrapper .field-list .field .option {width: 15%;float: left;text-align: left;margin-bottom: 10px;}
}

That worked beautifully. Thank you so much!