@media (max-width: 430px) {
    .subheadline-slide{
        font-size: 60px;
    }
    .coupon-reminder{
        right: -123px!important;
    }


}
@media (max-width: 576px) {
    .hide-576{
        display: none;
    }

    .footer-links > div{
        width: 100%
    }
    .footer-copyright > div {
        width: 100%
    }
    .review-banner{
        padding: 0;
    }
    .review-columns-wrapper{
        padding: 0 2em;
    }
    .content-cta{
        padding: 1em 2em;
    }
    .css-3xtmhr-MuiGrid-root, .css-fmkwcg{
        flex-direction: column!important;
        margin-top: 1em!important;
    }
    .css-1osj8n2-MuiGrid-root,  .css-1s50f5r{
        max-width: 100%!important;
    }
    .css-1osj8n2-MuiGrid-root, css-1s50f5r{
        padding-top: 0!important;
    }
    .css-1m5qs0c-MuiGrid-root, .css-11v3ovr{
        flex-direction: column!important;
    }
    .css-wb57ya-MuiFormControl-root-MuiTextField-root{
        margin-bottom: 1em!important;
    }
    .MuiDialog-container .MuiPaper-root{
        min-width:auto!important;
        width: 100%!important;
        height: 100%;
        margin: 0!important;
    }
    .MuiTable-root{
        overflow-x: auto!important;
    }
    .cc-info-container{
        flex-basis: 100%!important;
    }
    .cc-exp-month-container, .cc-exp-year-container, .cc-card-code-container{
        max-width: calc(100%/3)!important;
        flex-basis: calc(100%/3)!important;
    }
    .login-form{
        margin: 1em!important;
    }
    .feature-item{
        flex-basis: 100%!important;
    }

    .glanceCard{
        width:100%!important;
    }
    .course-tabs{
        padding: 35px 2rem 0px 2rem!important;
    }

    .slick-prev{
        left: 0px;
    }
    .slick-next{
        right:30px;
    }
    .slick-glance .slick-next{
        display: none!important;
    }
    .slick-glance .slick-prev{
        display: none!important;
    }
    .slick-title .slick-next{
        display: block!important;
    }
    .slick-title .slick-prev{
        display: block!important;
    }

    .course-tabs{
        width: 100%;
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .course-title{
        padding-left: 2rem!important;
        padding-right: 2rem!important;
    }
    .blackboard-content .course-title{
        padding-left: 0rem!important;
        padding-right: 0rem!important;
    }

    .counter-container {
        flex-direction: column; /* Stack counters vertically */
        padding: 20px 10px; /* Adjust padding for smaller screens */
    }

    .counter {
        max-width: 100%; /* Full width for each counter */
        margin: 10px 0; /* Add spacing between stacked counters */
    }

    .counter:not(:last-child)::after {
        border: none; /* Remove dividers on mobile */
    }
    .hero-underline-image{
        display: none;
    }
    .opening-proposition-wrapper{
        width: 100%;
    }
    .step h3 {
        font-size: 24px; /* Adjust font size for very small screens */
    }

    .step p {
        font-size: 16px; /* Adjust font size for very small screens */
    }

    .money-back-container{
        display: none;
    }
    .industry-collage{
        flex-wrap: wrap;
    }
    .industry-collage .industry-image{
        min-width: 25%;
    }
    #day-night-section .feature-bar{
        flex-direction: column;
        gap: 1em;

    }
    #day-night-section .feature-bar .feature-item{
        width: 100%;
        max-width: unset;
    }
    #day-night-section .feature-bar .feature-content{
        flex-direction: row;
        display: flex;
    }
    #day-night-section .feature-bar .feature-icon{
        height: 50px;
    }
    #day-night-section .subheadline-slide{
        flex-direction: column;
        padding-top: 20px;
    }
    .bento-tabs-container .course-item .item-text{
        font-size: 14px!important;
    }

    .courses-item.item3 {
        grid-column: 1 / 11!important;
        grid-row: 3 / 5!important;
        min-height: 300px;
    }

    .courses-item.item1 {
        grid-column: 1 / 11!important;
        grid-row: 5 / 6!important;
    }

    .courses-item.item2 {
        grid-column: 1 / 11!important;
        grid-row: 6 / 7!important;
    }


    .courses-item.item4 {
        grid-column: 1 / 11!important;
        grid-row: 7 / 8!important;
    }

    .courses-item.item5 {
        grid-column: 1 / 11!important;
        grid-row: 8 / 9!important;
    }

    .courses-item.item6 {
        grid-column: 1 / 11!important;
        grid-row: 9 / 10!important;
        align-items: flex-start;
    }

    .courses-item.item7 {
        grid-column: 1 / 11!important;
        grid-row: 10 / 11!important;
        align-items: flex-start;
    }
    .pains-benefits{
        margin: 0;
        border-radius: unset;
        width: 100%!important;
        padding: 2em;
    }
    .review-subheadline{
        padding-top: 150px;
    }
    .faq-header{
        flex-direction: column;
    }
    .faq-section{
        align-items: center;
    }
    #fallback .cpr-courses-inner{
        margin: 0;
    }
}

