@media screen and (max-width: 768px) {
    .header-inner {
        padding-top: 4em;
    }

    html {
        scroll-padding-top: 220px;
    }

    .logo-img img {
        width: 145px;
    }

    .breadcrumbs {
        top: 12em;
    }

    /* change for small screens for case when no icons are present - stops headings indenting unnecessarily */
    .oc-link[data-oc-buttons="zero_count"] {
        margin-right: 0;
        display: inline;
    }
}

@media only screen and (min-width: 769px) {
    /* change for small screens for case when no icons are present - stops headings indenting unnecessarily */
    .oc-link[data-oc-buttons="zero_count"] {
        margin-right: 0;
        display: inline;
    }
}


@media only screen and (min-width: 1360px) {
    /* hide count for guttering */
    .readdocument__rep-count {
        display: none;
    }
}