/*
  Overrides to facilitate improved display on mobile devices
*/

.clearfix {
    display: block !important;
}
.clearfix:after {
    clear:both;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}
.Sub-Header {
    font-size: 15px;
}

a.Sub-Header {
    text-decoration: none;
}

#header .head-search #search-form {
    margin-left: 0;
    margin-right: 0;
}
#header .head-search {
    left: auto;
}

#content p,
#content li,
#content dt,
#content dd,
#content th,
#content td,
.page-intro p {
    font-size: 14px !important;
    line-height: 1.4 !important;
}

#content .wide-table {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 15px;
}

#content .wide-table td,
#content .wide-table th,
#content .wide-table p {
    font-size: 11px !important;
}

#disc_dec .addthis_button,
#electronic-kit .addthis_button {
    display: none;
}

#navigation>#expando {
    display: none;
}
ul#slidernav {
    display: none;
}

ul.unstyled,
ol.unstyled {
    list-style-type: none !important;
    list-style-image: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

#nest2-top .info-module a {
    font-size: 13px;
    line-height: 1.4;
}

#nest2-top .promo-bucket li,
#nest2-top .promo-bucket a,
#nest2-top #promo-one p {
    font-size: 13px;
    line-height: 1.4;
}

/* for bio photos */
.info-module #promo-one img {
    max-width: 100%;
    height: auto;
}

/* social responsibility, semi-postal stamp images */
#nest2-top .info-module .semipostal-image {
    float: left;
}

/* mail security table */
.mail-security-table td {
    padding: 5px;
}

/* area mail processing page */
.amp-intro {
    float: left;
    width: 300px;
}

.amp-recent-changes {
    float: right;
    width: 328px;
    margin-left: 20px;
    margin-bottom: 10px;
}

.amp-recent-changes .recentDocs {
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
    background-image: none;
    padding-bottom: 0;
    border-bottom: 5px solid #6a88a2;
    border-radius: 0 0 4px 4px;
}

.amp-recent-changes .recentDocs td {
    font-size: 11px;
}

#content .amp-recent-changes .wide-table,
#content .priceTable1 .wide-table {
    padding-bottom: 0;
}

/* election mail */

.election-mail-logo {
    float: left;
    width: 32%;
    text-align: center;
}

.election-mail-guidelines-links {
    float: right;
    width: 250px;
    margin-left: 25px;
    margin-bottom: 10px;
}

/*##############################################
  # media queries
  ##############################################*/