@media (min-width: 576px) and (max-width: 768px){

}
@media (max-width: 768px) {
    .hide-768{
        display: none;
    }
    .narrow-menu{
        display: block;
    }
    .infographic {
        flex-direction: column;
    }

    .contact-us{
        display: none;
    }
    .courses-item.top-row-box-new{
        grid-column: 1 / 11!important;

    }


}
@media (min-width: 768px) and (max-width: 992px){
}

@media (max-width: 992px) {
    .hide-992{
        display: none!important;
    }
    .cpr-top-inner, .cpr-courses-inner, .cpr-corp-quote-inner{
        margin: 0 2em;
    }
    .cpr-top-inner, .cpr-corp-quote-inner{
        flex-direction: column;
        gap:2em;
    }
    .right-block{
        margin-top: 0px!important;
    }
    .glanceCard{
        width:50%;
    }

    .glanceContainer .row{
        flex-wrap: wrap;
    }

    .row-separator{
        display: none;
    }
    .vertical-separator{
        display: none;
    }
    .narrow-table-container{
        display: block;
        width: 85%;
        margin: 0 auto;
    }

    .cta-background{
        display: none;
    }
    .cta-wrapper{
        justify-content: center;
    }
    .grid-container{
        grid-template-columns: repeat(1, 1fr)!important;
    }
    #main-menu .logo{
        padding-left: 24px;
    }
    .signup-page-background{
        display: none;
    }
    .signup-page-container .container{
        width: 100%;
    }
    .opening-proposition-wrapper{
        flex-direction: column;
    }
    .video-background-container{
        width: 85%;
        margin: 0 auto;
        padding: 50px 0;
    }
    .video-content-container{
        padding: 0 25px;
    }

    .search-words-container .subheadline{
        font-size:22px;
    }
    .bento-grid-container{
        display: flex;
        flex-direction: column;
        padding-top: 270px;
    }
    .corp-quote-grid-container .bento-grid-container{
        padding-top: 0;
    }

    .bento-item.item3 .button-container{
        flex-direction: row;
        width: 85%;
    }
    .bento-item{
        min-height: 300px!important;
    }
    .bento-item.item3{
        background-image: url('/public/images/doctors-wide.webp');
    }
    .bento-item.item2{
        background-position: center;
    }
    .course-title-box{
        font-size: 22px;
    }
    .top-row-box-1 {
        grid-column: 1 / span 4;
    }
    .top-row-box-2 {
        grid-column: 5 / span 6;
    }
    .corp-quote-grid-container  .quote-item-1 {
        padding: 24px;
    }
    .corporate-signup-form{
        padding: 24px 0;
    }
}

