@media screen {
}

/* Tablets */
@media screen and (min-width: 1px) and (max-width: 800px) {

    #MainContainer {
        width: 100%;
        overflow: hidden;
        margin: 0px;
    }

        /*
            Banner
        */
        #MainContainer #Banner {
            width: 100%;
        }

            #MainContainer #Banner #stateLinks,
            #MainContainer #Banner #menuBox,
            #MainContainer #Banner #bannerLogo {
                display: none;
            }

            #MainContainer #Banner #bannerTitleContainer #bannerTitleBar {
                margin-top: 0px;
                width: 100%;
                -moz-border-radius: 0px 0px 0px 0px;
                -webkit-border-radius: 0px 0px 0px 0px;
                -khtml-border-radius: 0px 0px 0px 0px;
                border-radius: 0px 0px 0px 0px;
                padding-top: 0.2em;
                padding-bottom: 0.2em;
                min-height: 2.6em;
            }
                #MainContainer #Banner #bannerTitleContainer #bannerTitleBar .bannerTitle {
                    display: inline-block;
                }

            #MainContainer #Banner #bannerTitleContainer #__ba_launchpad {
                float: none;
                position: absolute !important;
                right: 5px !important;
                top: 5px !important;
                margin-top: 0;
                margin-right: 0;
                /* max-width: 20%; */
            }

                #MainContainer #Banner #bannerTitleContainer #__ba_launchpad._launchpad {
                    position: absolute !important;
                }

            #MainContainer #Banner #bannerTopMobile {
                float: none;
                background-color: white;
                display: block;
                overflow: hidden;
                height: 75px;
                min-width: 245px;
                line-height: normal;
                text-align: center;
            }

                #MainContainer #Banner #bannerTopMobile .bannerMobileButton {
                    border-left: 1px solid #f20017;
                    float: left;
                    height: 100%;
                    width: 25%;
                    padding: 5px 5px;
                    box-sizing: border-box;
                    font-size: 11pt;
                    display: table;
                }

                    #MainContainer #Banner #bannerTopMobile .bannerMobileButton .bannerMobileButtonContent {
                        display: table-cell;
                        vertical-align: middle;
                    }

                    #MainContainer #Banner #bannerTopMobile .bannerMobileButton #bannerMobileLogo {
                        display: block;
                        height: 65px;
                        width: 100%;
                        background-image: url("/images/bold-beginning-2019.png");
                        background-position: center center;
                        background-repeat: no-repeat;
                        background-size: 55px;
                    }

                    #MainContainer #Banner #bannerTopMobile .bannerMobileButton #ohioGovLogo {
                        display: block;
                        height: 65px;
                        width: 100%;
                        background-image: url("/images/ohio-gov-512.png");
                        background-position: center center;
                        background-repeat: no-repeat;
                        background-size: 150px;
                    }

                    #MainContainer #Banner #bannerTopMobile .bannerMobileButton .bannerMobileIcon {
                        font-size: 24pt;
                    }

                    #MainContainer #Banner #bannerTopMobile .bannerMobileButton .bannerMobileCaption {
                        font-size: 12pt;
                        line-height: 12pt;
                    }

                #MainContainer #Banner #bannerTopMobile > *:last-child .bannerMobileButton {
                    border-right: 1px solid #f20017;
                }

                #MainContainer #Banner #bannerTopMobile a {
                    color: black;
                    font-weight: bold;
                    text-decoration: none;
                }

        /*
            Content
        */
        #MainContainer #Content {
            width: 100%;
            margin-left: 0px;
            margin-right: 0px;
            margin-top: 4px;
        }

            #MainContainer #Content input,
            #MainContainer #Content select {
                font-size: 1.1em;
            }

            #MainContainer #Content .returnButton {
                margin-left: 0px;
                font-size: 0.85em;
            }

                #MainContainer #Content .returnButton .returnButtonText {
                    line-height: 2.1em;
                }

            #MainContainer #Content #searchScreen {
                margin-left: 10px;
                margin-right: 10px;
            }
            /*
                Results List
            */

            #MainContainer #Content .resultsList {
                position: relative;
                display: block;
                float: left;
                width: 100%;
                box-sizing: border-box;
            }

                #MainContainer #Content .resultsList .resultsListHeaderRow {
                    display: none;
                }

                #MainContainer #Content .resultsList .resultsListRow {
                    position: relative;
                    display: block;
                    float: left;
                    width: 100%;
                    box-sizing: border-box;
                    padding: 0.25em 0px;
                    border-bottom: solid #707070 1px;
                }

                    #MainContainer #Content .resultsList .resultsListRow:nth-child(2) {
                        border-top: solid #707070 1px;
                    }

                    #MainContainer #Content .resultsList .resultsListRow > a {
                        display: inherit;
                    }

                    #MainContainer #Content .resultsList .resultsListRow a.mobileRowSelectorButton,
                    #MainContainer #Content .resultsList .resultsListRow a.mobileRowSelectorButton:link,
                    #MainContainer #Content .resultsList .resultsListRow a.mobileRowSelectorButton:active,
                    #MainContainer #Content .resultsList .resultsListRow a.mobileRowSelectorButton:visited,
                    #MainContainer #Content .resultsList .resultsListRow a.mobileRowSelectorButton:hover,
                    #MainContainer #Content .resultsList .resultsListRow a.mobileRowSelectorButton:focus {
                        color: rgb(130, 130, 130);
                        color: rgba(130, 130, 130, 0.5);
                        text-decoration: none;
                    }

                        #MainContainer #Content .resultsList .resultsListRow a.mobileRowSelectorButton:hover,
                        #MainContainer #Content .resultsList .resultsListRow a.mobileRowSelectorButton:focus {
                            color: #f20017;
                        }

                        #MainContainer #Content .resultsList .resultsListRow a.mobileRowSelectorButton:not([href]) {
                            display: none;
                        }

                    #MainContainer #Content .resultsList .resultsListRow .mobileRowSelector {
                        display: block;
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        background: none;
                        z-index: 555;
                        top: 0px;
                        left: 0px;
                        font-size: 32pt;
                        text-align: right;
                        line-height: 2em;
                    }

                    #MainContainer #Content .resultsList .resultsListRow:hover,
                    #MainContainer #Content .resultsList .resultsListRow:focus {
                        background-color: #C1DEF4;
                    }

                    #MainContainer #Content .resultsList .resultsListRow .resultsListColumn {
                        display: block;
                        width: 100%;
                        float: left;
                        clear: both;
                        box-sizing: border-box;
                    }

                        #MainContainer #Content .resultsList .resultsListRow .resultsListColumn .desktopOnlyDisplay {
                            display: none;
                        }

                        #MainContainer #Content .resultsList .resultsListRow .resultsListColumn .mobileOnlyDisplay {
                            display: inline;
                        }

                        #MainContainer #Content .resultsList .resultsListRow .resultsListColumn a,
                        #MainContainer #Content .resultsList .resultsListRow .resultsListColumn a:link,
                        #MainContainer #Content .resultsList .resultsListRow .resultsListColumn a:active,
                        #MainContainer #Content .resultsList .resultsListRow .resultsListColumn a:visited,
                        #MainContainer #Content .resultsList .resultsListRow .resultsListColumn a:focus,
                        #MainContainer #Content .resultsList .resultsListRow .resultsListColumn a:hover {
                            color: black;
                        }


            /*
                Search Criteria
            */
            #MainContainer #Content #searchCriteria .criterion {
                padding: 8px 0;
            }

                #MainContainer #Content #searchCriteria .criterion:nth-child(2n+1) {
                    background-color: #ffffff;
                }

                #MainContainer #Content #searchCriteria .criterion .twoColumn {
                    width: auto;
                }

                    #MainContainer #Content #searchCriteria .criterion .twoColumn + .twoColumn {
                        clear: left;
                        padding-top: 16px;
                        width: auto;
                    }

                #MainContainer #Content #searchCriteria .criterion .criterionField.multiLine .multiChoice {
                    min-width: 47%;
                }

                #MainContainer #Content #searchCriteria .criterion .criterionField.fullWidth .multiChoice {
                    min-width: 20%;
                }

                #MainContainer #Content #searchCriteria .criterion .criterionField .multiChoiceSeparator {
                    height: 12px;
                }

            #MainContainer #Content #formActions .submitButton {
                margin-left: 0px;
            }

            #MainContainer #Content #Definitions {
                width: 93%;
                margin-left: 10px;
            }

            /*
                Search Results
            */
            #MainContainer #Content #programSearchResults {
                display: inherit;
            }

                #MainContainer #Content #programSearchResults #programTypeLegend {
                    display: none;
                }

                #MainContainer #Content #programSearchResults .resultsList .resultsListRow .resultsListColumn.programListColumnType {
                    text-align: left;
                }

                #MainContainer #Content #programSearchResults .resultsList .resultsListRow .resultsListColumn.programListColumnName {
                    font-weight: bold;
                    font-size: 1.1em;
                }

            /*
                Program Details
            */
            #MainContainer #Content #programDetails #licensedProgramDetails {
                font-size: 10.5pt;
            }

                #MainContainer #Content #programDetails #licensedProgramDetails .detailHeader {
                    margin-left: 10px;
                    margin-right: 10px;
                }

                #MainContainer #Content #programDetails #licensedProgramDetails .detailFeedLink a,
                #MainContainer #Content #programDetails #licensedProgramDetails .detailFeedLink a:link,
                #MainContainer #Content #programDetails #licensedProgramDetails .detailFeedLink a:visited,
                #MainContainer #Content #programDetails #licensedProgramDetails .detailFeedLink a:active,
                #MainContainer #Content #programDetails #licensedProgramDetails .detailFeedLink a:hover,
                #MainContainer #Content #programDetails #licensedProgramDetails .detailFeedLink a:focus,
                #MainContainer #Content #programInspections .detailFeedLink a,
                #MainContainer #Content #programInspections .detailFeedLink a:link,
                #MainContainer #Content #programInspections .detailFeedLink a:visited,
                #MainContainer #Content #programInspections .detailFeedLink a:active,
                #MainContainer #Content #programInspections .detailFeedLink a:hover,
                #MainContainer #Content #programInspections .detailFeedLink a:focus {
                    float: left;
                    max-width: 100%;
                    margin-left: 0.6em;
                    min-width: initial;
                }

                #MainContainer #Content #programDetails #licensedProgramDetails .detailGroup {
                    width: 100%;
                    padding-right: 0px;
                }

                #MainContainer #Content #programDetails #licensedProgramDetails .detailRow {
                    padding-left: 10px;
                    padding-right: 10px;
                    box-sizing: border-box;
                }

                    #MainContainer #Content #programDetails #licensedProgramDetails .detailRow:last-child {
                        border-bottom: solid 1px lightgray;
                    }

                    #MainContainer #Content #programDetails #licensedProgramDetails .detailRow .detailLabel {
                        width: 45%;
                    }

                    #MainContainer #Content #programDetails #licensedProgramDetails .detailRow .detailInfo {
                        width: 55%;
                    }

                #MainContainer #Content #programDetails #licensedProgramDetails .detailGroup + .detailGroup {
                    width: 100%;
                    padding-right: 0px;
                }

                    #MainContainer #Content #programDetails #licensedProgramDetails .detailGroup + .detailGroup .detailRow .detailLabel {
                        width: 45%;
                    }

                    #MainContainer #Content #programDetails #licensedProgramDetails .detailGroup + .detailGroup .detailRow .detailInfo {
                        width: 55%;
                    }

            #MainContainer #Content #programDetails #selfReportedProgramDetails {
                font-size: 10.5pt;
                border-top: none;
                padding-left: 10px;
                padding-right: 10px;
                margin-bottom: 15px;
            }

                #MainContainer #Content #programDetails #selfReportedProgramDetails .disclaimer {
                    -moz-border-radius: 20px 20px 20px 20px;
                    -webkit-border-radius: 20px 20px 20px 20px;
                    -khtml-border-radius: 20px 20px 20px 20px;
                    border-radius: 20px 20px 20px 20px;
                    padding: 0.8em;
                }

                #MainContainer #Content #programDetails #selfReportedProgramDetails #agesServed,
                #MainContainer #Content #programDetails #selfReportedProgramDetails #hoursOfOperation,
                #MainContainer #Content #programDetails #selfReportedProgramDetails #otherServices,
                #MainContainer #Content #programDetails #selfReportedProgramDetails #accreditations {
                    width: 100%;
                    clear: left;
                }

            /*
            Inspections: Common Elements
        */
            #MainContainer #Content #inspectionsHeader {
                margin-left: 10px;
                margin-right: 10px;
            }

                #MainContainer #Content #inspectionsHeader .inspectionsProviderName {
                    display: block;
                    width: 100%;
                }

            #MainContainer #Content #inspectionsSubheader {
                margin-left: 10px;
                margin-right: 10px;
            }

                #MainContainer #Content #inspectionsSubheader > span {
                    display: block;
                    position: relative;
                    float: left;
                    clear: both;
                    margin-left: 0px;
                }

                    #MainContainer #Content #inspectionsSubheader > span:nth-child(n+2) {
                        margin-left: 0px;
                    }

            #MainContainer #Content #inspectionsIntro {
                margin-left: 10px;
                margin-right: 10px;
            }

            #MainContainer #Content .inspectionsInformationBox {
                padding-left: 10px;
                padding-right: 10px;
                border-top: none;
            }


            /*
                Program Inspections, Inspection Details
            */

            #MainContainer #Content #programInspections,
            #MainContainer #Content #programInspectionDetails {
                font-size: 10.5pt;
            }

                #MainContainer #Content #programInspections .resultsList .resultsListRow:nth-child(2),
                #MainContainer #Content #programInspectionDetails .resultsList .resultsListRow:nth-child(2) {
                    border-top: solid #707070 1px;
                }

                #MainContainer #Content #programInspectionDetails .inspectionDetailsFullReport {
                    display: block;
                    position: relative;
                    float: left;
                    clear: both;
                    width: 100%;
                    margin-top: 0.9em;
                    padding-left: 10px;
                    padding-right: 10px;
                }

            /*
                Program Inspection Findings
            */
            #MainContainer #Content #programInspectionFindings #inspectionFindsingsBox {
                padding-bottom: 1.5em;
                padding-left: 10px;
                padding-right: 10px;
                border-bottom: 1px solid #999999;
            }

            /*
                Error Page
            */
            #MainContainer #Content #ErrorPage {
                padding-left: 10px;
                padding-right: 10px;
            }

            /*
                RSS Feed
            */
            #MainContainer #Content .RSSFeedIntroHeader {
                margin-left: 1em;
                margin-right: 1em;
            }

            #MainContainer #Content .RSSFeedIntroContent {
                margin-left: 1em;
                margin-right: 1em;
            }

                #MainContainer #Content .RSSFeedIntroContent .RSSFeedIntroTitle {
                    font-size: 1.3em;
                }

                #MainContainer #Content .RSSFeedIntroContent .RSSFeedHelp img {
                    max-width: 90%;
                }

        /*
            Footer
        */
        #MainContainer #Footer .footerColumn {
            width: 45%;
        }

            #MainContainer #Footer .footerColumn:nth-child(1) {
                margin-left: 10%;
            }

            #MainContainer #Footer .footerColumn:nth-child(n+3) {
                width: 90%;
                margin-left: 10%;
            }

                #MainContainer #Footer .footerColumn:nth-child(n+3) .footerItem {
                    clear: none;
                    width: 50%;
                }
}

