/* Media Query Support */
@media only print, only screen and (min-width:840px) { /* portal hover effects desktop only */
    a.portalLink:focus > div.imgPortOverlay,
    a.portalLink:hover > div.imgPortOverlay {
        text-decoration: none;
        background-color: #e9cfe7;
        color: #292929;
    }

    a.portalLink:hover div.iconPortal.stateSpecific,
    a.portalLink:active div.iconPortal.stateSpecific {
        background-color: #8b6e0e;
        color: #fbea69;
    }
    a.portalLink:active div.iconPortal.narrative,
    a.portalLink:hover div.iconPortal.narrative {
        background-color: #697e0c;
        color: #c7d564;
    }
    a.portalLink:hover div.iconPortal.publications,
    a.portalLink:active div.iconPortal.publications {
        background-color: #7b1709;
        color: #f89a8d;
    }
    a.portalLink:hover div.iconPortal.familyReg,
    a.portalLink:active div.iconPortal.familyReg {
        background-color: #a34d97;
        color: #e9cfe7;
    }
    a.portalLink:hover div.iconPortal.workerReg,
    a.portalLink:active div.iconPortal.workerReg {
        background-color: #1f5f6f;
        color: #a1d4e5;
    }
    
    .iconTablet {
        display: none;
    }
}

@media only print, only screen and (max-width: 4000px) {
    nav#ausk-menu {
	display: block;
    }
}

@media only print, only screen and (max-width: 1020px) {
    div#content {
        padding: 30px 15px;
    }
    /* div#landing {
        padding-right: 10px;
    } */
    div#dvphHdrLk {
        margin-left: 15px;
    }
    div.header-sites a.hsHome {
        padding-left: 15px;
    }
    div.heroImage {
        margin-left: -15px;
        margin-right: -25px;
    }                          
    div#hpRow0 {
        margin-left: -15px;
        margin-right: -25px;
        width: calc(100% + 35px);
    }
    footer #footer-background {
        background-image: none;
    }
    footer div.ausk-menu-sub-inner {
        margin-left: 15px;
    }
    footer div.ausk-menu-sub-inner > div {
        margin-right: 30px;
        width: 26%;
    }
    footer div.footer-social {
        width: auto;
    }
    footer div#links-grant {
        padding-left: 0;
        margin-left: 15px;
        margin-right: 15px;
    }
    footer div#footer-inner-green {
        padding-left: 15px;
    }
}

@media only print, only screen and (max-width:920px) {
    .overFlowRight {
        margin-right: -20px;
    }
    div#phRow2 > div.rightOfLogin {
        margin-left: 30px;
    }
}

@media only print, only screen and (max-width: 900px) {
    footer div.ausk-menu-sub-inner > div {
        margin-right: 15px;
        width: calc(33% - 15px);
    }
    footer div.ausk-menu-sub-inner > div:last-child {
        width: calc(33% - 10px);
        margin-right: 10px;
    }
    footer .svg-balloon {
        margin-right: 6px;
    }
}

@media only print, only screen and (max-width: 880px) {
    div#newsFeed.home {
        width: 315px;
    }
}

@media only print, only screen and (max-width: 870px) {
    div#phRow2 > div.portalContainer {
        width: 45%;
    }
}