@media (max-width: 1000px) {
    body {
        width: 100%;
        min-width: 400px;
        min-height: auto;
    }
    .Sub-Header {
        font-size: 14px;
    }
    #content p,
    #content li,
    #content dt,
    #content dd,
    #nest2-top p {
        font-size: 13px;
        line-height: 1.4;
    }
    #content img {
        max-width: 100%;
        height: auto;
    }
    body #header {
        margin-left: 5px;
    }
    #header a {
        top: 0;
    }
    #header .head-search {
        left: auto;
        right: 3px;
    }
    #header .head-search #search-form {
        margin-left: 0;
        margin-right: 0;
        width: 150px;
    }
    #search-form input#search-text {
        width: 115px
    }
    #header .page-section,
    #page .page-section,
    #footer .page-section {
        width: 100%;
        height: auto;
    }
    #page #navigation-container {
        margin-left: 0;
    }
    body #ls-row-2,
    body #my_row_1 {
        min-height: auto !important;
        background-image: none;
        width: 100%;
        overflow: hidden;
    }
    #ls-row-2-area-1 {
        width: 22%;
    }
    #ls-row-2-area-1 #ls-gen4-ls-area-body {
        width: 100%;
    }
    .has1col #ls-row-2-area-1 {
        width: 100%;
    }
    .has1col #ls-row-2-area-1 #ls-gen4-ls-area-body {
        padding: 0 10px;
        box-sizing: border-box;
    }
    #ls-row-2-area-2.ls-area,
    body #ls-row-2-col-2,
    #nest-col-2 {
        width: 75%;
        margin-top: 0;
    }
    .has3cols #ls-row-2-area-2.ls-area,
    .has3cols #nest-col-2 {
        width: 50%;
    }
    #ls-row-2-area-2 .page-intro-header,
    #ls-row-2-area-2 .page-intro-header .page-intro {
        width: 100%;
    }
    #ls-row-2-area-2 .phxMainContentTitle h1,
    #ls-row-2-col-2 .phxMainContentTitle h1,
    #ls-row-2-col-2 .phxMainContentTitle h3 {
        width: 100% !important;
    }
    #ls-row-2-area-2 hr#gray-hr-line {
        width: 100%;
    }
    #ls-row-2-area-2 #rss-news {
        margin-right: 0;
    }
    #ls-row-2-area-2 #recent-documents table,
    #ls-row-2-area-2 #search-results table {
        width: 100%;
        font-size: 12px;
    }
    #ls-row-2-area-2 #recent-documents .file-type,
    #ls-row-2-area-2 #recent-documents .file-type {
        width: 25%;
    }
    #ls-gen5-ls-area-body.ls-area-body,
    #ls-gen5-ls-col-body.ls-col-body {
        width: 100%;
    }
    #ls-gen6-ls-fxr,
    #ls-gen8-ls-fxr,
    #nest-col-2,
    #ls-gen9-ls-col-body,
    #ls-gen10-ls-fxr,
    #nest1-top,
    #nest1-bottom,
    #nest-col-2 #content {
        width: 100%;
    }
    .has3cols #nest-col-2 {
        width: 70%;
    }
    #nest-col-2 #content img {
        max-width: 100%;
        height: auto;
    }
    .has3cols #nest2-top {
        width: 29%;
        margin-top: 0 !important;
    }
    #content .history-table {
        width: 100%;
    }
    #content .history-table td:nth-child(1) {
        width: 40%;
    }
    #content .history-table td:nth-child(2) {
        width: 25%;
    }
    #content .history-table td:nth-child(3) {
        width: 30%;
    }
    body #ls-row-2-area-3,
    body #nest2-top {
        width: 23%;
    }
    #ls-row-2-area-3 #ls-gen6-ls-area-body,
    #nest2-top #ls-gen12-ls-area-body {
        width: 100%;
    }
    #ls-row-2-area-3 .info-module,
    #ls-row-2-area-3 .promo-bucket,
    #nest2-top .info-module,
    #nest2-top .promo-bucket {
        width: 94%;
        margin-left: 3% !important;
        margin-top: 0;
        background-image: none !important;
        border: 1px solid #e2e2e2;
        border-radius: 4px;
    }
    #nest2-top .info-module a {
        font-size: inherit;
    }
    #ls-row-2-area-3 .info-module .promo-bucket-dd-cap,
    #ls-row-2-area-3 .promo-bucket .promo-bucket-dd-cap,
    #nest2-top .info-module .promo-bucket-dd-cap,
    #nest2-top .promo-bucket .promo-bucket-dd-cap {
        display: none;
    }
    #nest2-top .info-module img {
        max-width: 100%;
        height: auto;
        float: none;
        padding: 0 !important;
    }
    #nest2-top #promo-one {
        padding-left: 5px;
    }
    #nest2-top .promo-bucket img.page-type {
        padding: 5px;
        max-width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    #nest2-top .promo-bucket h3 {
        padding: 5px;
    }
    #nest2-top .promo-bucket li {
        padding-left: 5px;
    }
    #nest2-top .promo-bucket li#right {
        margin-right: 5px;
    }
    #nest2-top .promo-bucket #fact-sheets li {
        padding-left: 0;
    }
    #nest2-top .promo-bucket #fact-sheets li.first {
        padding-left: 5px;
    }
    #sub-nav-menu h2,
    #sub-nav-menu h2 a {
        width: 100%;
        box-sizing: border-box;
    }
    #sub-nav-menu h2.selected a {
        background-image: none;
        background-color: #4096d1;
    }
    #sub-nav-menu li {
        height: auto !important;
    }
    #sub-nav-sidebar #sub-nav-menu a.selected {
        background-image: none;
        background-color: #3c8ad2;
    }
    #sub-nav-sidebar #sub-nav-menu a:hover,
    #sub-nav-sidebar #sub-nav-menu a:focus,
    #sub-nav-sidebar #sub-nav-menu a.selected {
        /*background-position: -30px -32px; */
        background-image: none;
        background-color: #4096d1;
        border-radius: 4px;
    }
    #footer li.list {
        width: 23%;
    }
    #footer .page-section ul#footer-links {
        width: 100%;
        padding-left: 10px;
        box-sizing: border-box;
    }
    #footer li.list li {
        padding: 5px 0;
    }
    #footer #footer-copyright {
        padding-left: 10px;
    }
    #ls-row-2 #ls-gen3-ls-fxr,
    #my_row_1 #ls-gen3-ls-fxr {
        width: 100%;
    }
    #colA {
        width: 99%;
    }
    #colB {
        clear:both;
        width: 47%;
    }
    #colC {
        width: 46% !important;
    }
    
    /* sustainability pages */
    #green_main,
    #green_wrapper {width: 100%; padding-left: 0;}
    #green_main #envNav {width: 100%; }
    #green_main #envNav>li {width: 16.66%;}
    #green_main #envNav>li>a {width: 100%; background-position-x: center;}
    #green_container,
    #green_wrapper,
    #green_main { background-image: none; padding-bottom: 0;}
    #green_main #slidebox { width: 60%;}
    #green_main #slidebox+div {float: left !important;margin-left: 1.5%;width: 38% !important;}
    #green_main #colB { width: 100%; background-image: none;}
    #green_main #colB .billboard {width: 100%;}
    #green_main #colC {width: 100% !important; margin-left: 0;}
    #green_main #colC .sidebox,
    #green_main #colC .sidebox .gutter,
    #green_main #colC .sidebox .gutter>div {background-image: none; box-sizing: border-box;}
    #green_main #colC .sidebox {border: 1px solid #006400;border-radius: 4px; width: 100%;}
    #green_main #colC .sidebox .gutter {box-sizing: border-box;}
    #green_main #colC .sidebox .gutter>div, #colC .gutter>div p {width: 100%;}
    #green_main #colC .sidebox .divider {width: 100%; left: 0;}
    #green_main #colC h2 {font-size: 16px;}
    #green_main #colC .gutter div h2 {width: 100%;}
    #green_footer {display: none;}
    #green_main #ideas #streamlining {width: 100%;}
    #green_main #newsstory li {word-wrap: break-word; overflow-wrap: break-word; word-break: break-word;}
    .flashpage #green_main #videobox,
    .flashpage #green_main #videobox object {width: 99.5%; max-width: 600px;}
}

