/************************** --> 1600px *******************/

@media all and (max-width: 1600px)  {

body {
    font-size: 14px;
}

}



/************************** --> 1200px *******************/

@media all and (max-width: 1200px)  {

body {
    font-size: 1.25vw;
}

}


/************************** --> 1024px *******************/

@media all and (max-width: 1024px)  {

body {
    font-size: 1.5vw;
}

.mh1 {
    display: none;
}


}


/************************** 600px -> 800px *******************/

@media all and (max-width: 800px)  {

body {
    font-size: 1.8vw;
}

.doc_editor_frame {
    width:100%!important;
    display:block!important;
    height:inherit!important;
}

.pdf_preview_frame {
    width:100%!important;
    display:block!important;
}

}


/************************** 480px -> 600px *******************/

@media all and (max-width: 600px)  {
body {
    font-size: 2.2vw;
}

div.login_form {
    font-size:200%;
}

div#side_nav {
    width:100%;
    float:left;
    margin-left:0;
    min-height:0;    
}

div#side_nav ul {
    padding-left:0;
    margin:0;
}

div#side_nav li {
    margin-left:1.5em;
    float:left;
}

div.table_div {
    width:100%;
}

.action_buttons {
    display:block;
    padding-top:0.5em;
    float:none;
}

.state_wrap {
    padding-top:0.2em;
}

.mh,.mh1 {
    display: none;
}

.mw {
    width:90%!important;
}

.input-label {
    overflow:hidden;
}

.div_ui_column15 {
    width:30%;
}

.div_ui_column20, .div_ui_column20_no_pad {
    width:40%;
}

.div_ui_column25 {
    width:50%;
}

.div_ui_column50 {
    width:100%;    
}

.div_ui_container50 {
    width:100%;
}

.oh_warn_table {
    width:100%!important;
}


}

/************************** Mobile *******************/
@media all and (max-width: 480px)  {

body {
    font-size: 2.5vw;
}

}


@media all and (max-width: 320px)  {

body {
    font-size: 3.0vw;
}

}