@media (max-width: 1400px) {
    .block-inline-blockmiddle-banner .field--name-body {
        position: static;
        top: 70px;
        z-index: 9999;
        left: 0;
        right: 0;
        margin: 0 auto;
        max-width: 620px;
        text-align: center;
        margin-top: 40px;
        padding: 0 20px;
    }
    .navigation-wrapper {
        max-width: 1140px;
    }
    .content-overlay-5 {
        max-width: 1140px;
    }
    .feature_home {
        width: 86.3%;
        margin-left: 27px;
    }
    .feature-card4 {
        padding: 50px 25px;
    }
    .clearfix .field .field--name-body .field--type-text-with-summary .field--label-hidden .field__item{
        margin-left: 10px;
    }
}
@media (max-width: 1200px) {
    .feature_home {
        width: 86%;
        margin-left: 22px;
    }
    .navigation-wrapper {
        max-width: 1024px;
    }
    .content-overlay-5 {
        max-width: 1024px;
    }
    .privacy-page img {
        width: 100%;
        height: auto;
    }
    .block-views-blockteam-block-1 {
        margin: 60px;
    }
    article[data-history-node-id="14"] {
        overflow: hidden;
    }
    .dealer_banner_content {
        left: 40px;
    }
    #block-celebright-footer .gap-3 {
        gap: 0px !important;
    }
    #block-celebright-footer img.h-auto {
        max-width: 130px !important;
    }
    #block-celebright-footer .gap-3.d-flex a img {
        width: 25px;
        height: auto;
    }
    body.path-webform div#content {
        padding: 0 20px;
    }
    body.path-webform  div#block-celebright-content {
        float: left;
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }
    .navbar-toggler-icon {
        filter: invert(1);
    }
    button.navbar-toggler {
        z-index: 99;
    }
    .block-inline-blockjumbotron-carousel button.slick-prev.slick-arrow {
        margin-left: 40px;
    }
    .col-md-7.content-right {
        max-width: 100%;
    }
    .showcase-section .navigation-wrapper {
        bottom: 15rem;
    }
    .content-overlay-5 {
        left: 30px;
    }
    .showcase-section button.slick-prev.slick-arrow {
        margin-left: 25px;
    }
    .app-section {
        min-height: 700px;
    }
    .showcase-section {
        color: white;
        position: relative;
        min-height: auto;
        margin-top: 0;
    }
    .section-title {
        font-size: 2rem;
    }
    .content-box4 {
        margin-bottom: 0rem;
        margin-top: 5rem;
    }
    .testimonials h2.text-white.display-5.fw-bold, .testimonials p.paragrap {
        text-align: center;
    }
    .nav-link {
        margin: 0 .5rem;
    }
    .feature-card4 {
        padding: 20px 25px;
    }
    .infographic img {
        width: 100%;
        height: auto;
    }
    .block-inline-blockimage-compare .field.field--name-field-before.field--type-entity-reference-revisions.field--label-hidden.field__item {
        margin-top: 10%;
    }
}
@media (max-width: 1023px) {
    .block-inline-blockimage-compare .field.field--name-field-before.field--type-entity-reference-revisions.field--label-hidden.field__item {
        margin-top: 0%;
    }
    .fourth-1 {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .showcase-section .navigation-wrapper {
        bottom: 17rem;
    }
    .field--name-field-our-story-image .field__item img {
        height: 325px;
    }
    .footer .row .col-md:first-child {
        width: 70% !important;
        flex: 1 0 9%;
    }
    .section-title {
        font-size: 22px;
    }
    .block-inline-blockfull-frame-video .container {
        max-width: 100%;
        padding: 0;
    }
    .block-inline-blockfull-frame-video {
        margin-top: 0;
    }
    .hero-section3 {
        padding: 6rem 0 1rem;
    }
    .view-id-blog.view-display-id-block_1 .views-field-title .col-md-4 {
        width: 50%;
    }
    .view-id-blog.view-display-id-block_1 .views-field-title .col-md-8 {
        padding-left: 20px;
        width: 50%;
    }
    .feature_home {
        width: 85%;
        margin-left: 15px;
    }
}
@media (max-width: 989px) {
    .layout.layout--threecol-section.layout--threecol-section--33-34-33 {
        display: block;
        min-height: auto;
    }
    .navigation-wrapper {
        max-width: 767px;
    }
    .content-overlay-5 {
        max-width: 767px;
    }
    nav#block-celebright-main-menu {
        position: fixed;
        top: 0;
        width: 100%;
        left: 0;
        height: 100%;
        background: rgba(95, 95, 95, 1);
        padding: 100px 0px;
        z-index: 91;
    }
    nav#block-celebright-main-menu li a {
        padding: 10px 40px;
    }
    nav#block-celebright-main-menu li li a {
        padding: 0 40px;
    }
    .menu__item--has-children a.menu__link.menu__link--has-children:after {
        display: none;
    }
    #block-celebright-main-menu ul.menu.menu.navbar-nav.menu--level-1 li.menu__item--level-1:last-child {
        position: absolute;
        bottom: 50px;
        left: 40px;
    }
    div#navbarNav a.navbar-brand {
        position: fixed;
        z-index: 99;
        display: block;
        top: 38px;
    }
    button.navbar-toggler {
        border: 0;
    }
    button:focus:not(:focus-visible) {
        outline: 0 !important;
        box-shadow: none;
    }
    button.navbar-toggler {
       
        z-index: 99;
    }
    button.navbar-toggler[aria-expanded="true"] span {
        background-image: url(../images/cross.png);
        position: fixed;
        margin-left: -30px;
        margin-top: -35px;
    }
    nav#block-celebright-main-menu {
        position: fixed;
        top: 0;
        width: 100%;
        left: 0;
        height: 100%;
        background: rgba(95, 95, 95, 1);
        padding: 100px 0px;
        z-index: 91;
    }
    nav#block-celebright-main-menu li a {
        padding: 10px 80px;
    }
    nav#block-celebright-main-menu li li a {
        padding: 0 80px;
    }
    .menu__item--has-children a.menu__link.menu__link--has-children:after {
        display: none;
    }
    .menu__item--has-children ul {
        position: static;
        width: 100%;
    }
    .feature-card4 {
        margin: 16px;
        min-height: auto;
        padding: 50px 50px;
    }
    div#featurecard .layout__region {
        flex: 0 1 31% !important;
    }
}
@media (max-width: 785px) {
    div#block-celebright-dealercards .field.field--name-body {
    display: block;
    }
    .faq-main.layout--twocol-section--50-50 .layout__region.layout__region--first, .faq-main.layout--twocol-section--50-50 .layout__region.layout__region--second {
        width: 100%;
    }
    section.faq_section {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .embed-container iframe {
        height: auto;
    }
    .faq_item .answer {
        padding-left: 0;
    }
    section.faq_section h3 {
        margin-bottom: 20px;
    }
    .experience-title {
        margin-top: 50px;
        margin-bottom: -35px;
    }
    h2.text-center.display-4.fw-medium.mb-4.text-white.heading {
        font-size: 24px;
        /* margin-bottom: 16px !important; */
        margin-top: 50px;
        padding: 5px;
    }
    .accent-line {
        margin: 16px auto;
    }
    .block-inline-blockimage-compare .field.field--name-field-images.field--type-image.field--label-hidden.field__items {
        float: left;
        width: 100%;
        order: 2;
      }
      .block-inline-blockimage-compare .field.field--name-field-before.field--type-entity-reference-revisions.field--label-hidden.field__item {
        width: 100%;
        float: left;
      }
      .block-inline-blockimage-compare .field.field--name-field-after.field--type-entity-reference-revisions.field--label-hidden.field__item {
        float: left;
        width: 100%;
        margin-bottom: 30px;
      }
    
    .faded-text.second {
        margin-top: 30px;
    }
    .infographic {
        margin: 30px 0;
        padding: 20px;
    }
    .block-inline-block6x6-split-info-block-reverse 
    .row.align-items-center.content-box4 p {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 25px;
    }
    h3.section-title {
        padding: 0;
    }
    .block-inline-block6x6-split-info-block-reverse .content-box4 .col-md-6:last-child {
        order: 1;
    }
    .block-inline-block6x6-split-info-block-reverse .content-box4 .col-md-6:first-child {
        order: 2;
    }
    div#featurecard .layout__region {
        flex: 0 1 100% !important;
    }
    .okay-title {
        margin-top: 0;
    }
    nav#block-celebright-main-menu li a {
        padding: 10px 40px;
    }
    nav#block-celebright-main-menu li li a {
        padding: 0 40px;
    }
    button.navbar-toggler[aria-expanded="true"] span {
        margin-top: -15px;
    }
    section.content-section4 .container {
        max-width: 100%;
    }
    .layout--threecol-section > .layout__region {
        flex: 0 1 100% !important;
    }
    .block-inline-blockbecome-a-dealer-block .flex-grow-1 {
        max-width: 100%;
    }
    .app-section .field.field--name-field-image-single {
        text-align: center;
    }
    .showcase-section .navigation-wrapper {
        bottom: 7rem;
    }
    .hero-slider {
        height: 600px;
    }
    .field--name-field-our-story-image > .field__item {
        width: 100% !important;
    }
    .field--name-field-our-story-image .field__item img {
        height: 100%;
        width: 100% !important;
        object-fit: cover;
    }
    .field--name-field-gallery-image  .flex-control-thumbs li {
        width: 60px;
    }
    .field--name-field-gallery-image  .flex-control-thumbs li img {
        height: 60px;
        object-fit: cover;
    }
    .feature_home_section img {
        width: 100%;
        margin: 0 auto;
    }
    .feature_home_section .col-md-6 {
        margin-bottom: 40px;
    }

    .feature_home {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
        position: relative;
        bottom: 120px;
        width: 100%;
        color: #fff;
        padding-left: 20px;
        font-size: 20px;
        padding-bottom: 20px;
        height: 126px;
        padding-top: 30px;
        /* margin: 0 auto; */
        margin-left: 0;
        text-align: left;
        overflow: hidden;
        /* max-width: 95%; */
        margin-bottom: -120px;
    }
    .view-id-videos.view-display-id-block_1 .views-field.views-field-title {
        float: none;
        width: 96%;
        margin: 0 auto;
        clear: both;
    }
    .view-id-videos.view-display-id-block_1 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .view-id-videos.view-display-id-block_1 .flex-control-thumbs img {
        width: 50px;
    }
    .view-id-videos.view-display-id-block_1 .views-field.views-field-field-video {
        max-width: 100%;
    }
    .view-id-blog.view-display-id-block_1 .views-field-title {
        padding-bottom: 10px;
    }
    .view-id-blog.view-display-id-block_1 {
        margin-top: 40px;
    }
    .view-id-blog.view-display-id-block_1 .views-field-title .col-md-8 {
        padding-left: 20px;
        margin-top: 20px;
    }
    .view-id-blog.view-display-id-block_1 .views-field-title .col-md-8 h3 {
        margin-bottom: 10px;
    }
    .block-views-blockteam-block-1 {
        margin: inherit;
    }
    .dealer_banner_content {
        left: 40px;
        top: 120px;
    }
    .dealer_banner_content h2 {
        font-size: 20px;
    }
    .slider_section .col-md-4.slick-slide {
        margin: 0 30px;
    }
    div.form-section {
        margin: 40px 30px;
    }
    section.faq_section {
        margin-left: 20px;
        margin-right: 20px;
    }
    .mission-image-container img {
        width: 100%;
        height: auto;
    }
    .privacy-page img {
        width: 100%;
        height: auto;
    }
    .block-views-blockteam-block-1 .view-id-team .leader_popup {
        width: 90%;
        background: rgba(217, 217, 217, 1);
        padding: 10px;
    }
    .cross_btn {
        position: absolute;
        right: 5px;
        top: 5px;
        font-size: 15px;
    }
    .block-views-blockteam-block-1 .view-id-team .leader_popup p {
        text-align: left;
        font-size: 14px;
        padding-right: 10px;
        line-height: 1.3;
    }
    .left_team {
        margin-right: 12px;
    }
    .slider_section button.slick-prev.slick-arrow {
        position: absolute;
        left: 0;
        width: 25px;
        height: 25px;
        background-image: url(../images/left_arrow.png);
        background-size: contain;
    }
    .slider_section button.slick-next.slick-arrow {
        position: absolute;
        right: 0;
        top: 238px;
        
        width: 25px;
        height: 25px;
        background-image: url(../images/right_arrow.png);
        background-size: cover;
    }
    .block-inline-blockbasic .banner-become img {
        width: 100%;
        position: relative;
        height: auto;
        min-height: 700px;
        object-fit: cover;
    }
    article[data-history-node-id="14"] .block-inline-blockfull-frame-video ul.dealer-list {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        text-align: left;
        color: #fff;
        margin-bottom: 50px;
        margin: 30px auto;
        display: table;
    }
    .block-views-blockteam-block-1 .view-id-team .view-content { margin: 0;}
    .banner_content h2 {
        font-size: 20px;
    }
    .banner_content p {
        font-size: 16px;
    }
    .block-views-blockteam-block-1 .view-id-team .views-row {
        width: 44%;
    }
    .footer .container {
        max-width: 200px;
    }
    .footer p.fw-normal a {
        display: none;
    }
    .deal_review {
        padding: 40px 10px 30px;
    }
    .review_data img {
        width: 22px;
    }
    .review_data p {
        margin-left: 0;
    }
    
    .hero-section3 {
        padding: 0 0;
    }
    .main-title {
        font-size: 2.5rem;
        padding-top: 70px;
        margin-bottom: 0rem;
    }
    section.app-section a[href="/app"] {
        background: #f15a24;
        color: #fff;
        width: 200px;
        display: block;
        margin: 0 auto;
        padding: 20px 10px;
        font-size: 20px;
        text-align: center;
        text-decoration: none;
        margin-bottom: 30px;
    }
    .app-section .col-md-7.content-right {
        order: 1;
        padding: 0;
    }
    .app-section .col-md-5 {
        order: 2;
    }
    .app-description {
        font-size: 1.1rem;
        line-height: 1.8;
        margin-bottom: 2rem;
        color: #cccccc;
        padding: 0 20px;
        text-align: center;
    }
    .app-description br { display: none;}
    .app-title {
        font-size: 36px;
        margin-top: 40px;
    text-align: center;
    }
    .layout--twocol-section--50-50 img {
        width: auto;
        height: auto;
    }
    .col-md-6.content-right {
        max-width: 100%;
        padding: 0 !important;
    }
    .wanttotalk.layout--twocol-section--50-50 .layout__region.layout__region--first, .wanttotalk.layout--twocol-section--50-50 .layout__region.layout__region--second {
        width: 100%;
        float: left;
    }
    .talkto {
        max-width: 100%;
    }
    .block-inline-blockdevice-app-block .media--type-image img {
        margin-top: 0;
    }
    .wanttotalk .layout__region.layout__region--first {
        order: 2;
    }
    .wanttotalk .layout__region.layout__region--second {
        margin-bottom: 30px;
    }
    .talkto {
        max-width: 320px;
        margin-top: 50px;
        margin-left: 10px;
    }
    .block.block-layout-builder.block-inline-block50x50-split-info-block-reverse {
        margin-top: 40px;
    }
    .block.block-layout-builder.block-inline-block50x50-split-info-block-reverse img {
        padding: 0;
    }
    .app-section {
        color: white;
        padding-bottom: 0%;
        padding-top: 0rem;
        padding-left: 20px;
        padding-right: 20px;
        min-height: auto;
        margin-left: 0;
        padding-bottom: 40px;
    }
    .faded-text {
        font-size: 3rem;
    }
    #block-celebright-main-menu ul.menu.menu.navbar-nav.menu--level-1 li.menu__item--level-1:last-child {
        position: absolute;
        bottom: 50px;
        left: 40px;
    }
    .block-inline-blockjumbotron-carousel button.slick-next.slick-arrow {
        left: 31%;
    }
    .block-inline-blockjumbotron-carousel button.slick-prev.slick-arrow {
        left: -35px;
    }
    .navbar {
        padding: 30px 10px;
    }
    .block-inline-blockjumbotron-carousel button.slick-prev.slick-arrow {
        margin-left: 20px;
    }
    .slide-content {
        padding: 0 10px;
    }
    .slide-content h1 {
        font-size: 24px;
    }
    .slide-content p {
        display: none;
    }
    .accent-line3, .accent-hr-line {
        display: none;
    }
    .block-inline-blockfull-frame-video {
        margin-top: 0;
    }
    .block-inline-blockfull-frame-video .container {
        padding: 0;
    }
    h1.text-center.display-4.fw-medium.mb-4.text-white.heading {
        font-size: 20px;
        max-width: 300px;
        margin: 0 auto;
    }
    .description-text p {
        max-width: 300px;
        margin: 0 auto;
    }
    .block-inline-block50x50-split-info-block .row.align-items-center .col-md-6:first-child {
        order: 0;
        padding: 0 40px;
        margin: 0 !important;
        width: 100%;
        margin-top: 35px !important;
        margin-bottom: 35px !important;
    }
    h3.section-title {
        font-size: 22px;
        margin-bottom: 16px;
    }
    .block-inline-blockdevice-app-block {
        height: auto;
    }
    .block-inline-block50x50-split-info-block .row.align-items-center .col-md-6:last-child,
    .block-inline-block50x50-split-info-block-reverse .row.align-items-center .col-md-6:first-child {
        padding: 0;
        width: 100%;
        order: 1;
    }
    .map-background h1 {
        font-size: 24px;
    }
    .block-inline-blockmiddle-banner .field--name-body {
        position: static;
        top: 70px;
        z-index: 9999;
        left: 0;
        right: 0;
        margin: 0 auto;
        max-width: 620px;
        text-align: center;
        margin-top: 40px;
        padding: 0 20px;
    }
    .row.align-items-center.content-box4 p {
        padding-right: 0rem;
        padding-left: 0;
    }
    .row.align-items-center.content-box4 h3 {
        font-size: 22px;
        padding: 0;
    }
    .row.align-items-center.content-box4 h2 {
        font-size: 28px;
        padding: 0;
    }
    .makes-title {
        margin-top: 20px;
    }
    .getquote.layout.layout--onecol {
        background-image: none;
       
    }
    .layout.layout--threecol-section.layout--threecol-section--33-34-33 {
        margin: 50px auto;
    }
    .webform-submission-get-a-free-quote-form {
        padding: 0 30px;
        margin: 30px 0;
        text-align: center;
    }
    .permanent_title {
        margin-top: 60px !important;
    }
    .section-title {
        font-size: 28px;
        margin-top: 20px;
    }
    .block-inline-blockdevice-app-block .col-md-6:first-child {
        order: 2;
    }
    .block-inline-blockdevice-app-block {
        margin: 0;
    }
    .app-title {
        font-size: 24px;
    }
    .block-inline-block50x50-split-info-block-reverse .row.align-items-center .col-md-6:last-child {
        padding: 0 20px;
        margin: 0 !important;
        width: 100%;
        order: 0;
        margin-bottom: 35px !important;
    }
    .map-background {
        background-image: none !important;
        min-height: auto;
    }
    .accent-hr-line-3 {
        width: 260px;
        margin: 40px auto;
    }
    .wanttotalk.layout--twocol-section--50-50 .layout__region.layout__region--first img {
        width: 100%;
    }
    .slide {
        height: 600px;
    }
    .dealer-overlay {
        /* background-color: transparent; */
        padding: 1rem;
        background: #222222;
    }
    .content-overlay-5 p {
        display: none;
    }
    .noslide .row.m-auto {
        padding: 30px;
    }
    .noslide-content-5.text-center.mb-4 .container-2 + p {
        padding: 0 60px;
    }
    /* .overlaybg {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 484px;
        background: red;
        background: #343434;
    } */
    .testimonials h2.text-white.display-5.fw-bold {
        text-align: center;
        margin-top: 0px;
        font-size: 24px;
    }
    .noslide-content-5.text-center.mb-4 h1 {
        font-size: 48px !important;
    }
    .layout.testimonials {
        margin-top: 50px !important;
    }
    .noslide {
        bottom: 200px;
    }
    .become-dealer {
        padding-bottom: 780px;
       
        margin-top: 0;
    }
    .testimonials .field--name-body p {
        color: #fff;
        padding: 0 12px;
        text-align: left;
    }
    .showcase-section button.slick-prev.slick-arrow {
        margin-left: 25px;
    }
    div#hidecontent {
        padding: 0px !important;
        margin-top: 30px;
    }
    .feature-card4 {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 25px;
    }
    .accent-hr-line-2 {
        display: none;
    }
    .showcase-section {
        min-height: auto;
        top: -50px;
    }
    .content-overlay-5 {
        left: 30px;
    }
    .showcase-title {
        font-size: 24px;
    }
    .content-section4 {
        padding: 0;
    }
    
    .block-inline-block6x6-split-info-block-reverse .col-md-6:first-child {
        padding: 0;
        width: 100%;
    }
    .block-inline-block6x6-split-info-block-reverse .content-box4 .col-md-6 {
        width: 100%;
    }
    .testimonials h2.text-white.display-5.fw-bold {
        text-align: left;
        padding-left: 12px;
    }
    .block-inline-block6x6-split-info-block .content-box4 .col-md-6 {
        width: 100%;
    }
    .content-title4 {
        margin-top: 20px;
    }
    .content-box4 {
        margin-bottom: 20px;
        margin-top: 0;
    }
    .block-inline-block6x6-split-info-block .col-md-6:first-child {
        order: 1;
    }
    .block-inline-block6x6-split-info-block .col-md-6:last-child {
        order: 2;
    }
    .block-inline-block6x6-split-info-block .col-md-6:last-child {
         padding: 0 !important;
    }
    .block-inline-block6x6-split-info-block h2 {
        padding: 0 3rem;
        margin-top: 20px;
        font-size: 36px;
    }
    .block-inline-block6x6-split-info-block p {
        padding: 0 3rem;
    }
    h1.noslide-content-5 {
        font-size: 38px;
    }
    .block-inline-blockbasic p {
        text-align: center;
    }
    #block-celebright-footer img.h-auto {
        margin-bottom: 15px;
    }
    footer .col-md {
        flex: 1 0 100%;
    }
    .block-views-blockteam-block-1 .view-id-team {
        margin-top: 40px;
    }
    .block-views-blockteam-block-1 .view-id-team .views-row {
        margin-bottom: 20px;
    }
    .privacy-page .block-inline-blockbasic p {
        text-align: left;
    }
    article[data-history-node-id="14"] .block-inline-blockfull-frame-video h1.text-center.mb-5 {
        margin-bottom: 0 !important;
    }
    .dealer-overlay {
        margin: 0rem auto;
    }
    .media--type-image img {
        padding: 0 0px;
    }
    .block.block-layout-builder.block-inline-blockmiddle-banner img {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .navigation-wrapper {
        max-width: 540px;
    }
    .content-overlay-5 {
        max-width: 540px;
    }
    .overlaybg {
        height: 600px;
    }
    h3.feature-title4 + div {
        margin: 10px auto !important;
    }
    
}

@media (max-width: 435px) {
    .overlaybg {
        height: 620px;
    }
    .feature-card4 p {
        font-size: 12px;
    }
    .feature-title4 {
        font-size: 24px;
    }
}

@media (max-width: 400px) {
    .faded-text {
        font-size: 2.5rem;
    }
    .overlaybg {
        height: 625px;
    }
}
@media (max-width: 374px) {
    .overlaybg {
        height: 643px;
    }
    .block-inline-blockbecome-a-dealer-block .flex-grow-1 {
        font-size: 14px;
    }
}