@media (max-width: 900px) {
    #nav_qt_wrapper {
        background-image: none;
        background-color: #0860A2;
    }
    #navigation {
        height: auto;
    }
    #navigation #nav-cap-left,
    #navigation #nav-cap-right {
        display: none;
    }
    
    /* area mail processing page */
    .amp-intro {
        float: none;
        width: 100%;
    }
    
    .unscroller {
        border-left: 1px solid #6a88a2;
    }
    
    .amp-recent-changes {
        float: none;
        width: 100%;
        margin: 0;
    }
    .amp-recent-changes .caption {
        width: 100%;
        background-image: none;
        border-radius: 4px 4px 0 0;
    }
    .amp-recent-changes .wide-table table .firstCell,
    .priceTable1 .wide-table table .firstCell {
        border-left-width: 0;
    }
    
    .priceTable1 {
        width: 100%;
        background-image: none;
        border-bottom: 5px solid #6a88a2;
        border-radius: 0 0 4px 4px;
        padding-bottom: 0;
    }
    .priceTable1 .caption {
        width: 100%;
        background-image: none;
        border-radius: 4px 4px 0 0;
    }
    .priceTable1 .unscroller table {
        width: 100%;
    }

    /* sustainability pages */
    #green_container #epact_numbers {
        width: 100%;
    }
}

