@media only screen and (max-width:767px) {
    body.overview #container {
        width: 96%;
        min-width: 0;
        max-width: 100%;
    }

    body.overview .primary-content {
        background-color: transparent;
        box-shadow: none;
        margin-bottom: 10px;
    }

    body.overview div.overview {
        background-color: #fff;
        width: 96%;
        min-height: 430px;
        margin: 0 10px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        border: none;
        box-shadow: rgb(150, 147, 150) 0 0 5px;
    }

    body.overview .primary-content h1.outside-header {
        display: block;
        margin: 10px;
        font-variant: none;
        font-size: 28px;
    }

    body.overview .page-group-list .storycard-tile-col2 .storycard .storycard-desc,
    body.overview .page-group-list .storycard-tile-col3 .storycard .storycard-desc {
        margin-bottom: 20px;
    }

    body.overview .page-intro-content {
        margin-top: 3%;
    }

    body.overview .page-intro-item h1 {
        display: none;
    }

    body.overview .page-group-list .storycard-tile-col2 .storycard,
    body.overview .page-group-list .storycard-tile-col3 .storycard {
        display: inline-block;
        margin: 0;
        min-height: 275px;
        vertical-align: top;
        width: 100%;
    }

    body.overview .page-group-list .storycard-tile-col2 .storycard .storycard-desc,
    body.overview .page-group-list .storycard-tile-col3 .storycard .storycard-desc {
        line-height: 18px;
    }

    body.overview .primary-header-content .page-intro-item .page-intro-content,
    body.overview .primary-content .page-intro-item .page-intro-content,
    body.overview .primary-header-content .page-intro-item .page-intro-content {
        width: 94%;
    }

    /*****************************************/

    body.overview-tabs #container {
        width: 96%;
    }

    body.overview-tabs .container {
        background-color: transparent;
        box-shadow: none;
    }

    body.overview-tabs .primary-header-content .page-header-item .page-intro-item,
    body.overview-tabs .primary-content .overview .page-intro-item {
        background-color: transparent;
    }

    body.overview-tabs .primary-content .overview .page-header-item .page-intro-content h1,
    body.overview-tabs .primary-content .overview .page-header-item .page-intro-content p {
        margin: 0;
    }

    body.overview-tabs .primary-content .overview .page-intro-content {
        width: 94%;
        margin: 0 auto;
    }

    body.overview-tabs .page-group-list .storycard-tile-col2 .storycard,
    body.overview-tabs .page-group-list .storycard-tile-col3 .storycard {
        display: inline-block;
        margin: 10px auto;
        min-height: 275px;
        vertical-align: top;
        width: 100%;
    }

    body.overview-tabs .content-header-image .view-gallery-link {
        right: unset;
        left: 35px;
    }

    body.overview .page-group-list .storycard span.peptasia.peptasia-right,
    body.overview-tabs .page-group-list .storycard span.peptasia.peptasia-right {
        color: #d0d7de;
        float: right;
        font-size: 35px;
        font-weight: bold;
    }
}


@media only screen and (max-width:768px) and (min-width:768px) {
    div.overview .page-group-list .storycard-tile-col2 .storycard {
        width: 47.4%;
    }

    div.overview .page-group-list .storycard-tile-col3 .storycard {
        width: 30.6%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {

    body.overview-tabs .primary-header-content .modularCta,
    body.overview-tabs .primary-header-content .modularCtaShort,
    body.overview-tabs .primary-header-content .modularCta .title,
    body.overview-tabs .primary-header-content .modularCtaShort .title {
        margin: 0 !important;
        width: 100% !important;
    }
}