@media only all and (max-width: 639px){ body { font-size: 0.9rem; } #qg-primary-content { font-size: 0.8rem; } #navDiv { position: fixed; top: -2000px; } .mobileHide { display: none; } .mobileShow { display: block; } .confirmDialogContent { font-size: 0.9em; max-width: 450px; } } @media only all and (max-width: 460px){ .confirmDialogContent { font-size: 0.9em; max-width: 360px; } .confirmDialogContent button.ui-button { padding: 1em 0.5em; } } @media only all and (max-width: 370px){ .confirmDialogContent { font-size: 0.8em; max-width: 100%x; } .confirmDialogContent button.ui-button { padding: 1em 0.5em; } } @media only all and (max-width: 310px){ .confirmDialogContent { font-size: 0.7em; max-width: 100%; } .confirmDialogContent button.ui-button { padding: 1em 0.5em; } }