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

    .filter_highlight span.second {
        font-size: 1.5em;
    }
}

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

    .filter_highlight span.second {
        font-size: 1.5em;
    }
}

/* |<---->|                      */
/* |  xs  |  sm  |  md  |  lg  | */
@media screen and (max-width: 767px) {

    .listing_grid.start_2.mobile_1 {
        --cols: 1;
    }

    .filter_date_column {
        border-left: 0;
        padding: 0;
    }

    .modNewsFilterBar {
        margin-bottom: 30px;
    }

        .modNewsFilterBar .btn-group {
            display: block;
        }

        .modNewsFilterBar .dropdown-menu {
            width: 100%;
        }

    .news_row .img-responsive {
        margin-bottom: 15px;
    }

    .modNewsMetaData small {
        display: block;
    }

    .news_row .link_block_xs .glyphicon {
        float: right;
    }

    .filter_highlight {
        margin: 15px 0;
    }
}


/*-----------------------------------------------------------------------------------------------*/
/* Jamie Responsive styling */
/*-----------------------------------------------------------------------------------------------*/

/*xs*/
@media screen and (min-width: 0px) {

    #resource-filter-bar h2 {
        align-items: center;
        display: flex;
        flex-direction: column;
    }

        #resource-filter-bar h2 span {
            line-height: 1.4;
            margin-top: 20px;
            margin-left: 0;
        }

    #resources_hub .resources-inline #btnAllResources {
        position: relative;
        right: auto;
    }

    .listing_grid {
        display: flex;
        flex-direction: column;
    }
}

/*sm*/
@media screen and (min-width: 576px) {
}

/*md*/
@media screen and (min-width: 768px) {
    #resource-filter-bar h2 {
        display: flex;
        flex-direction: row;
    }

        #resource-filter-bar h2 span {
            line-height: 1.15em;
            margin-left: 20px;
            margin-top: 0;
        }
}

/*lg*/
@media screen and (min-width: 992px) {
    #resources_hub .resources-inline #btnAllResources {
        bottom: 30px;
        position: absolute;
        right: 40px;
    }
}

/*xl*/
@media screen and (min-width: 1200px) {
}

/*xxl*/
@media screen and (min-width: 1400px) {
}