/* Mobile geometry for the separate visual accessibility template. */
@media (max-width: 1199px) {
    body { overflow-wrap: anywhere; }
    #out, #out * { box-sizing: border-box; }
    #out { width: 100%; max-width: 100%; padding: 0 12px; }
    #out .access { position: relative; top: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; width: 100%; height: auto; padding: 10px 0; background-image: none; }
    #out .access > dl { display: flex; flex-wrap: wrap; align-items: center; float: none; width: auto; max-width: 100%; margin: 0; padding: 4px 0; }
    #out .access dt, #out .access dd { float: none; }
    #out .access dt { padding-right: 6px; }
    #out .a-fontsize a, #out .a-colors a, #out .a-images a { top: 0; margin: 0 5px; }
    #out .a-settings { float: none; margin: 4px 0; }
    #out .access .search { float: none; width: 100%; max-width: 100%; margin: 0; }
    #out .access input { max-width: 100%; }
    #out .popped { position: static; flex: 0 0 100%; width: 100%; max-width: 100%; margin: 0; padding: 12px; }
    #out .popped p, #out .popped ul, #out .popped li { width: auto; max-width: 100%; }
    #out .popped .saveit a { display: inline-block; margin: 6px; }
    #out .header { width: 100%; padding-top: 12px; }
    #out .header h1 a { display: block; float: none; width: 100%; height: auto; margin: 0; }
    #out .header > div { float: none !important; width: 100% !important; }
    #out .left, #out .page, #out .right, #out .footer { float: none; width: 100% !important; max-width: 100%; margin-left: 0; margin-right: 0; }
    #out .page > div, #out .page .custom, #out .page .custom > div, #out .footer div { max-width: 100%; }
    #out .nav, #out .gnav, #out .subnav { width: 100%; max-width: 100%; }
    #out .nav ul, #out .left ul { text-align: left; }
    #out .nav li, #out .left li { display: block; float: none; width: 100%; padding: 6px 0; }
    #out .nav li li, #out .left li li { padding-left: 12px; }
    #out .nav li a, #out .left li a { display: inline-block; min-height: 44px; padding: 8px 0; }
    #out img, #out video { max-width: 100% !important; height: auto; }
    #out iframe { max-width: 100%; }
    #out .bvi-table-scroll { width: 100%; max-width: 100%; overflow-x: auto; margin: 12px 0; }
    #out .bvi-table-scroll > table { max-width: none; }
    #out .bvi-table-scroll > .bvi-wide-table { min-width: 560px; }
    #out .allmode-topbox, #out .allmode-wrapper { float: none; width: 100% !important; max-width: 100%; height: auto !important; }
}
@media (max-width: 1199px) {
    #out #js-show-iframe-wrapper, #out .pos-banner-fluid { width: 100% !important; min-width: 0 !important; max-width: 100%; overflow: hidden; }
    #out *::before, #out *::after { box-sizing: border-box; }
}
@media (max-width: 1199px) {
    #out .allmode-topbox, #out .allmode-itemsbox, #out .allmode-wrapper { width: 100% !important; max-width: 100%; margin-left: 0 !important; margin-right: 0 !important; }
}

#out { overflow-wrap: anywhere; }
#out .envor-projects-listing { max-width: 100%; margin-left: 0 !important; }
#out .envor-projects-listing .envor-project { width: 100% !important; height: auto !important; padding-left: 0; }
#out .catItemImage, #out .catItemBody, #out .envor-project-inner { max-width: 100%; }

@media (max-width: 1199px) {
    .t3-wrapper, .t3-wrapper .container, .t3-mainbody, .t3-content, .t3-sidebar { width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box; }
    .t3-wrapper .row { margin-left: 0; margin-right: 0; }
    .t3-wrapper .row > [class*="col-"], .t3-wrapper .left, .t3-wrapper .page, .t3-wrapper .right { float: none; width: 100% !important; max-width: 100%; margin-left: 0; margin-right: 0; }
    .t3-wrapper img, .t3-wrapper iframe { max-width: 100% !important; }
    .t3-wrapper img { height: auto; }
}

.accessibility-return { display: inline-block !important; width: auto !important; height: auto !important; margin: 6px !important; padding: 10px !important; border: 1px solid currentColor; color: inherit !important; background: transparent !important; text-indent: 0 !important; font: inherit; line-height: 1.4 !important; }
@media (max-width: 1199px) {
    #out.t3-wrapper { width: 100% !important; margin: 0; padding: 0 12px; }
    #out.t3-wrapper .acm-spotlight .container, #out.t3-wrapper .acm-spotlight .row, #out.t3-wrapper .header-info { width: 100% !important; max-width: 100%; min-width: 0; margin: 0 !important; }
    #out.t3-wrapper .acm-spotlight .row > [class*="col-"] { display: block; float: none; width: 100% !important; }
    #out.t3-wrapper .custom, #out.t3-wrapper .custom > div { max-width: 100%; }
}

.access .a-fontsize a, .access .a-colors a, .access .a-images a { display: inline-flex !important; align-items: center; justify-content: center; position: static !important; width: 44px !important; height: 44px !important; top: auto !important; padding: 3px !important; margin: 3px !important; border: 1px solid currentColor; background-image: none !important; color: inherit !important; text-indent: 0 !important; font-size: 16px; line-height: 1; }
.access .a-fontsize-small { font-size: 14px !important; }
.access .a-fontsize-normal { font-size: 20px !important; }
.access .a-fontsize-big { font-size: 26px !important; }
@media (max-width: 1199px) {
    #out.t3-wrapper ul.menu, #out.t3-wrapper ul.menu-inst { width: 100% !important; max-width: 100%; padding-left: 0; }
    #out.t3-wrapper .header-info .pull-right, #out.t3-wrapper .header-info .info-wrap-blocks { float: none !important; width: 100% !important; max-width: 100%; margin: 8px 0 !important; padding: 0; border: 0; }
    #out.t3-wrapper .acm-spotlight .row { display: block !important; }
}

@media (max-width: 1199px) {
    #out.t3-wrapper .t3-header, #out.t3-wrapper .t3-header.affix, #out.t3-wrapper .t3-header.affix-top { position: static !important; width: auto !important; max-width: 100%; left: auto; right: auto; }
}