/* Tablets Narrow*/
@media screen and (min-width: 1px) and (max-width: 700px) {

    #MainContainer #Banner #bannerTopMobile .bannerMobileButton {
        font-size: 10.5pt;
    }

        #MainContainer #Banner #bannerTopMobile .bannerMobileButton .bannerMobileOhio {
            display: none;
        }

        #MainContainer #Banner #bannerTopMobile .bannerMobileButton #ohioGovLogo {
            background-size: 130px;
        }

    #MainContainer #Banner #bannerTitleContainer #bannerTitleBar {
        font-size: 17pt;
    }

        #MainContainer #Banner #bannerTitleContainer #bannerTitleBar .bannerTitle {
            max-width: 77%;
        }

    #MainContainer #Content #searchCriteria .criterion .criterionField.autoWidth .multiChoice {
        min-width: 100%;
        margin-right: 0;
    }

    #MainContainer #Content #searchCriteria .criterion .criterionField.fullWidth .multiChoice {
        min-width: 100%;
    }

    #MainContainer #Content #programDetails #licensedProgramDetails .detailHeader,
    #MainContainer #Content #inspectionsHeader,
    #MainContainer #Content #ErrorPage .ErrorHeader {
        font-size: 1.4em;
    }
}

/* Tablets Very Narrow / Mobile Wide */
@media screen and (min-width: 1px) and (max-width: 615px) {
    #MainContainer #Footer .footerColumn {
        width: 99%;
        margin-left: 0px;
    }

        #MainContainer #Footer .footerColumn:nth-child(1) {
            margin-left: 0px;
        }

        #MainContainer #Footer .footerColumn:nth-child(n+3) {
            width: 99%;
            margin-left: 0px;
        }

            #MainContainer #Footer .footerColumn:nth-child(n+3) .footerItem {
                clear: both;
                width: 100%;
            }

        #MainContainer #Footer .footerColumn .footerItem {
            clear: both;
            width: 100%;
            text-align: center;
        }
}

