@media screen and (max-width: 1280px) {
    #pagewrap {width: 98%; }
}

@media screen and (max-width: 800px) {
    #content-div {width: 100%; float: none; }
    #sidebar-div {width: 100%; margin: 0; float: none; }
    
    #sidebar-div .item {
        float: left;
        max-width: 300px;
        margin: 10px 10px 20px 0;
    }
}

@media screen and (max-width: 640px) {
    .show-gt640 {display: none; }
    .show-lt640 {display: inline; }

    #header-nav a,  #header-nav .selected {min-width: 90px; }

    #footer-div .box {width: 100%; }

    .tab-res1 {border: 0; width: 100%; }
    .tab-res1 thead {display: none; }
    .tab-res1 tr {
        margin-bottom: 15px; 
        display: block; 
        border: 0; 
        border-bottom: 1px solid #ddd; }
    .tab-res1 td {
      display: block;
      text-align: right;
      border: 0;
      border-bottom: 1px dotted #ccc;
      padding: 5px 0 5px 0;
    }
    .tab-res1 td:last-child {border-bottom: 0; }
    .tab-res1 td:first-child {float:none; text-align:center; font-weight: bold; }
    .tab-res1 td:before {content: attr(data-label)":"; float: left; text-align: left; }
    .tab-res1 td:first-child:before {content: ""; }
}

@media screen and (max-width: 540px) {
    .show-gt540 {display: none;}
    .show-lt540 {display: inline;}
}

@media screen and (max-width: 480px) {
    body {font-size: 0.9em; }
    html {-webkit-text-size-adjust: none; }
    
    .show-gt480 {display: none; }
    .show-lt480 {display: inline; }
}