@media (max-width: 768px) {
    #header .head-search #search-form {
        width: 200px;
    }
    #search-form input#search-text {
        width: 170px;
    }
    #ls-row-2 #ls-gen3-ls-fxr,
    #my_row_1 #ls-gen3-ls-fxr,
    #my_row_1 #ls-gen8-ls-fxr {
        position: relative;
        left: 0;
        transition: all .5s ease-out;
        width: 100%;
    }
    #ls-row-2 #ls-gen3-ls-fxr.active,
    #my_row_1 #ls-gen3-ls-fxr.active {
        left: 40%;
    }
    #navigation-container {
        width: 50%;
    }
    #navigation-list {
        width: 100%;
    }
    #navigation-list>li {
        display: none;
    }
    #navigation>#expando {
        display: inline-block;
        color: #fff;
        padding: 12px 10px 12px 10px;
    }
    #navigation>#expando a {
        color: #fff;
        visibility: visible !important;
        font-size: 12px;
        padding: 5px 3px;
        text-decoration: none;
        margin: 3px 0;
        background-color: #3c8ad2;
        border-radius: 3px;
    }
    #navigation>#expando a::before {
        content: '';
    }
    #navigation>#expando a::after {
        content: ' >';
    }
    #navigation>#expando.active a::before {
        content: '< ';
    } 
    #navigation>#expando.active a::after {
        content: '';
    }
    #navigation li#nav-careers {
        margin-left: 0;
    }
    #navigation h3 a {
        padding-left: 0;
        padding-right: 20px;
    }
    #navigation li.current h3 a {
        margin-left: 2px;
        padding-left: 0;
    }
    ul#slidernav {
        display: block;
        position: absolute;
        top: 0;
        width: 39%;
        left: -40%;
        margin-left: 1%;
    }
    ul#slidernav li {
        font-size: 12px;
        line-height: 1.25;
        padding: 3px 0;
    }
    ul#slidernav>li {
        border-bottom: 1px solid #888;
        padding-bottom: 3px;
        margin-bottom: 3px;
    }
    ul#slidernav li a {
        text-decoration: none;
        margin-left: 3px;
        padding: 3px 0 3px 3px;
        display: block;
    }
    ul#slidernav>li>a {
        font-weight: bold;
    }
    /*ul#slidernav li li a {
        line-height: 1;
    }*/
    ul#slidernav ul {
        margin-left: 6px;
        padding-left: 6px;
        height: 0;
        overflow: hidden;
    }
    ul#slidernav ul.expanded,
    ul#slidernav ul.selected {
        height: auto;
    }
    ul#slidernav a.selected {
        background-color: #3c8ad2;
        color: #fff;
    }
    #ls-row-2-area-1,
    #ls-row-2-area-1 #ls-gen4-ls-area-body {
        display: none;
    }
    .has1col #ls-row-2-area-1,
    .has1col #ls-row-2-area-1 #ls-gen4-ls-area-body {
        display: block;
    }
    #ls-row-2-area-2.ls-area,
    #ls-gen5-ls-area-body.ls-area-body,
    body #ls-gen5-ls-col-body,
    body #ls-row-2-col-2,
    #ls-row-2-col-2 #nest-col-2 {
        width: 100%;
        margin-left: 0;
        padding-left: 5px;
        padding-right: 5px;
        box-sizing: border-box;
    }
    .has3cols #ls-row-2-area-2.ls-area,
    .has3cols #ls-row-2-col-2 #nest-col-2 {
        width: 70%;
    }
    #ls-gen8-ls-fxr,
    #ls-gen9-ls-col-body,
    #ls-gen10-ls-fxr,
    #nest1-top,
    #disc_dec #content,
    #ls-gen12-ls-area-body,
    #ls-row-2-area-2 .page-intro-header,
    #ls-row-2-area-2 .page-intro {
    	width: 100%;
    }
    body #ls-row-2-area-3,
    body #ls-row-2-col-2 #nest2-top {
        width: 29%;
        margin-top: 0 !important;
    }
    #footer li.list {
        width: 47.5%;
        margin-right: 0;
        padding-right: 5px;
        display: inline-block;
        padding-bottom: 10px;
    }
    #footer .lspace-mid,
    #footer .lspace-last {
        padding: 0;
    }
    #colA,#colB,#colC {
        float: none;
        padding: 0 10px;
        width: 100% !important;
        box-sizing: border-box;
    }
    /* archives */
    #article-pagination-bottom {
        width: 100% !important;
        margin-top: 0;
    }
    
    /* sustainability pages*/
    #green_main #envNav {display: none;}
    #green_main #slidebox {width: 100%;}
    #green_main #slidebox+div {width: 100% !important; margin-top: 15px;}
    #green_main #slidebox>#promocontainer {padding-left: 0;}
}

