#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 {
            line-height: 1.5;
            margin-bottom: 0;
        }
        .desktop {display: block;}
        .tablet {display: block;}
        .mobile {display: none;}


        /* --- Extra zoom breakpoints --- */
        @media only screen and (max-width: 1300px) {
            .navigation .sf-menu {
                padding-left: 16px;
            }
        }

        @media only screen and (max-width: 1200px) {
            li.tertiarylinks-list-item {
                display: none;
            }
            .tertiary .covid-19, .tertiary .emergency, .tertiary .covid-easy {
                display: inline-block;
            }
            .mmcontent .eleven ul li {
                width: 30%;        
            }
            .maincontent .four.columns {
                width: 50%;
            }
            .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: 16px 24px 12px 12px;    
            }
            .navigation li.topli a.toplink {
            background-position: right 4px top 50%;
            }
            .breadwrapper {
                padding-top: 44px;
            }
        }
        /* --- Landscape tablet breakpoint --- */

        @media only screen and (max-width: 992px) {
            .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%;
            }
             .container .one-fifth.column.pictogram, .container .two-fifths.column.pictogram, .container .three-fifths.column.pictogram, .container .four-fifths.column.pictogram, .container .one-sixth.column.pictogram, .container .five-sixths.column.pictogram {
            width: 50%;
            padding: 0 8px;
            } 
            .container .one-third.column:nth-last-of-type(2n+1).pictogram, .container .two-thirds.column:nth-last-of-type(2n+1).pictogram, .container .one-fifth.column:nth-last-of-type(2n+1).pictogram, .container .two-fifths.column:nth-last-of-type(2n+1).pictogram, .container .three-fifths.column:nth-last-of-type(2n+1).pictogram, .container .four-fifths.column:nth-last-of-type(2n+1).pictogram, .container .one-sixth.column:nth-last-of-type(2n+1).pictogram, .container .five-sixths.column:nth-last-of-type(2n+1).pictogram, .row .one-third.column:nth-last-of-type(2n+1).pictogram, .row .two-thirds.column:nth-last-of-type(2n+1).pictogram, .row .one-fifth.column:nth-last-of-type(2n+1).pictogram, .row .two-fifths.column:nth-last-of-type(2n+1).pictogram, .row .three-fifths.column:nth-last-of-type(2n+1).pictogram, .row .four-fifths.column:nth-last-of-type(2n+1).pictogram, .row .one-sixth.column:nth-last-of-type(2n+1).pictogram, .row .five-sixths.column:nth-last-of-type(2n+1).pictogram
            {clear:both}
            .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;
            }
            .factdownload {
            position: inherit;
            }
            #footerbottom {
                padding: 0 0 0 8px;
            }
            #footer h2, #footer h6 {
                padding-top: 12px;
            }
            .footerlinks-column {
            width: 33.3% !important;
            }
            #footer #acknowledgement {
                padding: 16px 8px;
            }
            #footer .disclaimerleft a {
                margin-top: -8px;
            }
            #footer .disclaimerright a {
                margin-right: 8px;
            }
            .hero-banner {
                margin-top: 24px !important;
                flex-direction: column !important;
            }
            .hero-banner .hero-image {
                height: 450px;
                width: 100% !important;
            }
            .hero-banner .hero-content {
                padding: 24px 24px 8px 24px!important;
                max-width: 100% !important;
                width: 100% !important;
            }
            .card {
                background-position: bottom 16px left 16px;
            }
            .card a h2 {
                font-size: 18px;
                font-size: 1.175rem;
                padding: 16px 16px 0 16px; 
            }
            .card a p {
               padding: 0 16px 32px 16px;
            }
            .landingbox, .calloutbox, .factsummarybox {
                padding: 16px 16px 8px 16px;    
            }
            .related-links {
                padding: 16px;
            }
             
        }

        /* --- 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 {
            padding-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: 600px){
            .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, .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;
            }
            .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: none;
            }
            #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;
            padding-top:8px;
            }	
            .leftnavwrapper, .leftnav {
            min-height: auto;
            }
            .leftnav ul {
            margin: 12px 0 16px 0;
            }
            .card, .card a,
            .four div, .landingbox {
            height: unset !important;
            min-height: initial !important;
            }
            .lastupdatedwrapper {
                margin-top: 0;
            }
            #footer {
                margin-top: 8px;
            }
            #footerbottom {
                padding: 0 0 0 4px;
            }
            #footer #acknowledgement {
                padding: 8px 4px;
                font-size: 14px;
                font-size: 0.875rem;
            }
            .hero-banner .hero-image {
                height: 240px;
                width:  100% !important;
            }

            #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:not(.pictogram), .container .two-fifths.column:not(.pictogram), .container .three-fifths.column:not(.pictogram), .container .four-fifths.column:not(.pictogram), .container .one-sixth.column:not(.pictogram), .container .five-sixths.column:not(.pictogram) {
                width: 100%;
                padding: 0 4px;
            }
        }