@media only screen and (max-width: 980px) {
    #FnlSubSiteHeader > .SubSiteHeader, #FnlSubSiteNavigation ul, #FnlSubSitePage > .InnerPage > .PageContainer {
        max-width: 740px;
        width: auto;
    }

    /*Moves Search Wrap to 100% and removes float*/

    .NcifSearchWrap {
        float: none;
    }

    /*Maintains Search Input Height*/

    .NcifSearchField > input {
        height: 35px;
    }

    .NcifSearchSubmit > input {
        height: 27px;
    }
    /*Remove float from file upload*/

    #fileUpload {
        float: none;
        min-height: 0;
        min-width: 0;
        box-sizing: border-box;
    }
}


@media only screen and (max-width: 760px) {
    #FnlSubSiteHeader > .SubSiteHeader, #FnlSubSiteNavigation ul, #FnlSubSitePage > .InnerPage > .PageContainer {
        width: auto;
        max-width: 580px;
    }

}


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

    #FnlSubSitePage > .InnerPage {
        background: #ffffff none;
    }

        #FnlSubSitePage > .InnerPage > .PageContainer {
            margin: 0;
            background: transparent none;
        }

        #FnlSubSitePage > .InnerPage #FnlSubSiteMain {
            background: transparent none;
            display: block;
            height: auto;
            box-sizing: border-box;
        }

    /*Changes the event Containers to flex column instead of row*/

    ul.eventListing > li.eventContainer {
        flex-flow: column nowrap;
        align-items: flex-start;
        align-content: flex-start;
    }

        ul.eventListing > li.eventContainer > div:not(.eventActions):not(.eventOrganization) {
            margin-right: 0;
        }

        ul.eventListing > li.eventContainer > div.eventDate {
            text-align: left;
            flex: 0;
            border-right: none;
            border-bottom: 1px dashed #cdcdcd;
        }

            ul.eventListing > li.eventContainer > div.eventDate > div > span {
                display: inline;
                font-weight: bold;
            }

                ul.eventListing > li.eventContainer > div.eventDate > div > span:nth-child(2) {
                    font-size: .95em;
                }

            ul.eventListing > li.eventContainer > div.eventDate div{
                flex: 0px;
                text-align: left;
            }

    /* IE 11 Fixes */
    _:-ms-fullscreen, :root ul.eventListing > li.eventContainer .ieEventBreakLine {
        margin: 10px;
    }

    _:-ms-fullscreen, :root ul.eventListing > li.eventContainer div.eventActions {
        display: table-caption;
        padding: 15px 15px 10px;
    }

    _:-ms-fullscreen, :root ul.eventListing > li.eventContainer div.eventInformation {
        max-width: 93%;
    }

    _:-ms-fullscreen, :root div.eventBreakLine, ul.eventListing > li.eventContainer .ieEventBreakLine {
        border: none;
    }
}