@media only screen and (max-width : 1100px) {

    .section-links .boxes-3col {
        width: 46%;
        margin: 0 4% 20px 0;
    }

    .share-content-home i {
        font-size: 18px;
        width: 1.7em;
        line-height: 1.7em;
        border-radius: 1.7em;
        margin-right: 4px;
    }

    .share-content-home .share {
        font-size: 12px;
        margin-right: 2px;
    }
}


@media only screen and (max-width : 850px) {
    ul.menuNav li > a {
        font-size: 1em;
        display: block;
        padding: 6px 10px 8px;
    }

    #scie-tweets li {
        width: 100%;
    }

    .contentpage div.content[role=main] {
        width: 73%;
        margin: 0 0 0 2%;
        float: left;
    }

    .main-content {
        width: 96%;
        margin: 0 2%;
    }

    .latest {
        width: 96% !Important;
        margin: 0 2%;
    }

    .aside {
        width: 73%;
        clear: right;
        float: right;
    }

    .more-button {
        margin-bottom: 30px;
    }

    .connect-with-us .tweets, .connect-with-us .facebook-feed, .connect-with-us .follow {
        float: left;
        width: 100%;
        margin: 30px 0 0 0;
    }
}

@media only screen and (max-width: 550px) {

    .container-s {
        display: none;
    }

    .search-box {
        display: none;
    }

    .share-content ul li {
        display: inline-block;
    }


    .share-content-home {
        border-top: solid 1pt #fff;
        padding-top: 0px;
        margin-top: 10px;
        float: left;
    }

    .connect-with-us .connect-heading {
        border-bottom: 1px solid #fff;
    }
}


/* Mobile */

@media only screen and (max-width: 480px) {

    .top-nav-follow {
        display: none;
        visibility: hidden;
    }

    .sciebar ul {
        padding-top: 6px;
        padding-bottom: 6px;
        margin: 0;
        width: 100%;
    }

    .sciebar ul {
        float: left;
    }

    .main-feature-home {
        display: flex;
        flex-direction: column;
    }

        .main-feature-home .img-column {
            width: 100%;
            margin-bottom: 10px;
            order: 1;
        }

    .main-feature .img-column {
        width: 100%;
        margin: 0;
    }

    .main-feature-home .img-column {
        height: 240px;
        overflow: hidden;
        margin-top: -60px;
    }


    .main-feature-home .text-column, .main-feature .text-column {
        width: 100%;
        order: 2;
    }

        .main-feature-home .text-column .feature-type {
            font-size: 13px;
        }

        .main-feature-home .text-column h2, .main-feature .text-column h2 {
            font-size: 19px;
            line-height: 1.25em;
            margin-bottom: 0px;
        }

    .main-content .hero-text {
        font-size: 18px;
        line-height: 1.25em;
    }

    .more-button-mini, .more-button {
        display: block;
        margin-bottom: 30px;
    }

    .latest .latest-heading {
        font-size: 24px;
        line-height: 24px;
    }

    .latest .sub-heading {
        font-size: 20px;
        line-height: 22px;
    }

    .connect-with-us .tweets {
        width: 96%;
        margin: 7px 1%;
    }

    .share-content {
        margin-bottom: 26px;
    }

    .connect-with-us .follow {
        width: 100%;
    }

    .section-links .boxes-2col, .section-links .boxes-3col {
        width: 96%;
        margin: 0 2% 30px 2%;
    }

    .section-links {
        margin-bottom: 0px;
    }

    .content, .main-content {
        float: left;
        width: 96% !important;
        margin: 0 2% !important;
    }

        .content h1 {
            font-size: 22px;
            margin-bottom: 10px;
        }

        .content h2 {
            font-size: 20px;
        }

    .video-right {
        width: 96%;
        float: left;
        margin: 0 2% 20px 2%;
    }

    .intro .intro-right.none-video {
        margin-bottom: 20px;
    }

    #logoWrapper {
        margin: 0;
        padding-bottom: 14px;
    }

    .resources .img-column, .main-feature-safeguarding .img-column {
        width: auto !Important;
    }

    .main-feature-safeguarding .img-column {
        width: auto !Important;
        padding-bottom: 0;
    }

    .resources .text-column, .main-feature-safeguarding .text-column {
        width: auto !Important;
    }
}

@media only screen and (max-width: 480px) {

    .page-header h1, .page-header p {
        font-size: 24px;
        padding: 12px 0 15px 5px;
        line-height: 120%;
    }
}

/* Mobile - Show/Hide */

@media only screen and (min-width: 481px) {
    .show-m {
        display: none !important;
    }

    .hidden-m {
        display: block !important;
    }

    .search-m {
        display: none !important;
    }
}

@media only screen and (max-width : 480px) {
    .show-m {
        display: block !important;
    }

    .hidden-m {
        display: none !important;
    }

    .search-m {
        display: inline-block !important;
        float: right;
        margin-right: 10px;
    }
}