@media only print, only screen and (max-width:840px) { /* --------------------------------------------------------------------- menus go mobile, content goes tablet */
    html {
        font-size: 12px !important;
    }
    .desktop-only {
        display: none !important;
    }
    .mobile-only {
        display: block !important;
    }
    div#header-search {
        margin-top:-4px;
    }
    
    /* info page centering */
    div#content {
        max-width: 575px;
        margin: 0 auto;
    }
    div#content.photo,
    div#content.fullPg {
        max-width: 840px;
        margin: 0;
    }
    div#content.editor {
        max-width: 1000px;
        margin: 0;
    }
    main#photo {
        margin: 15px auto 0;
        float: none;
    }
    main#photo.editor {
        margin: 0;
        float: right;
    }
    main#main {
        padding: 0;
        float: none;
    }
    
    /* Page Stuff */
    .overFlowRight {
        margin: 0;
    }
    a.caseViewRow:hover {
        border: 1px solid #cdcdcd;
    }
    
    /* Landing pages */
    div.heroImage, div#phRow1 {
        margin: 0 -15px;
        width: 100%;
        background: none;
    }
    div.heroImage img, div#phRow1 img {
        width: calc(100% + 30px);
        float: none;
    }
    div.landIndent {
        margin-left: 20px;
        margin-right: 20px;
    }
    .iconTablet {
        display: block;
    }
    h3.iconTablet {
        margin-top: -13px;
        margin-bottom: 7px;
    }
    h3.iconTablet a {
        font-size: 24px;
        color: #292929; /* #0066ff */
        text-decoration: none;
    }
    h3.iconTablet a:hover, h3.iconTablet a:active {
        color: #0066ff;
        text-decoration: underline;
    }
    div#fpRow3 span.iconText { display: none; }
            
    div#fpRow3 div.portalContainer {
        float: none !important;
        margin: 0 0 30px !important;
        width: auto !important;
        max-width: 100% !important;
    }
    div#fpRow3 a.portalLink { 
        width: 200px;
        float: left;
    }
    div#fpRow3 div.portalText {
        float: left;
        width: calc(100% - 230px);
    }
    div.iconPortal.smTxt {
        padding: 24px 5% 19px;
    }
    div.iconPortal.stateSpecific { /* 107.39 */
        padding-bottom: 43px;
    }
    div.iconPortal.stateSpecific > span.ausk-icon {
        padding-top: .512em;
    }
    
    /* photolisting */
    div#phRow1 > div.phR1right {
        float: none;
        width: auto;
        padding: 23px 30px 38px !important;
    }
    div.phR1right p {
        font-size: 20px;
        margin-bottom: 27px;
    }
    div.phR1right a.button {
        margin-bottom: 22px;
    }
    div#phRow2 {
        margin-bottom: 34px;
    }
    div#phRow2 > div.logIn {
        float: none;
        margin-bottom: 30px;
    }
    div#phRow2 > div.rightOfLogin {
        float: none;
        width: auto;
        margin-left: 0;
    }
    div#phRow2 > div.portalContainer {
        width: calc(50% - 10px);
    }
    
    /* Home Page */
    div#hpRow0 {
        padding: 14px 13px;
        padding-left: 32px;
        background-color: #edede3;
        height: 56px;
        margin: 15px -15px;
        /* margin-left: -10px;
        margin-top: 15px;
        margin-bottom: 15px;
        width: calc(100% - 6px); */
        width: calc(100% - 15px);
    }
    div#dvHeartHouse {
        width: 60.5px;
        height: 57.5px;
        background-image: url(/_img/supers/heart.svg);
        background-size: 100% 100%;
        margin-right: 0;
    }
    div#mission {
        font-size: 20px;
        width: calc(100% - 75px);
        padding: 0 0 0 13px;
    }
    div#lrnMore {
        color: #fff;
        font-size: 41px;
        font-weight: 700;
        line-height: 1.3;
        position: static;
        padding: 15px 0 15px;
        background-color: #3e3e3e;
        margin-top: -5px;
        width: calc(100% + 30px);
    }
    div#lrnMore span {
        text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.8);
        margin-bottom: 15px;
        margin-left: 43px;
    }
    div#lrnMore a {
        font-size: 27px;
        padding: 8px 31px;
        border-radius: 4px;
        margin-bottom: 15px;
        margin-left: 43px;
    }
    
    div#hpRow2 {
        margin-top: 30px;
        margin-bottom: 0;
    }
    div#hpRow2 div.portalContainer {
        width: calc(50% - 10px);
        max-width: 490px;
    }
    div#hpRow2 div#hpPC3 {
        margin-top: 30px;
        margin-left: 0;
    }
    div#hpPC4 {
        margin-top: 30px;
        background-color: #c7d564;
        font-size: 2px;
    }
    div#hpPC4 div.numPlaced2 {
        color: #292929;
        font-weight: 700;
        text-align: center;
        padding: 7.7em 0 1em;
    }
    div#hpPC4 div.numPlaced2 span {
        font-size: 22.5em;
    }
    div#hpPC4 div.numText2 {
        color: #292929;
        text-align: center;
        font-size: 11em;
        line-height: 1.4545;
        padding: 0 1.7em;
    }
    div#hpPC4 div.numText2 p {
        padding: 0;
        margin: 0;
        font-size: inherit;
        font-family: inherit;
    }
    div#hpPC4 div.numButton2 {
        text-align: center;
        padding: 9.5em 0 17em;
    }
    div#hpPC4 div.numButton2 a.button.grey {
        background-color: #676767;
        font-size: 8.9em;
        color: #fff;
        padding: .4em 1.5em;
        letter-spacing: .05em;
    }
    
    div#hpRow3 {
        display: none;
    }
    div.home#featured div.featChild {
        margin-bottom: 25px;
    }
    div#featured.home, div#newsFeed.home {
        float: none;
        width: auto;
    }
    div#newsFeed.home h2 {
        margin-top: -24px;
    }
    div#featured div.fcText {
        width: calc(100% - 250px);
    }
    div#featured div.fcText p {
        font-size: 17px;
    }
    div#newsFeed span.date {
        font-size: 16px;
    }
    div#newsFeed div.news {
        margin: 20px 0;
    }
    div#newsFeed.home div.news:last-child {
        margin-top:20px;
    }
    div#newsFeed a.newsTitle {
        font-size: 18px;
    }
    div.results {
        margin: 0 auto;
        max-width: 660px;
    }
            
    /* Side Nav */
    div#rightColumn {
        float: none;
        flex-direction: column-reverse;
        width: auto;
    }
    nav#links {
        padding-top: 20px;
    }
    nav#links div.innerLinks {
        font-size: 15px;
    }
    nav#links li {
        padding: 13px 0;
    }
    aside.relatedItem::after {
        content: '';
        display: block;
        clear: both;
    }
    div#relatedContent {
        float: none;
        padding-top: 10px !important;
        width: 100%;
    }
    div#relatedContent h2 {
        font-size: 24px;
    }
    div#relatedContent aside {
        max-width: 575px;
    }
    aside h3 {
        margin-top: -3px;
    }
    aside p {
        font-size: 14px;
    }
    div.relatedImage {
        width: 33%;
        padding-right: 8px;
        float: left;
    }
    img.relatedImage {
        width: 100%;
    }
    img.relatedImage.portrait {
        width: auto;
        height: 78px;
        float: right;
    }
    div.relItmContent {
        float: left;
        width: calc(67% - 8px);
    }
    
    /* Menu stuff */
    div#phHeader {
        max-height: 59px;
    }
    div#dvphHdrLk {
        margin-left: calc(49% - 130px);
        margin-bottom: 10px;
    }
    div#dvphHdrLk.notAuth {
        margin-left: calc(50% - 75px);
    }
    div#content div#links {
        display: none;
        float: none;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 500;
        width: 317px;
        padding: 0;
    }
    div#content div#links h3 {
        background-color: #2a7e93;
        color: #fff;
        padding: 13px 16px;
    }
    div#content div#links ul {
        color: #3e3e3e;
        background-color: #f0f0f0;
    }
    div#content div#links ul li {
        padding: 13px 16px;
        background-color: #f0f0f0;
        border-bottom: 1px solid #fff;
    }
    div#content div#links ul li:last-child {
        padding-bottom: 13px;
        border-bottom: 1px solid #fff;
    }
    div#content div#links ul a {
        color: #3e3e3e;
        text-decoration: none;
    }
    div#content div#links ul a:hover {
        text-decoration: none;
    }
    div#links span.userAlert {
        font-size: 17px;
        float: right;
        padding: 4px 0;
        color: #fff;
        background-color: #676767;
        width: 46px;
        border-radius: 15px;
    }
    div#links span.ausk-icon::after {
        font-size: 17px;
    }
    
    nav#ausk-menu { 
        display: none; 
    }
    .ausk-menu {
        width: 100%;
    }
    #ausk-menu a {
        font-size: 1.667rem
    }
    #ausk-menu a:hover {
        text-decoration: none;
    }
    .ausk-menu .ausk-menu-sub > div {
        width: 100%;
    }
    #ausk-menu ul, .ausk-menu .ausk-menu-sub {
        padding: 0;
    }
    .ausk-menu .ausk-menu-sub {
        position: relative;
        min-width: 0;
    }
    nav.ausk-menu ul.ausk-icon-toggle {
        display: none;
    }
    nav.ausk-menu ul.ausk-icon-toggle.ausk-menu-open {
        display: block;
    }
    nav#ausk-menu .ausk-menu-open div:after {
        clear: both;
        content: "";
        display: block;
    }
    nav.ausk-menu span.ausk-icon {
        display: inline-block;
        float: right;
    }
    .ausk-menu li.outer {
        display: block;
        margin: 0;
    }
    .ausk-menu li.outer:after {
        clear: both;
    }
    #ausk-menu ul.outer a {
        display: block;
        padding: 0.4rem 12px !important;
        line-height: 2.65rem;
        border-top: 1px #fff solid;
    }
    #ausk-menu ul.outer a#lkAbout {
        border-top: none;
    }
    #ausk-menu ul.outer > li > a {
        color: #fff;
        background-color: #4c4c4c;
    }
    nav#ausk-menu ul.outer div.ausk-menu-sub > div, div#AAFC, div#CIFC {
        width: 100%;
    }
    .ausk-menu-sub h4 {
        padding: 0;
        margin-left: 0;
    }
    nav#ausk-menu h4 > a:hover {
        cursor: pointer;
    }
    nav#ausk-menu h4 > a {
        background-color: #c7d564;
        font-weight: 400;
    }
    nav#ausk-menu .ausk-menu-sub > div li {
        margin-bottom: 0;
    }
    .ausk-menu li.outer.ausk-menu-open a, .ausk-menu li.outer.ausk-menu-open > a:hover {
        background-color: #e5e5e5;
    }
    #ausk-menu li.outer.ausk-menu-open ul > li > a {
        border-top: none;
        line-height: 2.4rem;
    }
    #ausk-menu li.outer.ausk-menu-open ul > li:last-child {
        padding-bottom: 6px;
        background-color: #e5e5e5;
    }
    #ausk-menu li.outer.ausk-menu-open ul > li:first-child {
        padding-top: 6px;
        background-color: #e5e5e5;
    }
    .ausk-menu > ul > li.mobile-only {
        display: block !important;
    }
    
    /* Footer */
    footer div#footer-background {
        position: static;
    }
    footer div#footer-social-border {
        flex-direction: column;
        border-color:transparent;
        margin-top: 0;
    }
    footer div.ausk-menu-sub-inner {
        margin: 0 25px;
    }
    footer div.ausk-menu-sub-inner > div {
        margin-right: calc((100% - 580px) / 2); /* 15px;  */
        width: 245px;  /* calc(43% - 15px); */
    }
    footer div.ausk-menu-sub-inner > div:first-child {
        width: 175px;  /* calc(33% - 10px); */
    }
    footer div.ausk-menu-sub-inner > div:last-child {
        width: 160px;  /* 23%; */
        margin-right: 0;
        float: right;
    }
    footer .svg-balloon {
        display:none;
    }   
    footer div.footer-social {
        width: 100% !important;
        max-width: 100% !important;
        border: none;
        margin-top: 4px;
        margin-bottom: 0;
    }
    footer div#social-inner {
        float: left;
        margin-left: 25px;
        width: calc(58% - 25px);
    }
    footer div.footer-sites {
        float: right;
        width: calc(42% - 50px);
        margin: 6px 25px 0 0;
        height: 117px;
    }
    footer div.footer-links, footer div.footer-grant {
        text-align: left;
        float: none;
        max-width: 100%;
        padding: 10px 0 0;
        width: auto;
    }
    footer div.footer-dots {
        display: block;
        border-top: 1px #cdcdcd solid;
        width: auto;
        margin: 0 25px 0;
    }
    footer #links-grant {
        position: static;
        margin: 0;
    }
    footer div#footer-photo {
        margin-right: 50px;
    }
    
    /* footer div.footer-social input#footer-email,
     {
        margin-left: 25px !important;
        margin-right: 25px !important;
    } */
    #chat-head-desktop {
        display: none;
    }
    #chat-head-mobile {
        display: block;
    }
    #chat-head-x {
        position:absolute;
        top:60px;
        left: 168px;
    }



    #survey-invite-desktop {
        display: none;
        position: relative;
    }

    #survey-invite-mobile {
        display: block;
        position: relative;
    }

    #survey-invite-x-desktop {
        position: absolute;
        right: 0px;
    }

    #survey-invite-x-mobile {
        position: absolute;
        right: 0px;
    }


}
/* *************************      end of 840     ******************************************** */

