/* === Media Queries ==== */
@media screen and (max-width:1300px) {

    #ray-landing .img-container,
    #prexion-landing .img-containe {
        max-width: 458px;
        justify-content: center;
    }
}

@media screen and (min-width:1246px) {

    #getCBCT #faq ul li:last-child>.accordion-border,
    #getCBCT #faq ul li:nth-last-child(2)>.accordion-border {
        display: none;
    }

}

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

    #studies .row .col {
        width: 44%;
    }

    #getCBCT #faq li {
        max-width: 1246px;
        width: 100%;
    }

    #getCBCT .thumbnail {
        max-width: 320px;
    }


}

@media screen and (min-width:991px) and (max-width:1114px) {
    footer {
        padding: 20px 32px;
    }

    footer #site-map {
        margin-top: 36px;
    }


    footer #site-map>.col:first-of-type {
        padding-left: 0;
    }

    #getCBCT #cbct-hero h1 {
        font-size: 2.5rem;
        line-height: 2.85rem;
    }

}

@media screen and (max-width:1232px) {
    #main-nav {
        display: none;
    }

    #mobile-nav {
        display: block;
    }

    #ray-landing .img-container,
    #prexion-landing .img-container {
        max-width: 458px;
    }

    #getCBCT #program-details li {
        max-width: 1000px;
    }
}


@media screen and (min-width:1024px) and (max-width:1140px) {
    #pricing .pricing-header {
        display: none;
    }

    #ray-landing .img-container,
    #prexion-landing .img-container {
        max-width: 368px;
    }

}

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

    /* Main Content areas for the homepage and platform page */
    #how-it-works .row,
    #ourplatform .row {
        flex-direction: column;
        justify-content: center;
        margin-bottom: 32px;
    }

    #how-it-works .row:nth-of-type(1),
    #how-it-works .row:nth-of-type(3),
    #ourplatform .row:nth-of-type(1),
    #ourplatform .row:nth-of-type(3),
    #ourplatform .row:nth-of-type(5),
    #ourplatform .row:nth-of-type(7) {
        flex-direction: column-reverse;
    }

    #how-it-works .row .col,
    #ourplatform .row .col {
        align-items: center;
        max-width: 100%;
    }



    #how-it-works h4 {
        text-align: center;
    }

    .img-ui {
        width: 50%;
    }

    .img-how {
        width: 100%;
    }

    #ourplatform .col-6 {
        width: 100%;
    }


    #ourplatform .gap-100 {
        gap: 40px;
    }

    #ourplatform .gap-60 {
        gap: 20px;
    }

    #research .row {
        flex-wrap: wrap;

    }

    .card-light {
        padding: 20px;
    }

    #referral-form>.container>.row {
        flex-direction: column;
    }

    /* Footer */

    footer .row {
        flex-direction: column;
        align-content: center;
        text-align: center;
        align-items: center;
    }

    footer #site-map {
        margin-top: 32px;
        gap: 32px;
    }

    .calendly-inline-widget {
        height: 1000px !important;
        overflow: none;
    }

    #ray-landing .intro-content-1,
    #prexion-landing .intro-content-1 {
        text-align: center;
        align-items: center;
    }

    #ray-landing .ray-header,
    #prexion-landing .ray-header {
        max-width: 100%;
    }

    #prexion-landing .main-header {
        font-size: 3rem;
        line-height: 3.75rem;
    }

    #prexion-landing .main-header:before {
        left: calc(50% - 65px);
    }

    #ray-landing .img-container,
    #prexion-landing .img-container {
        display: none;
    }
}

@media screen and (min-width:990px) {
    .mobile-menu {
        display: none;
    }
}


