Overwriting forced wordpress CSS styles [closed]

Some of these plugins and frameworks allow you to disable the default styles which then allows you to copy theirs and then alter it for your theme. But let us say that isn’t going to be possible. Then you need to have a higher CSS selector precedent than their CSS. The easiest way to copy their selector and then make sure your CSS is included after theirs.

@media only screen and (max-width: 500px)
  .gform_wrapper .ginput_complex input[type=text], .gform_wrapper .ginput_complex input[type=url], .gform_wrapper .ginput_complex input[type=email],       .gform_wrapper .ginput_complex input[type=tel], .gform_wrapper .ginput_complex input[type=number], .gform_wrapper .ginput_complex input[type=password],       .gform_wrapper .ginput_complex select,
  .gform_wrapper .ginput_complex .ginput_right input[type=text], .gform_wrapper .ginput_complex .ginput_right input[type=url], .gform_wrapper .ginput_complex .ginput_right input[type=email], .gform_wrapper .ginput_complex .ginput_right input[type=tel], .gform_wrapper .ginput_complex .ginput_right input[type=number], .gform_wrapper .ginput_complex .ginput_right input[type=password], .gform_wrapper .ginput_complex .ginput_right select
  {
    width: 100%!important;
  }
}