@media only print, only screen and (max-width:780px) { 
    
    /* Page elements */
    div#content {
        /* float: none; 4/21 PFB, is ever floated, why unfloat it? */
        overflow: visible;
        padding: 15px 15px !important;
    }
    div#landing {
        margin-top: 0;
        padding-right: 0;
    }
    h1 {
        font-size: 31px;
    }
    h2 {
        font-size: 23px;
    }
    p.nutGraph {
        font-size: 21px;
    }
    blockquote {
        padding: 29px 24px 34px;
    }
    blockquote p {
        font-size: 22px;
    }
    .overFlowRight {
        float: none;
    }
    div.bodyContent ul {
        padding-left: 0;
    }
    div.bodyContent img:first-child {
        margin-top: 0;
    }
    figure.storyImage {
        float: none;
        width: auto;
        max-width: 415px;
        margin: 0 0 25px;
    }
    figure.storyImage.portrait {
        width: auto;
        max-width: 158px;
    }
    
    /* Story, news feeds */
    div.pageTop {
        margin-bottom: 25px;
    }
    div.tocLeft {
        float: none;
        margin: 0;
    }
    div.tocLeft img.portrait {
        float: none;
    }
    div.tocRight {
        float: none;
        max-width: 575px;
    }
    
    /* Home Page */
    div#content.home {
        padding-top: 15px;
    }
    div#landing.home h2 {
        text-align: left;
    }
    
    /* search results */
    div.fltLftDesk {
        float: none;
        margin-bottom: 8px;
        width: auto !important;
    }
    div.fltRghtDesk {
        float: none;
        width: auto !important;
        text-align: left;
    }
    div.fltRghtDesk a#lkBackResults,
    div.fltRghtDesk a.backTo {
        position: static;
    }
    div.fltRghtDesk.xMar {
        padding: 10px 0 10px;
    }
    div#pnlShowingBtm {
        margin-bottom: 14px;
    }
}
/* *************************      end of 780     ******************************************** */