@media (min-width: 576px) and (max-width: 1200px){
    .review-banner{
        padding: 1em;
    }

}
@media (max-width: 1200px) {
    .hide-1200{
        display: none;
    }
    .container-cta{
        flex-direction: column-reverse;
    }
    .background-image-right{
        max-width: 600px;
        width: 100%;
    }
    .content-cta{
        max-width: 708px;
        width: 100%
    }
    .cta-wrapper{
        width: 100%;
    }
    .feature-bar{
        flex-wrap: wrap;
        min-height: 150px;
        height: auto;
    }
    .feature-item{
        flex-basis: 50%;
        border: none;
    }
    .container-signup{
        margin: 0px auto;
    }
    .column-container{
        flex-direction: column;
    }
    .column1{
        flex-basis: 100%;
        width: 100%
    }
    .column2{
        flex-basis: 100%;
        width: 100%
    }
    .course-tabs{
        padding: 35px 4rem 0px 4rem;
    }
    .grid-container{
        grid-template-columns: repeat(2, 1fr);
    }
    .dashboard-card{
        width: 100%;
    }
    .counter{
        min-width: 50%;
        max-width:50%;
    }
    .counter:after {
        border-right: none!important;
    }
    #typed-handwriting{
        min-height: 80px;
    }
    .counter-container{
        border-radius: unset!important;
    }
    .steps-inner {
        width: 90%; /* Increase width on medium screens */
    }
    .group-bg-container .steps-inner{
        width: 50%;
    }
    .quote-row p{
        font-size: 16px;
    }
    .video-content-container {
        flex-direction: column; /* Stack video and endorsements vertically */
    }

    .video-container {
        max-width: 100%; /* Ensure video uses full width */
    }

    .endorsement-grid-wrapper {
        grid-template-columns: 1fr; /* One column layout */
    }

    .bento-grid-container{
        gap: 30px;
    }
    .content-cta .products-select {
        padding-right: 0;
        border-right: none;
        width: 100%;
    }
    .content-cta .column-form{
        padding-left: 0;
    }
    .checkboxes-container{
        justify-items: center;
    }
    .feature-bar{
        border-radius: unset;
    }
        .cert-click-arrow{
            left: -100px;
        }
    .courses-item.top-row-box.top-row-box-2{
        width: auto;
    }
    .course-title-box{
        right: 38px;
    }

    .pain-points-list{
        flex-direction: column;
    }
    .pain-points-paperwork{
        width: 100%
    }
    #faq .cpr-courses-inner{
        margin: 0 4rem;
    }
}

@media (max-width: 1499px) {
    .hide-less-1500{
        display: none;
    }
    .corp-quote-grid-container .quote-item-0 {
        grid-column: 1 / span 2;
        grid-row: 1 ;

    }

    .corp-quote-grid-container  .quote-item-1 {
        grid-column: 1 /span 2;
        grid-row: 2 ; /* Spans all rows in the first column */
    }

    .corp-quote-grid-container  .quote-item-2 {
        grid-column: 1 /span 2;
        grid-row: 3 ; /* Spans all rows in the first column */

    }

    .corp-quote-grid-container  .quote-item-3 {
        grid-column: 1 /span 2;
        grid-row: 4 ; /* Spans all rows in the first column */
    }

}
@media (max-width: 1400px) {
    .hide-less-1400{
        display: none;
    }
    .overlay-content h2{
        font-size: 16px;
        line-height: 2;
    }
    .bento-item{
        min-height: 350px;
    }
    .day-night-container .left-col{
        flex: 1;
        width: 50%;
    }
    .day-night-container .right-col{
        flex: 1;
        width: 50%;
    }
    .pains-benefits{
        width: 90%;
    }
}

@media (min-width: 1500px) {
    .hide-more-1500{
        display: none;
    }

}

