Can we remove default @media rules?

I've noticed forms by default have the following @media screen stylings in CSS.

@media screen and (max-width: 689px)

@media screen and (max-width: 689px) and (min-width: 480px)

@media screen and (max-width: 767px) and (min-width: 480px)

This adds additional padding that isn't required. How do I remove these default @media stylings? I've tried adding my own with !important to override these, but nothing seems to work.

Any assistance you can provide would be greatly appreciated. Thanks.

Those @media rules are a part of our standard theme, so they cannot be removed. You may try to add the next CSS in order to remove mentioned paddings.

@media screen and (min-width: 1024px) {
.jotform-form {
padding: 0;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
.jotform-form {
padding: 0;
}
}
@media screen and (max-width: 768px) and (min-width: 480px) {
.jotform-form {
padding: 0;
}
}

If you need any further assistance, please let us know.