@media only print, only screen and (max-width:675px) {
    div#landing h2 {
        text-align: center;
    }
    div.portalOuter > div.portalContainer:first-child {
        margin-left: auto;
    }
    div.portalContainer {
        float: none;
        margin: 0 auto 30px;
        width: auto !important;
        /* max-width: 490px !important; */
    }
    div.portalContainer.tile {
        margin-bottom: 20px;
    }
    div.iconPortal {
        font-size: 27px !important;
        padding-bottom: .9em;
    }
    div.iconPortal > span.ausk-icon::after {
        font-size: 1.5em;
    }
    div.iconPortal.stateSpecific {
        padding-bottom: .9em;
    }
    div.iconPortal.stateSpecific > span.ausk-icon {
        padding-top: .845em;
    }
    div.iconPortal.stateSpecific > span.ausk-icon::after {
        font-size: 61px;
    }
    div.iconPortal.smTxt {
        padding: 2em .5em 1.65em;
    }
    div.iconPortal.smTxt > span.ausk-icon::after {
        font-size: 65px; /* 2.4em */
    }
    div.iconPortal.smTxt > span.ausk-icon {
        margin-bottom: .4em;
    }
    div.portalText {
        padding: 14px 0 0;
    }
    
    div#fpRow2, div#hpRow2 {
        margin-bottom: 37px;
    }
    span#fpOverlay {
        font-size: 29px;
        left: 26px;
    }
    
    .iconTablet { display: none; }
    span.iconText { display: inline !important; }
            
    div#landing h2.fpH2 {
        text-align: left;
        margin-left: 0;
    }
            
    div#fpRow3 a.portalLink, div#fpRow3 div.portalText {
        float: none;
        width: 100%;
    }
    
    /* photolisting */
    div#landing div.logIn h2 {
        text-align: left;
    }
    div#phRow1 {
        margin: 0 auto;
        max-width: 500px;
        background: none;
    }
    div#phRow1 img {
        float: none;
        width: 100%;
    }
    div#phRow1 > div.phR1right {
        float: none;
        width: auto;
        padding: 12px 10px 42px !important;
    }
    div.phR1right p {
        font-size: 20px;
        margin-bottom: 27px;
    }
    div.phR1right a.button {
        margin-bottom: 22px;
    }
    
    /* Home page */
    div#lrnMore span {
        font-size: 31px;
        margin: 0 13px;
    }
    div#lrnMore a {
        margin-left: 13px;
    }
    
    /*   Footer   */
    footer#footer div#footer-background div {
        float: none;
        width: auto;
    }
    footer#footer div#footerBackground div#footer-photo {
        float: right;
        margin-right: 10px;
        width: 321px;
    }
    footer#footer div#footerBackground div#footer-contact {
        float: left;
        max-width: 250px;
        padding-top: 22px;
    }
    footer#footer div#footerBackground div#footer-contact p {
        margin-bottom: 8px;
    }
    footer table#newsForm {
        max-width: 475px;
    }
    footer div.footer-sites {
        margin: 0;
        height: auto;
    }
    #footer div.footer-sites a {
        padding-left: 25px;
    }
    div.arrowBorder.forAlert {
        margin-right: 0;
    }
    div#mission {
        font-size: 17px;
    }
    table.formTable4 td {
        white-space: normal;
    }
}
/* *************************      end of 675     ******************************************** */

