@media only screen and (max-width:1020px) {
    .quicktest-feature-img-wrap img { height: 168px;}
}


@media only screen and (max-width:960px) {
    .sub-nav-marker { display: none; }
}

@media only screen and (max-width:930px) {
    #page-nav li.nav-item {padding-left: 20px;}
    a#profile-button-icon img { padding-right: 12px;}
    #footer-logo-td {display: none !important}
}

@media only screen and (max-width:1100px) {
    .wrapper { padding-top: 10px; }
    ul#page-nav { position: absolute; top: 90px; left: 0; background-color: #E0E0E0; width: 100%; display: block; }
    .navigation li.nav-item { margin-top: 10px; margin-bottom: 0; }
    img#site-logo { height: 66px; }
    #home-visual { margin-top: 0; margin-bottom: 2em; }
    #page-nav li.nav-item { padding-left: 2rem; padding-right: 0.5rem; }
    ul#page-nav ul { top: 45px; }
    .sub-nav-marker { display: block; left: 275px; }
    #content { margin-top: 6em; }
}

@media only screen and (max-width:600px) {
    #home-visual { display: none; }
    #home-slogan { margin-top: 6.25em; }
    #content { margin-top:6em;}
    .home-screen-img { width: 47%}
    .home-screen-img:nth-of-type(2) { margin-right: 0;}
    #upgrade-period-table td.period-selection-spacer { width: 1em !important; padding: 0 !important;}
    #upgrade-period-table td.period-selection-content-td { padding: 1em; min-width: inherit;}
}

@media only screen and (max-width:730px) {
    /*Switch footer layout*/
    #footer { position: relative; height: auto;padding-bottom: 0.75em;}
    .wrapper { padding-bottom: 0}
    #footer-table td { display: block; width: 100%; padding-bottom: 0.5em;}
    .footer-nav-item {width: auto !important; padding-right: 1em !important; display: inline;}
    #footer, #footer a, #footer h5, #footer button.lang-select-button { font-size: 16px; line-height: 24px; }
}

@media only screen and (max-width:550px) {
    img#site-logo { height: 45px; }
    ul#profile-nav { margin-top:2px}
}

@media only screen and (max-width:480px) {
    #content { margin-top:9em;}
    a#nav-login-button { padding: 0 0.5em;}
}


@media (max-width: 40rem) {
    #login-links.column, .feature-wrap .column.right-col { padding-left:0 !important; width: 100% !important; max-width: 100% !important; }

}