@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;
    }
}