@media screen and (max-width:990px) {
    :root {
        --text-xtra-large: 3rem;
        --text-large: 2.45rem;
        --text-medium: 1.6rem;
        --text-small: 1.2rem;
        --text-normal: 1rem;
        --text-xtra-normal: .77rem;
    }

    .col-3 {
        width: 40%;
    }

    .mobile-menu ul {
        padding: 25px 30px;
    }

    /* Homepage Case Study */
    #home-benefits .row {
        flex-direction: column;
    }

    #home-benefits .row.gap-32.row.justify-between {
        gap: 32px;
    }

    #home-benefits .col-6 {
        width: 100%;
    }

    #home-benefits .img-cbct {
        max-width: 300px;
    }

    #case-study .card {
        max-width: 480px;
        flex-direction: column;
        padding: 0;
    }

    #case-study .card .col:last-of-type {
        padding: 0 40px 40px 40px;
    }

    #safety-overread .container .row .reports-left {
        flex-direction: row;
        max-width: 100%;
    }

    #safety-overread .reviewed {
        display: none;
    }

    #safety-overread .img-report {
        max-width: 250px;
    }

    #safety-overread .cust-col {
        display: flex;
        flex-direction: row;
        width: 100%;
        gap: 32px;
        padding: 0;
    }

    #safety-overread .cust-col>.col {
        width: 100%;
    }

    #safety-overread .reviewed-mobile {
        display: block;
    }

    #case-study .case-img {
        width: 100%;
    }

    #learn-more .container .row>.col {
        width: 48%;
    }

    #testimonial .col:last-of-type {
        max-width: 500px;
    }

    #page-footer .container .row.justify-between {
        justify-content: center;
        gap: 4px;
    }

    #installation .container .row {
        flex-direction: column;
    }

    #installation .container .row .col.instructions {
        max-width: 100%;
    }

    #rad-faq #about-dentalray .row {
        flex-direction: column;
    }

    #rad-faq #about-dentalray .row>.col-6 {
        width: 100%;
    }

    #rad-report-builder .container .row {
        flex-direction: column-reverse;
    }

    #rad-report-builder .col-6 {
        width: 100%;
    }

    #rad-report-builder div.container>div.row>div.col-6:nth-of-type(2) {
        align-items: center;
    }

    .help {
        display: flex;
    }

    footer #company-info {
        max-width: 660px;
        align-items: center;
    }

    footer #company-info p {
        text-align: center;
    }

    /* #free-landing .row:first-of-type {
        flex-direction: column-reverse;
    } */

    #free-landing .img-reports {
        width: 70%;
        justify-content: center;
    }

    /* #ray-landing #free-landing .row:first-of-type {
        flex-direction: row;
    } */

    #auto-benefits .row:nth-of-type(2) {
        flex-wrap: wrap;
        justify-content: center;
    }

    #auto-benefits .col {
        width: 43%;
    }

    #lp-details h3 {
        text-align: center;
    }

    #lp-details .row {
        flex-direction: column;
    }

    #lp-details .row .col-6 {
        width: 100%;
    }

    #lp-details>.container>.row:nth-of-type(3) {
        flex-direction: column-reverse;
    }

    #lp-details>.container>.row:nth-of-type(3) .col:nth-of-type(2) {
        align-items: center;
    }

    #lp-details>.container>.row:nth-of-type(3) img {
        width: 70% !important;
    }

    /* Sample Reports */
    #report-viewer #burger-menu {
        display: block;
    }

    #report-viewer #left-btn>p>a {
        display: none;
    }

    #report-viewer #right-btn {
        display: none;
    }

    #report-viewer .right-btn-spacer {
        display: block;
    }

    #report-viewer #patient-info.row {
        flex-direction: column-reverse;
        gap: 8px;
    }

    #report-viewer #skeleton-loader>.row {
        flex-direction: column;
        gap: 8px;
    }


    #report-viewer #skeleton-loader>.row>.col-3 {
        width: 100%;
    }

    #report-viewer #loading.row {
        flex-direction: column;
        gap: 8px;
    }

    #report-viewer #report .info.finding {
        justify-content: start;
    }

    #report-viewer #report .info.finding p:first-of-type {
        min-width: 150px;
    }

    #report-viewer #study-info .row.info {
        flex-direction: column;
    }

    #report-viewer #patient-info .col-3 {
        width: 100%;
    }

    .guide-bubble-reports {
        right: auto;
        left: 16px;
        top: 60px;
    }

    .guide-arrow {
        left: 16px;
    }

    .img-80 {
        max-width: 40%;
    }

    .img-95 {
        max-width: 70%;
    }

    #getCBCT #cbct-hero h1 {
        font-size: 2.25rem;
        line-height: 2.34rem;
    }

    #getCBCT #cbct-model {
        display: none;
    }

}