/* Mobile */
@media screen and (min-width: 1px) and (max-width: 579px) {

    #MainContainer #Banner #bannerTopMobile .bannerMobileButton #ohioGovLogo {
        background-image: url("/images/ohio-no-gov-280.png");
        background-size: 100px;
    }

    #MainContainer #Content #searchCriteria .criterion .criterionField.multiLine .multiChoice {
        min-width: 100%;
    }

    #MainContainer #Content .resultsList .resultsListRow .resultsListColumn .mobileOnlyDisplay.longLabel {
        display: block;
    }
}

@media screen and (min-width: 1px) and (max-width: 500px) {
    #MainContainer #Banner #bannerTopMobile .bannerMobileButton #ohioGovLogo {
        background-size: 75px;
    }

    #MainContainer #Content .listPager .FirstPrev,
    #MainContainer #Content .listPager .PageNumbers,
    #MainContainer #Content .listPager .NextLast {
        display: block;
        width: 100%;
        float: left;
        clear: both;
    }

    #MainContainer #Content .inspectionsInformationBox .inspectionStatusDefBox .inspectionStatusDefRow .inspectionStatusTerm {
        width: 100%;
        padding-right: 0px;
    }

    #MainContainer #Content .inspectionsInformationBox .inspectionStatusDefBox .inspectionStatusDefRow .inspectionStatusDef {
        width: 100%;
        clear: both;
    }

    #MainContainer #Banner #bannerTopMobile #OhioGov span:last-child {
        display: none;
    }

    #MainContainer #Banner #bannerTitleContainer #bannerTitleBar .bannerTitle {
        max-width: 60%;
    }

}

/* Mobile Narrow*/
@media screen and (min-width: 1px) and (max-width: 400px) {

    #MainContainer {
        min-width: 320px;
    }


        #MainContainer #Banner #bannerTopMobile .bannerMobileButton .bannerMobileDeptOf {
            display: none;
        }

        #MainContainer #Banner #bannerTopMobile .bannerMobileButton {
            padding-left: 0px;
            padding-right: 0px;
        }

            #MainContainer #Banner #bannerTopMobile .bannerMobileButton #ohioGovLogo {
                background-size: 70px;
            }
}