@media only print, only screen and (max-width:625px) {
    div#tabsTable {
        display: table;
        width: 100%;
    }
    div#tabs-wrapper > div#tabs > ul {
        display: none;
        border: none;
        border-radius: 0;
        background: none;
        background-color: #cdcdcd;
        width: calc(100% - 1px);
        position: relative;
        z-index: 25;
        padding-top: 4px;
        padding-bottom: 10px;
    }
    div#tabs-wrapper > div#tabs > ul::before,
    div#tabs-wrapper > div#tabs > ul::after {
        display: block;
    }
    div#tabs-wrapper > div#tabs > ul > li {
        float: none;
        position: static;
        border: none;
        border-radius: 0;
        text-align: left;
        background: transparent;
        display: block;
        width: 100%;
        list-style: disc;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 5px;
        padding-left: 0;
    }
    div#tabs-wrapper > div#tabs > ul > li > a.ui-tabs-anchor {
        display: block;
        float: none;
        font-size: 17px;
        font-family: "Verlag A", "Verlag B", Arial;
        padding-top: 5px;
        padding-right: 0;
        padding-bottom: 5px;
        padding-left: 12px;
    }
    div#tabs-wrapper .ui-tabs .ui-tabs-nav li a, div#tabs-wrapper .ui-tabs.ui-tabs-collapsible {
        color: #292929;
    }
    div#content div#editLinks {
        display: none !important;
    }
    main#photo.editor {
        margin: 15px auto 0;
        float: none;
    }
    div#dvRegEdit {
        width: auto;
    }
    div.multiButton.profile {
        margin-bottom: 15px;
    }
}
/* *************************      end of 625     ******************************************** */