@media screen and (max-width:900px) {
    #getCBCT #cbct-hero h1 {
        font-size: 2.25rem;
        line-height: 2.75rem;
    }


    #getCBCT #cbct-hero>.container>.row {
        flex-direction: row-reverse;
        align-items: center;
        gap: 32px;
    }

    #getCBCT #cbct-hero>.container>.row>.col-6:last-of-type>.col>p {
        display: none;


    }

    #getCBCT #cbct-hero>.container>.row>.col-6:first-of-type {
        max-width: 360px;
    }

    #getCBCT .thumbnail {
        max-width: 250px;
    }

    #comparison>div {
        overflow-x: scroll;
    }

    #getCBCT th:first-of-type,
    #getCBCT th:nth-of-type(2),
    #getCBCT th:last-of-type,
    #getCBCT td:first-of-type,
    #getCBCT td:nth-of-type(2),
    #getCBCT td:last-of-type {
        min-width: 176px
    }

    .scroll-right {
        display: block;
    }

    #getCBCT nav ul li a {
        font-size: 14px;
        text-align: center;
        line-height: 18px;
        padding: 8px 8px;
    }

}

@media screen and (min-width:769px) {
    #announcement p:last-of-type {
        display: none;
    }
}

@media screen and (max-width:768px) {
    :root {
        --text-xtra-large: 2.5rem;
        --text-large: 2rem;
        --text-medium: 1.4rem;
        --text-small: 1.15rem;
        --text-normal: 1rem;
        --text-xtra-normal: .77rem;
    }


    .col-3 {
        width: 100%;
    }

    h1 {
        line-height: 3.25rem;
    }

    h2 {
        line-height: 2.75rem;
    }

    .col-3-fixed {
        max-width: 100%;
    }

    #pricing .row {
        flex-wrap: wrap;
    }

    header .row.justify-content {
        align-items: center;
    }

    header .account {
        display: none;
    }

    .save-time,
    .save-money,
    .piece-of-mind {
        width: 100%;
    }

    #about-dr::before {
        max-width: 500px;
        top: -228px;
    }

    .img-ui {
        width: 80%;
    }

    #safety-overread .container .row .reports-left {
        flex-direction: column;
    }

    #safety-overread .container>.row {
        flex-direction: column;
    }

    #safety-overread .container .row:first-of-type>.col-6 {
        width: 100%;
        text-align: center;
    }

    #safety-overread .img-report {
        max-width: 300px;
    }

    #safety-overread .cust-col {
        flex-direction: column;
    }

    .bottom-cta {
        min-height: 300px;
        height: auto;
    }

    #contact-intro p {
        line-height: 2rem;
    }

    #expect .row {
        flex-direction: column;
    }

    #auto-benefits .col {
        width: 100%;
    }

    #jump-section {
        display: none;
    }

    #radiologists>.container>.row {
        flex-direction: column;
    }

    #radiologists .row .col-6 {
        width: 100%;
    }


    .img-how {
        width: 160%;
    }

    #studies .row .col {
        width: 100%;
    }

    .subheader {
        line-height: 2rem;
    }

    #ray-landing .ray-header,
    #prexion-landing .ray-header {
        line-height: 2.5rem;
    }

    #ray-landing #free-landing .row .col-6,
    #prexion-landing #free-landing .row .col-6 {
        width: 100%;
    }

    #ray-landing #about-dr .row,
    #prexion-landing #about-dr .row {
        flex-direction: column;
    }

    #ray-landing #about-dr .row .col-6,
    #prexion-landing #about-dr .row .col-6 {
        width: 100%;
    }

    #ray-landing .logo-ray,
    #ray-landing .logo-dr {
        width: 200px;
    }

    #getCBCT #cbct-program>.col:last-of-type {
        display: none;
    }

    #announcement p:first-of-type {
        display: none;
    }

    #announcement p:last-of-type {
        display: block;
    }

    #add-ons .intro-text {
        display: none;
    }

    #OMR-Report.row,
    #cephx-report.row {
        flex-direction: column;
    }

    #cephx-report.row {
        flex-direction: column-reverse;
    }

    .add-on-img,
    #cephx-report .add-on-img {
        max-width: 200px;
    }

    .cepx-col {
        flex-direction: column;
    }

    #getCBCT #cbct-hero h1 {
        font-size: 2.75rem;
        line-height: 3.25rem;
    }

    #getCBCT #cbct-hero>.container>.row {
        flex-direction: column-reverse;
    }

    #getCBCT #cbct-hero>.container>.row>.col-6:last-of-type>.col>p {
        display: block;

    }

    #getCBCT #cbct-hero>.container>.row>.col-6 {
        width: 100%;
    }

    #getCBCT .thumbnail {
        max-width: 260px;
    }

    #getCBCT nav ul li:first-of-type {
        display: none;
    }
}

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

    footer #site-map {
        flex-wrap: wrap;
    }

    footer #site-map>.col {
        width: 100%;
        text-align: center;
    }

    footer #site-map ul {
        gap: 20px;
    }

    footer #legal.row {
        flex-direction: column;
        gap: 8px;
    }

    footer #legal.row>.row {
        justify-content: center;
    }

    footer #site-map>.col:first-of-type {
        padding: 0 20px;
    }

    #page-footer .container .row.justify-between {
        gap: 4px;
    }

    #intro.schedule p {
        line-height: 1.5rem;
    }

    .calendly-inline-widget {
        height: 960px !important;
        overflow: none;
    }

    .accordion {
        font-size: 1rem;
        line-height: 1.25rem;
    }

    #howItWorks ul>li.col.col-4-fixed {
        max-width: 570px;
    }
}


