/*  Phone */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    /* Adjust for notch */
    padding-top: env(safe-area-inset-top);
    #exam-summary table.table {
        font-size: .3rem;
    }
}

/* iPhone 12/13/14/15 Pro (390px width) */
@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
    /* Styles for newer iPhones */
    #exam-summary table.table {
        font-size: .3rem !important;
    }
}

/* iPhone Plus/Max models (428px width) */
@media only screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) {
    /* iPhone 12/13/14/15 Pro Max */
    #exam-summary table.table {
        font-size: .3rem !important;
    }
}

/* Samsung Galaxy S series (360-412px typical) */
@media (min-width: 360px) and (max-width: 412px) {
    #exam-summary table.table {
        font-size: .3rem !important;
    }
    /* Common Android phone range */
}

/* Pixel devices (412px width common) */
@media (min-width: 412px) and (max-width: 414px) {
    /* Google Pixel phones */
    #exam-summary table.table {
        font-size: .3rem !important;
    }
}
/* Tablets Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .nav.navbar-nav {
        display: inline-block;
    }

    li.nav-item.text-center.p-1 {
        display: inline-block;
    }

    form#crequest .row.fo, form#crequestro .row.fo {
        height: 12rem;
        display: flex;
    }

    #exam-summary table.table {
        font-size: .3rem !important;
    }
}
/* Portrait and Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .nav.navbar-nav {
        display: inline-block;
    }

    li.nav-item.text-center.p-1 {
        display: inline-block;
    }

    form#crequest .row.fo, form#crequestro .row.fo {
        height: 12rem;
        display: flex;
    }

    #exam-summary table.table {
        font-size: .3rem !important;
    }
}
/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    #exam-summary table.table {
        font-size: .3rem;
    }

    .flyout {
        position: relative;
        margin: 0;
        top: unset !important;
        flex-direction: row !important;
        width: 100%;
    }

        .flyout h6 {
            font-size: 1rem;
        }

        .flyout i[class*=" fa-2x"] {
            font-size: 1.25rem;
        }

        .flyout button {
            height: 5.9rem;
        }

    .container.mt-1 {
        margin-top: 3.25rem !important;
    }

    .crb-btm {
        display: block;
    }

    form#crequest .row.fo, form#crequestro .row.fo {
        height: 12rem;
        display: flex;
    }
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    #exam-summary table.table {
        font-size: .3rem !important;
    }

    .navbar-header {
        opacity: 0;
        width: 1%;
    }

    #lgn {
        width: 15rem;
    }

    .row.fade-in.one > .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 9.333333%;
        max-width: 9.333333%;
    }

    .btn {
        padding: 1px;
    }

    form#crequest .row.fo, form#crequestro .row.fo {
        height: 12rem;
        display: flex;
    }
}
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #exam-summary table.table {
        font-size: .3rem !important;
    }

    .nav.navbar-nav {
        display: inline-block;
    }

    li.nav-item.text-center.p-1 {
        display: inline-block;
    }

    form#crequest .row.fo, form#crequestro .row.fo {
        height: 12rem;
        display: flex;
    }
}
/* Portrait and Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #exam-summary table.table {
        font-size: .3rem !important;
    }

    .nav.navbar-nav {
        display: inline-block;
    }

    li.nav-item.text-center.p-1 {
        display: inline-block;
    }

    form#crequest .row.fo, form#crequestro .row.fo {
        height: 12rem;
        display: flex;
    }
}
/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    #exam-summary table.table {
        font-size: .3rem !important;
    }

    .flyout {
        position: relative;
        margin: 0;
        top: unset !important;
        flex-direction: row !important;
        width: 100%;
    }

        .flyout h6 {
            font-size: 1rem;
        }

        .flyout i[class*=" fa-2x"] {
            font-size: 1.25rem;
        }

        .flyout button {
            height: 5.9rem;
        }

    .container.mt-1 {
        margin-top: 3.25rem !important;
    }

    .crb-btm {
        display: block;
    }

    form#crequest .row.fo, form#crequestro .row.fo {
        height: 12rem;
        display: flex;
    }
}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    #exam-summary table.table {
        font-size: .3rem !important;
    }

    .navbar-header {
        opacity: 0;
        width: 1%;
    }

    #lgn {
        width: 15rem;
    }

    .row.fade-in.one > .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 9.333333%;
        max-width: 9.333333%;
    }

    .btn {
        padding: 1px;
    }

    form#crequest .row.fo, form#crequestro .row.fo {
        height: 12rem;
        display: flex;
    }
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    #exam-summary table.table {
        font-size: .3rem !important;
    }

    .navbar-header {
        opacity: 1;
        -webkit-transition: opacity 3s ease-in-out;
        -moz-transition: opacity 3s ease-in-out;
        -ms-transition: opacity 3s ease-in-out;
        -o-transition: opacity 3s ease-in-out;
    }

    form#crequest .row.fo, form#crequestro .row.fo {
        height: 12rem;
        display: flex;
    }

    /* ----------- iPad 3, 4 and Pro 9.7" ----------- */

    /* Portrait and Landscape */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
        #exam-summary table.table {
            font-size: .3rem !important;
        }
    }

    /* Portrait */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
        #exam-summary table.table {
            font-size: .3rem !important;
        }
    }

    /* Landscape */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
        #exam-summary table.table {
            font-size: .3rem !important;
        }
    }

    /* ----------- iPad Pro 10.5" ----------- */

    /* Portrait and Landscape */
    @media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
        #exam-summary table.table {
            font-size: .3rem !important;
        }
    }

    /* Portrait */
    /* Declare the same value for min- and max-width to avoid colliding with desktops */
    /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
    @media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
    }

    /* Landscape */
    /* Declare the same value for min- and max-width to avoid colliding with desktops */
    /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
    @media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
        #exam-summary table.table {
            font-size: .3rem !important;
        }
    }

    /* ----------- iPad Pro 12.9" ----------- */

    /* Portrait and Landscape */
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
        #exam-summary table.table {
            font-size: .3rem !important;
        }
    }

    /* Portrait */
    /* Declare the same value for min- and max-width to avoid colliding with desktops */
    /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
        #exam-summary table.table {
            font-size: .3rem !important;
        }
    }

    /* Landscape */
    /* Declare the same value for min- and max-width to avoid colliding with desktops */
    /* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
    @media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
        #exam-summary table.table {
            font-size: .3rem !important;
        }
    }
    /* ----------- Nexus 7 ----------- */

    /* Portrait and Landscape */
    @media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) {
        #exam-summary table.table {
            font-size: .3rem !important;
        }
    }

    /* Portrait */
    @media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: portrait) {
        #exam-summary table.table {
            font-size: .3rem !important;
        }
    }

    /* Landscape */
    @media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: landscape) {
        #exam-summary table.table {
            font-size: .3rem !important;
        }
    }

    /* ----------- Nexus 9 ----------- */

    /* Portrait and Landscape */
    @media screen and (device-width: 1536px) and (device-height: 2048px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) {
        #exam-summary table.table {
            font-size: .3rem !important;
        }
    }

    /* Portrait */
    @media screen and (device-width: 1536px) and (device-height: 2048px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: portrait) {
        #exam-summary table.table {
            font-size: .3rem !important;
        }
    }

    /* Landscape */
    @media screen and (device-width: 1536px) and (device-height: 2048px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: landscape) {
        #exam-summary table.table {
            font-size: .3rem !important;
        }
    }