Can you help me with a snippet of code for the mobile view of the dialog boxes for terms and the warning to delete coments?  I tried a few things in custom css field of my template but it does not work for this. 

When these dialog boxes pop up they fully cover the phone screen and interfere with my chat bot thing in the right corner.  I have to flip my phone horizontal to see and press the button.

for example:

@media (max-width: 767px) {
  .jcm-dialog.terms.wide {
    width: 300px !important;
    max-height: 400px !important;
}


thanks for the previous help