@media screen and (max-width:550px) {
    h1 {
        line-height: 3.5rem;
    }

    #intro p {
        line-height: 1.75rem;
    }

    #mobile-nav .logo.z-index-2 {
        z-index: 0;
    }


    .mobile-menu ul {
        padding: 100px 30px;
    }

    .mobile-menu ul li.divider {
        display: none;
    }

    .mobile-menu ul li {
        font-size: 1rem;
    }

    .mobile-menu ul li a .row .col .subtext {
        font-size: .8rem;
    }

    #mobile-menu[aria-hidden="false"] {
        padding: 26px 0;
    }

    #report-viewer #mobile-menu[aria-hidden="false"] {
        padding: 80px 20px;
    }

    #about-dr {
        margin-top: 180px;
    }

    #about-dr::before {
        max-width: 300px;
        top: -188px;
    }

    .img-ui {
        width: 98%;
    }

    #pricing .card {
        padding: 0;
        ;
    }

    #institutions .washington {
        width: 100%;
    }

    #learn-more .container .row>.col {
        width: 100%;
    }

    #testimonial .row {
        flex-direction: column;
    }

    #testimonial .col:first-of-type {
        align-items: start;
    }

    #lp-utah-dental #testimonial-container .justify-center {
        justify-content: center;
    }

    #getCBCT .dentalray-logo {
        max-width: 120px;
        width: 100%;
    }

    #getCBCT .learnmore {
        display: none;
    }

    #getCBCT .learnmore .arrow {
        right: 42px;
    }

    #getCBCT #gallery>.row,
    #getCBCT #comparison>div {
        flex-direction: column;
        gap: 0;
        align-items: start;
        padding-bottom: 8px;
    }

    #getCBCT .thumbnail {
        max-width: 100%;
    }

    #getCBCT .i-max-logo {
        max-width: 400px;
        width: 100%;
    }
}

