#wrapper {
        overflow: hidden;
    }
    .leftnavwrapper + .twelve.columns {
        float: right;
    }
    #maincontent .pagetitle {
        clear: none;
        position: relative;
        left: 32px;
        margin-right: 24px;
        z-index: -1;
    }
    .maincontent.twelve {
        padding-left: 32px;
    }
    #maincontent > div:first-of-type.twelve {
        padding-left: 12px;
        padding-right: 32px;
    }
    .maincontent.eight {
        padding-left: 32px;
        padding-right: 32px;
    }
    #maincontent > div.four.columns.rightnav,  .maincontent > div.four.columns.rightnav {
        float: right;
    }
    .leftnavwrapper + h1 + .maincontent > .four:first-of-type {
        padding-left: 34px !important;
    }
    #maincontent .row .columns:first-of-type, #maincontent .columns .columns:first-of-type {
        margin-left: -8px;
    }
    #maincontent .row {
        line-height: 1.5;
        margin-bottom: 0;
    }
    .desktop {display: block;}
    .tablet {display: block;}
    .mobile {display: none;}
    /* --- Small desktop breakpoint --- */

    @media only screen and (max-width: 1300px) {
        li.tertiarylinks-list-item {
        display: none;
        }
        .tertiary .covid-19, .tertiary .emergency, .tertiary .covid-easy {
        display: inline-block;
        }
        .navigation li.topli a.toplink {
        padding: 12px 28px 8px 8px;
        }
        .navigation li.topli a.toplink {
        background-position: right 8px top 50%;
        }
        li.topli.first{
        margin-left: 16px;
        }
        .mmcontent .eleven ul li {
            width: 30%;        
        }
        .maincontent .four.columns {
        width: 50%;
        }
        .landing-visual {
        left: 30px;
        }
        .landing-visual p {
        position: relative;
        right: 32px;
        }
        .add-line, .add-two {
            padding: 12px 24px;
        }
        .hero-content h2 {font-size: 26px; font-size: 1.75rem;}
        .hero-content p {font-size: 18px; font-size: 1.25rem;}
    }
    /* --- Laptop breakpoint --- */
    @media only screen and (max-width: 1100px) {
        .navigation li.topli a.toplink {
        padding: 12px 24px 8px 4px;
        }
        .navigation li.topli a.toplink {
        background-position: right 4px top 50%;
        }
    }
    /* --- Landscape tablet breakpoint --- */

    @media only screen and (max-width: 1024px) {
        .container {
        padding: 0 8px;
        }
        .container .one.column, .container .one.columns {
        width: 12.5%;
        }
        .container .two.columns {
        width: 25%;
        }
        .container .three.columns {
        width: 37.5%;
        }
        .container .four.columns {
        width: 50%;
        }
        .row .four.columns:nth-of-type(2n+1) {
        clear: both;
        }
        .container .five.columns {
        width: 62.5%;
        }
        .container .six.columns {
        width: 75%;
        }
        .container .seven.columns {
        width: 87.5%;
        }
        .container .eight.columns {
        width: 100%;
        }
        .container .nine.columns {
        width: 43.75%;
        }
        .container .ten.columns {
        width: 37.5%;
        }
        .container .eleven.columns {
        width: 31.25%;
        }
        .container .twelve.columns {
        width: 70%;
        }
        .container .thirteen.columns {
        width: 81.25%;
        }
        .container .fourteen.columns {
        width: 87.5%;
        }
        .container .fifteen.columns {
        width: 93.75%;
        }
        .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column, .container .one-fifth.column, .container .two-fifths.column, .container .three-fifths.column, .container .four-fifths.column, .container .one-sixth.column, .container .five-sixths.column {
        width: 100%;
        }
        .tertiary .covid-19, .tertiary .covid-easy {
        display: none;
        }
        .tertiary .emergency {
        float: right;
        padding-right: 0;
        }
        .topnav {
        transform: translateX(-100%);
        transition: all .25s ease-in-out;
        }
        nav.topnav {
        top: 0;
        }
        div.topnav {
        top: 54px;
        }
        #open-menu, .active #close-menu {
        display: block !important;
        }
        .topnav.active {
        transform: translateX(100%);
        }
        .navigation .topli {
        width: 100%;
        background: #FFFFFF;
        border-bottom: 1px solid #e4e4e6;
        font-weight: normal;
        }
        .navigation li.topli a.toplink, .navigation li.topli a.toplink:hover {
        text-align: left;
        padding: 12px 32px;
        background-image: none;
        border:none;
        }
        li.topli.first{
        margin-left: 0;
        }
        .internal-nav {
            display:none !important;
            visibility: hidden !important;
            position: absolute;
            left: -10000px;
            top: auto;
            width: 1px;
            height: 1px;
            overflow: hidden;
            clip: rect(1px, 1px, 1px, 1px);
        }
        #logo, header .twelve {
        width: 100% !important;
        }
        #logo {
        text-align: center;
        padding-bottom: 0;
        margin-bottom: -20px;
        }
        #logo a {
        background-position: center center;
        }
        #logo:after {
        left: 140px;
        }
        .master-search, #googleSearchWerapper {
        width: 100%;
        margin: 8px auto 8px auto !important;
        }
        .master-search .search-text {
        width: 100%;
        }
        .leftnavwrapper {
        width: 100% !important;
        }
        #maincontent > div.eight.columns, .maincontent > div.eight.columns, #maincontent > div.twelve.columns {
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
        }
        #maincontent > div.four.columns.rightnav,  .maincontent > div.four.columns.rightnav {
        width: 100%;
        float: right;
        margin-top: 24px;
        }
        #maincontent > div:first-of-type.twelve, #maincontent > div:nth-of-type(3).rightnav  {
        width: 100% !important;
        }
        #maincontent .pagetitle {
        clear: none;
        position: relative;
        left: 8px;
        }
        #maincontent .pagetitle {
        left: 8px;
        }
        .breadwrapper {
        padding-top: 0;
        }
        #maincontent img {
            max-width: 100%;
        }
        #footer .disclaimerleft, #footer .disclaimerright {
        float: none; clear: both;
        }
        #footerbottom .disclaimerright li.disclaimerright-list-item {
            margin-top: 24px;
            margin-bottom: 8px;
        }
        .factdownload {
        position: inherit;
        }
        .footerlinks-column {
        width: 33.3% !important;
        }
        .hero-banner {
            margin-top: 24px !important;
            flex-direction: column !important;
        }
        .hero-banner .hero-image {
            height: 450px;
        }
        .hero-banner .hero-content {
            padding: 24px !important;
            max-width: 100% !important;
            width: 100% !important;!i;!;
        }
    }

    /* --- Portrait tablet breakpoint --- */

    @media only screen and (max-width: 768px) {
        .desktop {display: none;}
        .mobile {display: none;}

        .container .one-third.column, .container .two-thirds.column, .container .one-fifth.column, .container .two-fifths.column, .container .three-fifths.column, .container .four-fifths.column, .container .one-sixth.column, .container .five-sixths.column {
        width: 33.3%;
        }
        .container .one-third.column:nth-last-of-type(3n+1), .container .two-thirds.column:nth-last-of-type(3n+1), .container .one-fifth.column:nth-last-of-type(3n+1), .container .two-fifths.column:nth-last-of-type(3n+1), .container .three-fifths.column:nth-last-of-type(3n+1), .container .four-fifths.column:nth-last-of-type(3n+1), .container .one-sixth.column:nth-last-of-type(3n+1), .container .five-sixths.column:nth-last-of-type(3n+1)
        {clear:both}
        li.moh-rteStyle-Anchorlink, .moh-rteStyle-Anchorlink li {
        margin-top: 8px;
        }
        .footerlinks {
        display: none;
        }
        .factdownload {
        position: inherit;
        margin: 16px 0;
        }
        .publication-details-thumbnail {
        float: none;
        text-align: center;
        }
        h1.pagetitle, #results, #fb-contextual-navigation {
        width: 100% !important; float:none !important;
        }
        .button-list .button {
            width: 100%;
            margin: 0 0 8px 0;
        }
        .button-list .button[href*="A-Z"], .button-list .button[href*="#td"] {
            width: auto;
            margin: 0 16px 16px 0;
        }
    }

    /* --- Large mobile breakpoint --- */

    @media only screen and (max-width: 576px){
        .desktop {display: none;}
        .tablet {display: none;}
        .mobile {display: block;}
        .container, .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column, #maincontent > div.four.columns.leftnavwrapper, #maincontent > div.maincontent.alpha.omega > div.four.columns.rightnav, #maincontent > div.eight.columns, #maincontent > div.four.columns.rightnav, #footer {
        width: 100%;
        padding: 0 4px;
        }
        .container .one-fifth.column, .container .two-fifths.column, .container .three-fifths.column, .container .four-fifths.column, .container .one-sixth.column, .container .five-sixths.column {
            width: 50%;
            padding: 0 8px;
        }
        .container .one-fifth.column:nth-last-of-type(3n+1), .container .two-fifths.column:nth-last-of-type(3n+1), .container .three-fifths.column:nth-last-of-type(3n+1), .container .four-fifths.column:nth-last-of-type(3n+1), .container .one-sixth.column:nth-last-of-type(3n+1), .container .five-sixths.column:nth-last-of-type(3n+1) {
            clear: none;
        }
        .container .one-third.column:nth-last-of-type(2n+1), .container .two-thirds.column:nth-last-of-type(2n+1), .container .one-fifth.column:nth-last-of-type(2n+1), .container .two-fifths.column:nth-last-of-type(2n+1), .container .three-fifths.column:nth-last-of-type(2n+1), .container .four-fifths.column:nth-last-of-type(2n+1), .container .one-sixth.column:nth-last-of-type(2n+1), .container .five-sixths.column:nth-last-of-type(2n+1), .row .one-third.column:nth-last-of-type(2n+1), .row .two-thirds.column:nth-last-of-type(2n+1), .row .one-fifth.column:nth-last-of-type(2n+1), .row .two-fifths.column:nth-last-of-type(2n+1), .row .three-fifths.column:nth-last-of-type(2n+1), .row .four-fifths.column:nth-last-of-type(2n+1), .row .one-sixth.column:nth-last-of-type(2n+1), .row .five-sixths.column:nth-last-of-type(2n+1), 
        {clear:both}

        #maincontent .row .columns:first-of-type, #maincontent .columns .columns:first-of-type {
        margin-left: 0;
        }
        .maincontent {
        overflow-x:visible;
        }
        .tertiarylinks-list-1, #maincontent .row .columns:first-of-type, #maincontent .columns .columns:first-of-type {
        margin-left: 0;
        }
        .print, .fontup, .fontdown {
        display: none;
        }
        ul.quicklinks-vertical-list {
        margin-bottom: 16px;
        }
       .quicklinks-horizontal {
        padding: 16px 16px 32px 16px;
        }
        .quicklinks-horizontal-list li,	.quicklinks-horizontal-list li a {
        width: 100% !important;
        }
        ul.breadcrumbs {
            margin: 0;
        }
        #maincontent .pagetitle {
        left: 8px;
        }	
        .leftnavwrapper, .leftnav {
        min-height: auto;
        }
        .leftnav ul {
        margin: 12px 0 16px 0;
        }
        .four div, .landingbox {
        height: unset !important;
        min-height: initial !important;
        }
        .hero-banner .hero-image {
            height: 240px;
            width:  100% !important;
        }
        .card {
                background-position: bottom 16px left 16px;
        }
        .card, .card a {
        height: unset !important;
        min-height: initial !important;
        }
        .card a h2 {
            font-size: 18px;
            font-size: 1.175rem;
            padding: 16px 16px 0 16px; 
        }
        .card a p {
           padding: 0 16px 32px 16px;
        }
        #searchsummary, #results-wrapper {
        margin-left: 12px !important;
        }
        .moh-rtePosition-1, .moh-rtePosition-2 {
            float:none;
            margin: 8px auto;
        }
    }

    /* --- Small mobile breakpoint --- */

    @media only screen and (max-width: 480px){
        #skip {
        left: 0;	
        }
        #logo a {
        background-position: center left 30%;
        background-size: 48px;
    }
        #logo:after {
        left: 60px;
        font-size: 20px;
    }
        .container .one-fifth.column, .container .two-fifths.column, .container .three-fifths.column, .container .four-fifths.column, .container .one-sixth.column, .container .five-sixths.column {
            width: 100%;
            padding: 0 4px;
        }
    }