@media only print, only screen and (max-width:600px) {
    /* html {
        font-size: 14px !important;
    } */
    input, select, textarea {
        max-width: 90%;
    }
    div.logIn input#hdnUserName {
        max-width: 300px;
    }
    select.narrow {
        max-width: none;
    }
    div.formDouble.forOtherText {
        float: none;
        margin: 0 0 0 10px;
    }
    table.formTable td {
        white-space: normal;
    }
    main#main div.bodyContent img {
        float: none;
    }
    div.bodyContent img.img600 {
        width: 100% !important;
        height: auto !important;
    }
    footer#footer div#footerBackground {
        height: 317px;
    }
    footer#footer div#footerBackground div#footer-photo,
    footer#footer div#footerBackground div#footer-contact {
        float: none;
       /* margin-right: 10px;
        margin-left: 10px; */
        width: auto;
    }
    div#footer-photo {
        padding-top: 15px;
    }
    footer div#footer-photo p,
    footer div#footer-photo p.get-news {
        margin-bottom: 6px;
    }
    div#footer-photo a.social.ausk-icon {
        margin-top: 15px;
    }
    
    div.landIndent {
        margin: 0;
    }
    
    /* Home page */
    div#hpRow0 {
        padding-left: 13px;
        width: calc(100% + 4px);
    }
    div#mission {
        font-size: 15px;
    }
    div#hpPC4 { display: none; }
    div#hpRow3 {
        display: block;
        margin: 30px auto 0;
        padding: 20px 30px 22px;
    }
    div#hpRow3 > div {
        display: block;
        float: none;
        margin: 0 auto;
        padding: 0;
        width: auto;
        clear: both;
        text-align: center;
    }
    div#hpRow3 div.numPlaced {
        margin-bottom:12px;
    }
    div#hpRow3 div.numText {
        margin-bottom:20px;
        font-size: 19px;
    }
    div#hpRow3 div.numButton {
        margin-bottom: 2px;
    }
    div#featured div.fcText p {
        font-size: 15px;
    }
    div#phRow2 > div.rightOfLogin a.iconBlock {
        display: none;
    }
    div#phRow2 > div.rightOfLogin div.blkText {
        width: auto;
    }
    div.summary div.photos {
        margin-bottom: 24px;
        float: none;
    }
    div.summary div.list {
        float: none;
        width: auto;
    }
    main#photo div.childImageHolder .bx-wrapper {
        margin-bottom: 58px;
    }
}
/* *************************      end of 600     ******************************************** */