@media screen and (max-width:500px) {
    section {
        padding: 40px 16px;
    }

    h1 {
        font-size: 2.125rem;
        line-height: 2.75rem;
    }

    #intro h1 {
        text-align: left;
    }

    #research ul li {
        line-height: 1.5rem;
        height: auto;
        flex-direction: column;
    }

    #safety-overread h3 {
        line-height: 1.5rem;
    }

    #ourplatform .row {
        gap: 0;
    }

    .testimonial-text {
        line-height: 1.75rem;
    }

    .bottom-cta {
        padding: 20px;
    }

    .bottom-cta h2,
    .bottom-cta p,
    #intro p {
        text-align: left;
        line-height: 2.45rem;
    }

    .bottom-cta p {
        line-height: 1.75rem;
    }

    .justify-center {
        justify-content: start;
    }

    .cbct-nav .justify-center {
        justify-content: center;
    }

    .text-center {
        text-align: left;
    }

    #ray-landing #free-landing .align-item-center,
    #prexion-landing #free-landing .align-item-center {
        align-items: start;
    }

    #page-footer .container .row.justify-between {
        align-items: start;
    }

    footer #company-info,
    footer #company-info p {
        align-items: start;
    }

    footer #company-info p {
        text-align: left;
    }

    footer #site-map>.col,
    footer #site-map>.col:first-of-type {
        text-align: left;
        padding: 0;
    }

    footer #site-map ul.social {
        justify-content: start;
    }

    #our-rads p {
        text-align: left;
    }

    #ray-landing header.refer,
    #prexion-landing header.refer {
        padding: 32px 0 0 0;
    }


    #ray-landing .logo-ray {
        width: 150px;
    }

    #ray-landing .logo-dr {
        width: 150px;
    }

    #ray-landing header p,
    #prexion-landing header {
        font-size: .85rem;
    }

    #prexion-landing .main-header {
        font-size: 2.25rem;
        line-height: 2.75rem;
        margin-top: 40px;
    }

    #prexion-landing .main-header:before {
        top: -36px;
        left: 0;
    }

    #ray-landing #studies h3,
    #ray-landing #studies p,
    #prexion-landing #studies h3,
    #prexion-landing #studies p {
        text-align: left;
    }

    #ray-landing #lp-details h3,
    #prexion-landing #lp-details h3 {
        text-align: left;
        line-height: 2rem;
    }

    #ray-landing .align-item-center,
    #prexion-landing .align-item-center {
        align-items: start;
    }


    #ray-landing .refer .align-item-center,
    #prexion-landing .refer .align-item-center {
        align-items: center;
    }

    #ray-landing [data-testimonial-count="1"],
    #ray-landing [data-testimonial-count="2"],
    #ray-landing [data-testimonial-count="3"],
    #prexion-landing [data-testimonial-count="1"],
    #prexion-landing [data-testimonial-count="2"],
    #prexion-landing [data-testimonial-count="3"] {
        max-width: 500px;
    }

    #ray-landing .bottom-cta,
    #prexion-landing .bottom-cta {
        min-height: 240px;
    }

    #ray-landing .intro-content-1,
    #prexion-landing .intro-content-1 {
        text-align: left;
        align-items: start;
    }

    #prexion-landing .prexion-logo {
        max-width: 140px;

    }

    #prexion-landing .logo-dr {
        max-width: 160px;
    }

    #lp-utah-dental #testimonial-container h2 {
        text-align: center;
    }

    #lp-utah-dental>#landing-intro-bg>.container>.col:first-of-type .row {
        flex-direction: column;
    }

    .accordion {
        flex-wrap: wrap;
    }

    #getCBCT nav ul li a {
        padding: 8px;
    }

    #getCBCT nav ul li a:hover {
        background: rgba(255, 255, 255, 0);
        color: var(--blue-200);
    }

    #getCBCT #howItWorks,
    #getCBCT #program-details,
    #getCBCT #machine-details,
    #getCBCT #comparison,
    #getCBCT #contact-form {
        scroll-margin-top: 120px
    }
}