@media(max-width: 1500px){
}
@media (max-width: 768px) {
    .container-cta {
        height: auto;
    }
    .cta-wrapper{
        padding: 0;
    }

    .ui-widget-header {
        border: none;
        border-bottom: 1px solid #dddddd;
        background: none;
    }

    .ui-tabs {
        border: none !important;
    }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
        border: 1px solid #5ba8e3c4;
        background: #5ba8e3c4;
        border-bottom: 1px solid white;
    }

    .ui-widget {
        font-family: Roboto, Arial, sans-serif !important;
        font-size: 16px;
    }

    .ui-tabs .ui-tabs-panel {
        border: 1px solid #dddddd;
    }
    .content-cta{
        max-width: unset;
    }
    .container-cta{
        max-width: 390px;
    }
    .signup-form-container #main-signup-form{
        margin: 40px auto;
    }
    .checkboxes-container{
        grid-template-columns: repeat(1, 1fr);
    }

    .signup-form-container #main-signup-form{
        margin: 40px 2em;
    }
    .steps-inner {
        flex-direction: column;
        width: 95%; /* Increase width on small screens */
    }

    .left-block, .right-block {
        width: 100%; /* Full-width blocks on small screens */
        margin-bottom: 30px; /* Adjust spacing between blocks */
    }
    .steps-with-image .step-block:nth-child(1) {
        order: 2;
    }
    .steps-with-image .step-block:nth-child(2) {
        order: 1;
    }
    .steps-with-image .step-block:nth-child(3) {
        order: 3;
    }
    .steps-with-image .step-block:nth-child(4) {
        order: 4;
    }
    .steps-with-image .step-block:nth-child(5) {
        order: 6;
    }
    .steps-with-image .step-block:nth-child(6) {
        order: 5;
    }
    .endorsement-column {
        min-width: unset;
    }
    .search-words-container{
        display: none;
    }
    .faq-index{
        display: none!important;
    }

    .day-night-container{
        flex-wrap: wrap;
        flex-direction: column;
    }
    .day-night-container .left-col, .day-night-container .right-col{
        width: 100%;
    }
    .day-night-container .right-col{
        padding-top: 2em;
    }

    #day-night-section .testimonial-slider{
        width: 100%;
        margin: 20px auto 0 auto;
    }
    .top-row-box-1 {
        grid-column: 1 / span 10;
        grid-row: 1 / 2 ;
    }
    .top-row-box-2 {
        grid-column: 1 / span 10;
        grid-row: 2 / 3;
    }
    .courses-item.item1 {
        grid-column: 1 / 6;
        grid-row: 3 / 4;
    }

    .courses-item.item2 {
        grid-column: 1 / 6;
        grid-row: 4 / 5;
    }

    .courses-item.item3 {
        grid-column: 6 / 11;
        grid-row: 3 / 5;
    }

    .courses-item.item4 {
        grid-column: 6 / 11;
        grid-row: 5 / 6;
    }

    .courses-item.item5 {
        grid-column: 1 / 6;
        grid-row: 5 / 6;
    }

    .courses-item.item6 {
        grid-column: 1 / 11;
        grid-row: 7 / 8;
        align-items: flex-start;
    }

    .courses-item.item7 {
        grid-column: 1 / 11;
        grid-row: 8 / 9;
        align-items: flex-start;
    }

    .course-title-box{
        top: 466px;
    }
    .custom-checkbox, .custom-checkbox-tile{
        width: 100%;
    }
    .group-bg-container{
        display: flex;
        flex-direction: column;
        height: auto;
    }
    .group-bg-container .steps-inner{
        width: 100%;
        padding: 2em 0;
        margin: 0;
    }
    .group-bg-container .hero-review{
        width: 100%;
        height: auto;
    }
    .group-bg-container .hero-testimonial{
        margin: 0;
    }
    .account-control-content{
        flex-direction: column;
    }
    #sortablePainPoints img{
        display:none;
    }
    .qty-container{
        flex-wrap: wrap!important;
    }
    .qty-container:nth-child(2n) {
        flex-break: after!important;
    }
    .review-container .container{
        max-width: 85%;
        margin: 75px auto;
    }
    .testimonial-sliders-container .testimonial-slider{
        margin: 0;
    }
    .cpr-section .cpr-courses-inner .container2 .wrapper{
        display: flex;
        flex-direction: column;
    }
    #faq .cpr-courses-inner{
        margin: 0 2rem;
    }
    .faq-section .accordion-body{
        padding: 20px;
        margin: 0 20px;
    }
    .blackboard-content{
        margin: 250px auto;
    }
    .blackboard-identity-block{
        justify-content: center;
    }

}