@media only print, only screen and (max-width:500px) {
    div#landing h2 {
        text-align: left;
    }
    div#phRow1 {
        margin: 0 -10px;
    }
    div#phRow1 img {
        width: calc(100% + 20px);
    }
    div#featured div.featChild {
        margin-bottom: 27px;
    }
    div#featured div.featChild img {
        max-width: 400px;
        margin: 20px 0 0 20px;
    }
    div#featured div.fcText {
        width: auto;
        padding: 20px 20px 15px 20px;
    }
    
    /* leadership photos */
    div#dvLdrs div {
        float: none;
        width: auto;
    }
    div.ldrPicRow div.ldrPic {
        margin-bottom: 30px;
    }
    div.childfocus {
        margin: 0 -15px 20px;
    }
    
    /* Footer  */
    /* footer div.ausk-menu-sub-inner,
    footer div.footer-dots,
    footer div#social-inner,
    footer div.footer-links,
    footer div.footer-grant {
        margin-left: 10px;
        margin-right: 10px;
    } */
    footer table#newsForm {
        margin-right: 10px;
    }
    
    /* div.dataTable & children flatten */
    div.dataTable,
    div.dataLine,
    div.dataLine > div.dataLeft,
    div.dataLine > div.dataRight {
        display: block;
        width: auto;
        white-space: normal;
    }
    div.dataLine > div.dataLeft {
        padding-bottom: 0;
    }
    div.dataLine > div.dataRight {
        padding-bottom: 8px;
    }
    div.dataTable.wBorder div.dataLeft,
    div.dataTable.wBorder div.dataRight {
        border-bottom: none;
        padding-bottom: 0;
    }
    div.dataTable.wBorder > div.dataLine > div.dataRight:last-child {
        padding-bottom: 10px;
        border-bottom: 1px solid #cdcdcd;
    }
    div#data table.fullTable th:first-child,
    div#data table.fullTable td:first-child {
        padding-left: 4px;
    }
    div#data table.fullTable.font17 td, 
    div#data table.fullTable td {
        font-size: 14px;
    }
    p.inDataLeft {
        margin: 0;
        float: right;
    }
    div#phMobSubHead > div > div {
        text-align: center;
    }
    div#phMobSubHead > div.Child2 > div {
        width: 49%;
    }
    div#phMobSubHead > div.Child3 > div {
        width: calc(33% - 1px);
    }
    div#phMobSubHead a {
        padding: 3px 0 5px;
    }
    div#tabs-wrapper div.dataLeft {
        width: auto;
    }
    .phone-only {
        display: block !important;
    }
    .notPhone-only {
        display: none !important;
    }
    div.iconLeft {
        width: 29px;
        margin-right: 20px;
        font-size: 28px;
    }
    div.warningRight {
        float: left;
        width: calc(100% - 49px);
    }
    div#eHdr div.details {
        float: none;
        width: auto;
    }
    div#eHdr div.percent {
        float: none;
        margin-top: 10px;
    }
    div.respTble div.respCell {
        float: none;
        width: auto !important;
        padding: 0 0 9px 0;
    }
    div.respTble {
        margin-bottom: 10px;
    }
    div.respTble div.respCell.phone-only {
        padding: 1px 0 0 0;
    }
    div.fltRghtDesk2 {
        float: none;
        text-align: left;
        width: auto;
    }
    div.middleButtons {
        margin-top: 5px;
        width: 100%;
        float: none;
        text-align: right;
    }
    /* div.middleButtons a.button.justText:last-child {
        margin-right: 10px;
    } */
    div.buttonInnerRight {
        float: none;
        width: 100%;
    }
    div.caseViewTable.forAlert {
        margin-left: 0;
        width: 100%;
    }
    p.alertP {
        display: none;
    }
    div.floatLeft {
        float: none;
        max-width: 500px;
        padding-right: 0;
    }
    div.rspTable div.rspCell {
        float: none;
        width: auto !important;
        max-width: 500px !important;
        padding-bottom: 7px;
    }
    div.rspRow div.rspCell:last-child {
        padding-bottom: 12px;
    }
    div.rspTable div.rspRow {
        padding: 0;
    }
    div.rspTable div.rspCell.phone-only {
        padding: 10px 0 5px;
    }
    div.dskRghtPhoneLft {
        text-align: left;
        margin-bottom: 12px;
    }
    div.alertH2 {
        margin-right: 35px;
    }
    div#famWelcome img {
        max-width: 325px;
    }
}
/* *************************      end of 500     ******************************************** */