@media (max-width: 480px) {
    body {
        min-width: 300px;
    }
    #ls-row-2-area-2,
    .has3cols #ls-row-2-area-2.ls-area,
    #ls-row-2-col-2 #nest-col-2,
    .has3cols #ls-row-2-col-2 #nest-col-2,
    #ls-row-2-area-3,
    .has3cols #ls-row-2-area-3,
    body #ls-row-2-col-2 #nest2-top,
    .has3cols #ls-row-2-col-2 #nest2-top,
    #ls-gen12-ls-area-body {
        width: 100%;
        float: none;
        display: block;
    }
    #ls-row-2 #ls-gen3-ls-fxr.active,
    #my_row_1 #ls-gen3-ls-fxr.active {
        left: 60%;
    }
    ul#slidernav {
        width: 59%;
        left: -60%;
    }
    #ls-row-2-area-3 .info-module {
        width: 96%;
        margin-left: 1.5% !important;
    }
    .member.single-entry {
        margin: 0 !important;
        width: 100%;
    }
    .members .two-column {
        width: 100%;
    }
    /* archives */
    #featured-document.call-out {
        width: 100%;
    }
    #news-toolbar-bottom {
        width: 80%;
        height: auto !important;
        padding-bottom: 10px !important;
    }
    #recent-documents .list-table {
        width: 100%;
    }
    #recent-documents .list-table .file-type {
        white-space: nowrap;
    }
    
    /* social responsibility, semi-postal stamp images */
    #nest2-top .info-module .semipostal-image {
        max-width: 50%;
    }
    
    /* election mail */
    
    .election-mail-logo {
        float: none;
        width: 50%;
        margin: 0 auto;
    }
    
    .election-mail-guidelines-links {
        float: none;
        margin: 0 auto 10px;
        width: 100%;
        border: 1px solid #e2e2e2;
        padding: 10px;
        box-sizing: border-box;
    }
    
    /* sustainability pages*/
    #newsvideo .listing .feature {
        width: 100%;
    }
    #newsvideo .listing .feature:first-of-type {
        margin-bottom: 0;
    }
    #newsstory .floatright,
    #newsstory .floatleft {
        float: none;
        width: 100%;
        box-sizing: border-box;
        margin: 1em 0;
    }
    #greenhome #colC .featuretext {
        width: 100%;
    }
}

@media print {
    body {
        max-width: 100%;
        margin: 0;
        padding: 0;
    }
    #nav_qt_wrapper,
    ul#footer-links li.list{
        display: none;
    }
    #footer {
        background-color: #fff;
        color: #000;
        padding-top: 8pt;
    }
    ul#footer-links {
        padding: 8pt 0 0;
    }
}