@media only print, only screen and (max-width: 450px) {
    div#phRow2 > div.logIn {
        padding: 19px 33px 26px;
        margin: 0 auto 30px;
    }
    div.logIn input#hdnUserName {
        max-width: 350px;
        width: calc(100% - 16px);
    }
    div.logIn div.lgnPwd {
        width: auto;
    }
    div.logIn input#hdnPassword {
        max-width: 350px;
        width: calc(100% - 66px);
    }
    /*
    div.dataLine > div.dataLeft {
        width: 30%;
    }
    div.dataLine > div.dataRight {
        width: 69%;
    }
    */
}
   
@media only print, only screen and (max-width: 400px) {
    .ui-dialog {
        padding: 0 !important;
    } 
    aside p {
        font-size: 13px;
    }
}
   
@media only print, only screen and (max-width: 374px) {
    div.paginator ul li {
        padding: 0 6px 0 0;
    }
    div.paginator ul li.prev {
        padding-right: 17px;
    }
    div.paginator ul li.next {
        padding-left: 11px;
    }
    div#mission {
        font-size: 13px;
    }
    div#newsFeed div.tocLeft {
        float: none;
    }
    div#newsFeed div.tocLeft img.portrait {
        float: none;
        padding-bottom: 5px;
    }
    div#newsFeed div.tocRight {
        width: auto;
        float: none;
    }
    div.relatedImage {
        width: 108px;
    }
    div.relItmContent {
        width: calc(100% - 116px); /* 100 is from .relatedImage (width + padding)  */
    }
}
@media only print, only screen and (max-width: 320px) {
    div.formDouble.forOtherText {
        margin: 0;
    }
    .overFlowRight {
        width: 300px;
    }
}

/* Print Only */
@media print {
    div#logoPrint {
        display:block;
        margin-bottom:10px;
    }
    header, nav#ausk-menu-form, nav#ausk-menu, nav#ausk-menu-secondary, div.stripeBar,
    div#dvPhotoMenu, div#phHdrRght, div#links, div#rightColumn {
        display: none !important;
    }
    
    a.button, div.smTxt.iconPortal > span.ausk-icon, figure.videoLeft, figure.videoRight, figure.videoCenter,
    div.paginator, div.fltRghtDesk, pnlShowingBtm, hr.paginator, div.nextStep, a.ajax-message.withquestion {
        display: none;
    }
    /* These get messed up when calculating positioning. Recommend below... */
    div#dvHeartHouse, div#hpRow0, div#hpRow1, div#hpRow2, div#hpRow3, div#fpRow1, div#fpRow2, div#fpRow3 {
        display: none;
    }
    
    div.fltLftDesk {
        margin-bottom:20px;
    }
    footer div#footer-background, footer div#footerBackground, footer div.footer-links, footer #footer-bar {
        display: none;
    }
    footer div.footer-grant {
        float: none;
        width: auto;
        padding-top: 16px;
    }
    footer div.footer-grant a {
        color: #3e3e3e !important;
    }
    div.dataTable.wBorder {
        width: 100%;
    }
    div.dataTable {
        display: table;
    }
    div.dataLine {
        display: table-row;
    }
    div.dataLine > div.dataLeft {
        display: table-cell;
        padding: 0 10px 5px 0;
        white-space: nowrap;
        vertical-align: top;
        font-weight: 400;
        width: 280px;
    }
    div.dataLine > div.dataRight {
        display: table-cell;
    }
    div.dataTable.wBorder div.dataLeft, div.dataTable.wBorder div.dataRight {
        border-bottom: 1px solid #cdcdcd;
    }
    div#content {
        margin: 0 !important;
        max-width: 1200px !important;
    }    
    table.forPrint td {
        font-size: 17px;
        border-bottom: 1px solid #cdcdcd;
        padding: 6px 10px 8px 0;
        vertical-align: top;
    }
    table.forPrint td.row {
        width: 360px;
    }
    table.forPrint td ul li::before {
        content: '';
    }
    table.sibImages td {
        vertical-align: top;
        padding: 0 15px 15px 0;
    }
}