@media (min-width: 1921px) {
    .drag-section,
    .about_hunter.mps_disorders,
    .biology_mps,
    .disease_severity_content,
    .signs_symptoms_bgcircle3, .genetics_inheritance {
        background-size: cover;
    }
}

@media (min-width: 769px) {
    .thank-you-sec {
        padding: 0px 0;
    }
}

@media (min-width: 576px) {
    .severe-type {
        margin-left: 40px;
    }

    .video-library-tab-wrapper {
        margin-top: 30px;
    }

    .mps_learn_more_btn {
        max-width: 300px;
        padding-left: 80px !important;
    }
}

@media (min-width: 768px) {

    .customMW100 {
        max-width: 100% !important;
    }

    .vertical_tab .overview_icon {
        left: -20px;
        top: 0;
        width: 80px;
        height: 80px;
        padding: 20px;
        position: absolute;
        bottom: 0;
        margin: auto;
    }

    .video_lib_sec > div .video_lib_img {
        padding: 0;
    }

    .video_lib_sec > div:nth-child(even) .video_lib_img::before {
        width: 0;
        height: 0;
    }

    .video_lib_sec > div .video_lib_img,
    .video_lib_sec > div .video_lib_img {
        padding: 30px 0;
    }

    .video_lib_sec > div:nth-child(4n+4) .video_lib_img::before,
    .video_lib_sec > div:nth-child(4n+3) .video_lib_img::before {
        content: "";
        width: 9999999px;
        height: 100%;
        background: #ede8f3;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        transform: translateX(-50%);
    }

    .video-lib-wrapper::after {
        content: '';
        position: absolute;
        bottom: -35px;
        left: 0;
        background: url(../images/single-bubble.svg);
        background-position: right;
        background-repeat: no-repeat;
        width: 125px;
        height: 254px;
        z-index: -1;
    }

    .educational-vid-library::after {
        content: '';
        position: absolute;
        bottom: -85px;
        right: 80px;
        background: url(../images/single-bubble.svg);
        background-repeat: no-repeat;
        width: 254px;
        height: 254px;
        z-index: -1;
    }

    .real-life-stories-video-sec::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(../images/single-bubble.svg);
        background-position: right;
        background-repeat: no-repeat;
        width: 170px;
        height: 254px;
    }

    .real-life-stories-video-sec::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        background: url(../images/single-bubble.svg);
        background-position: left;
        background-repeat: no-repeat;
        width: 170px;
        height: 254px;
    }

    .rightbubblevidlib::after {
        content: '';
        position: absolute;
        bottom: 25px;
        right: -190px;
        background-image: url(../images/videoLibLeftDbl.svg);
        background-repeat: no-repeat;
        width: 484px;
        height: 440px;
        background-size: contain;
    }
}

@media (min-width: 992px) {
    .video_lib_sec > div:nth-child(4n+4) .video_lib_img,
    .video_lib_sec > div:nth-child(4n+3) .video_lib_img {
        padding: 0;
    }

        .video_lib_sec > div:nth-child(4n+4) .video_lib_img::before,
        .video_lib_sec > div:nth-child(4n+3) .video_lib_img::before {
            width: 0;
            height: 0;
        }

    .video_lib_sec > div:nth-child(6n + 1) .video_lib_img,
    .video_lib_sec > div:nth-child(6n + 2) .video_lib_img,
    .video_lib_sec > div:nth-child(6n + 3) .video_lib_img,
    .video_lib_sec > div:nth-child(6n + 4) .video_lib_img,
    .video_lib_sec > div:nth-child(6n + 5) .video_lib_img,
    .video_lib_sec > div:nth-child(6n + 6) .video_lib_img {
        padding: 30px 0;
    }

        .video_lib_sec > div:nth-child(6n + 1) .video_lib_img::before,
        .video_lib_sec > div:nth-child(6n + 2) .video_lib_img::before,
        .video_lib_sec > div:nth-child(6n + 3) .video_lib_img::before,
        .video_lib_sec > div:nth-child(6n + 4) .video_lib_img::before,
        .video_lib_sec > div:nth-child(6n + 5) .video_lib_img::before,
        .video_lib_sec > div:nth-child(6n + 6) .video_lib_img::before {
            content: "";
            width: 9999999px;
            height: 100%;
            background: #ede8f3;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0;
            transform: translateX(-50%);
        }

    .about_icon_btn a {
        height: 85px;
        padding-left: 50px;
    }

    .video-library-tab-wrapper {
        margin-top: 50px;
    }

    .video-lib-wrapper::after {
        z-index: 1;
    }

    .jason-content-img-section > img {
        margin-top: -35px;
    }

    .cookingWSon.rightCornerSection .ellipse {
        transform: translate(60px, 85px);
    }

    .parentPerspective4.rightCornerSection .ellipse {
        transform: translate(100px, 45px);
        shape-outside: circle(53% at 73% 77%);
    }

    .parentPerspective3.rightCornerSection .ellipse {
        transform: translate(90px, 12px);
        shape-outside: circle(53% at 73% 77%);
    }

    .whatYouFulfillSection .jasonSubImg5.mainIconDiv {
        margin: 30px 0 50px 0;
    }

        .whatYouFulfillSection .jasonSubImg5.mainIconDiv .personaImg {
            top: 63%;
        }

    .howYouDealDiv .singleFundraiser3.rightCornerSection .ellipse {
        shape-outside: circle(53% at 91% 58%);
    }

    .takedaLogoBw {
        margin-top: 2px;
        margin-bottom: 10px;
    }

    .mainIconDiv.bigMove2 {
        margin-bottom: 50px;
    }

    .mainIconDiv.bigMove3 {
        margin-bottom: 80px;
    }

    .rightCornerSection.singlefundImg {
        margin-bottom: 10px;
    }

    .rightCornerSection.singleFundraiser3 {
        margin-bottom: 20px;
    }

    .rightCornerSection.singleFundraiser1 .ellipse {
        shape-outside: circle(53% at 89% 73%);
    }

    .hopeForFutureSection .jasonSubImg9.mainIconDiv {
        margin: 70px 0 40px 0;
    }

    .rightCornerSection.virtualClassRoom {
        margin-bottom: 60px;
    }
}

@media (min-width: 1200px) {
    .practiceSelfCare2.marginNeg {
        margin-top: -14px;
    }

    .mainIconDiv.bigMove2 {
        margin: 60px 0 50px;
    }

    .raisingFamily3Div.rightCornerSection .ellipse {
        transform: translate(105px, -5px);
        shape-outside: circle(56% at 84% 54%);
    }

    .kimberly_steven_banner_Section.about_hunter {
        padding-top: 60px;
        padding-bottom: 0;
    }

    .howYouDealDiv .singleFundraiser3.rightCornerSection .ellipse {
        shape-outside: circle(50% at 74% 62%);
    }

    .whatYouFulfillSection .jasonSubImg5.mainIconDiv {
        margin: 80px 0 100px 0;
    }

    header nav li a {
        border-bottom: 2px solid transparent;
        border-spacing: 1.51px;
        white-space: nowrap;
        font-size: 14px;
    }
    /* .container{
        max-width: 1340px;
    } */
    header nav li:hover > a,
    header nav li.active > a {
        border-bottom-color: #ffffff;
        border-spacing: 2px;
    }

    header .submenu {
        position: absolute;
        opacity: 0;
        transform: translateY(-10px);
        visibility: hidden;
        background: #1a0034d2;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        display: block !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        border: 0;
        z-index: 1;
    }

        header .submenu a {
            font-family: var(--font_avenir_heavy);
        }

    .navbar {
        padding: 15px 0;
        background: #341256;
    }
    /* .navbar.fixed-header {
    padding-top: 20px;
     background: var(--orange); 
  } */
    header nav li:hover .submenu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    header .submenu li:not(:last-child) {
        margin-bottom: 10px;
    }

    header nav ul.navmenu > li {
        margin-right: 15px;
    }


    .social-icons > li:not(:last-child) {
        margin-right: 10px;
    }
    /*leave website modal page css */
    .leave_modal .modal-content {
        padding: 21px;
    }

        .leave_modal .modal-content > div {
            padding: 30px 50px;
        }

        .leave_modal .modal-content h3 {
            letter-spacing: 3.24px;
        }

        .leave_modal .modal-content p {
            letter-spacing: 2.03px;
        }

    /*leave website modal page css */
    /* diease overview start*/
    .about_icon_btn a {
        padding: 36px;
        border-radius: 80px;
        padding-left: 90px;
        margin-left: 70px;
        height: 93px;
    }

    .overview_icon {
        left: -40px;
        top: -10px;
        width: 125px;
        height: 125px;
    }

    .about_hunter {
        padding: 70px 0;
    }
    /* diease overview end*/
    /* signs-symptoms page start */
    .fivecol_icon_slider,
    .fourcol_icon_slider {
        margin-top: 40px;
    }

    /* signs-symptoms page end */

    .overview_icon img {
        max-height: 40px;
    }

    header img.globe {
        z-index: 22;
    }

    .lang-dropdown .dropdown-menu {
        z-index: 21;
        top: -5px !important;
        left: -35px !important;
    }

    .thank-you-sec {
        padding: 80px 0;
    }

    .video-wrapper.video-bg {
        min-height: 590px;
    }

    .aidenStroySection .video-wrapper.video-bg {
        min-height: 614px
    }
    /*header nav ul.navmenu > li:first-child a {
        color: #e54c12 !important;
    }*/
    header nav ul.navmenu > li a {
        white-space: normal;
        max-width: max-content;
        text-align: center;
    }

    header nav ul.navmenu > li .submenu li {
        text-align: center;
    }

    .video-library-tab-wrapper {
        margin-top: 70px;
    }

    .beingAbleVirtualSection {
        margin-right: 70px;
    }

    .rightCornerSection.virtualClassRoom {
        margin-bottom: 20px;
    }
    /*.pushySection{
        margin-right:170px
    }*/
    .cookingWSon.rightCornerSection .ellipse {
        transform: translate(60px, 103px);
        shape-outside: circle(53% at 50% 100%);
    }

    .quoteSection {
        max-width: 1047px;
        margin: 0 auto;
    }

    .parentPerspective3.rightCornerSection .ellipse {
        transform: translate(90px, -25px);
        shape-outside: circle(47% at 72% 53%);
    }

    .singleFundraiser5Div .singleFundraiser5.mainIconDiv {
        margin-top: 70px;
        margin-bottom: 50px;
    }
}

@media (min-width: 1400px) {
    .mobilecustomBg p.mb-3 {
        margin-bottom: 24px !important;
    }

    .container {
        max-width: 1320px;
    }

    /*.fivecol_icon_slider .swiper-button-prev,
    .fivecol_icon_slider .swiper-button-next {
        display: none;
    }*/

    header nav li a {
        font-size: 15px;
    }

    .social-icons img.yt {
        max-width: 30px;
    }

    .social-icons img.fb {
        max-width: 25px;
    }

    .social-icons img.insta {
        max-width: 24px;
    }

    header nav ul.navmenu > li {
        margin-right: 20px;
    }

    header .checkout-btn {
        font-size: 16px;
    }

    header img.globe {
        max-width: 38px;
    }

    /*leave website modal page css */
    /* diease overview start*/
    .about_icon_btn a {
        padding: 36px;
        border-radius: 80px;
        padding-left: 90px;
        margin-left: 70px;
        height: 93px;
    }

    .overview_icon {
        left: -40px;
        top: -10px;
        width: 125px;
        height: 125px;
    }

    .about_hunter {
        padding: 70px 0;
    }
    /* diease overview end*/
    /* signs-symptoms page start */
    .fivecol_icon_slider,
    .fourcol_icon_slider {
        margin-top: 40px;
    }

    /* signs-symptoms page end */

    .overview_icon img {
        max-height: 40px;
    }

        .overview_icon img.child-icon {
            margin-right: 4px;
        }

    header img.globe {
        z-index: 22;
    }

    .lang-dropdown .dropdown-menu {
        z-index: 21;
        top: -5px !important;
        left: -35px !important;
    }

    .thank-you-sec {
        padding: 80px 0;
    }
    /* small-container start*/
    .sm-container header img.globe {
        max-width: 35px;
        z-index: 9999;
        position: relative;
        margin-right: 5px;
    }

    .sm-container header .checkout-btn {
        font-size: 14px;
        padding: 8px 18px;
    }

        .sm-container header .checkout-btn span {
            padding: 7px 16px;
        }
    /* small-container end */

    header img.globe {
        max-width: 35px;
    }

    header .checkout-btn {
        font-size: 14px;
    }

    .hunter_stories_content .about_hunter {
        z-index: -1;
    }

    .video-wrapper.video-bg {
        min-height: 570px;
        padding: 0;
    }

    .biology_mps .content_bg p {
        max-width: 50%;
        font-size: 17px;
        line-height: 24px;
    }

    .beingAbleVirtualSection.rightCornerSection .ellipse {
        shape-outside: circle(52% at 80% 73%);
        transform: translate(110px, 47px);
    }

    .champSection.rightCornerSection .ellipse {
        shape-outside: circle(48% at 53% 60%);
        transform: translate(0px, 45px);
        margin-left: 30px;
    }

    .beingAbleVirtualSection.rightCornerSection {
        margin-bottom: 110px;
    }

        .beingAbleVirtualSection.rightCornerSection.virtualClassRoom {
            margin-bottom: 90px;
        }

    .pushySection.beingAbleVirtualSection.rightCornerSection {
        margin-bottom: 70px;
    }

    .buid_com_img_4.beingAbleVirtualSection.rightCornerSection {
        margin-bottom: 40px;
    }

    .buid_com_img_2.beingAbleVirtualSection.rightCornerSection {
        margin-bottom: 40px;
    }

    .beingAbleVirtualSection.buid_com_img_1.rightCornerSection {
        margin-bottom: 60px;
    }

    .pushySection.beingAbleVirtualSection.rightCornerSection .ellipse {
        shape-outside: circle(70% at 82% 73%);
        transform: translate(95px, -15px);
    }

    .howYouDealDiv .singleFundraiser3.rightCornerSection .ellipse {
        shape-outside: circle(53% at 70% 57%);
        transform: translate(100px, 18px);
    }

    .mainIconDiv.bigMove2 {
        margin: 80px 0 65px;
    }
    /*.mainIconDiv.bigMove3 {
        margin-bottom: 80px;
    }*/
    .rightCornerSection.singlefundImg {
        margin-bottom: 60px;
    }

    .singleFundraiser5Div .singleFundraiser5.mainIconDiv {
        margin-top: 80px;
        margin-bottom: 60px;
    }

    .hopeForFutureSection .jasonSubImg9.mainIconDiv {
        margin: 80px 0 60px 0;
    }

    .buid_com_img_2.beingAbleVirtualSection.rightCornerSection .ellipse {
        shape-outside: circle(52% at 83% 52%);
        transform: translate(110px, -3px);
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }

    .jasonSubImg8MAin {
        max-width: 978px;
        margin: 0 auto;
    }
    /*.fivecol_icon_slider .swiper-button-prev,
    .fivecol_icon_slider .swiper-button-next {
        display: none;
    }*/
    header nav li a {
        font-size: 15px;
    }

    .social-icons img.yt {
        max-width: 30px;
    }

    .social-icons img.fb {
        max-width: 25px;
    }

    .social-icons img.insta {
        max-width: 24px;
    }

    header nav ul.navmenu > li {
        margin-right: 20px;
    }

    header .checkout-btn {
        font-size: 16px;
    }

    header .logo {
        max-width: 260px;
    }

    header img.globe {
        max-width: 38px;
    }

    /* small-container start*/
    .sm-container header img.globe {
        max-width: 35px;
        z-index: 9999;
        position: relative;
        margin-right: 5px;
    }

    .sm-container header .checkout-btn {
        font-size: 14px;
        padding: 8px 18px;
    }

        .sm-container header .checkout-btn span {
            padding: 7px 16px;
        }
    /* small-container end */

    header img.globe {
        max-width: 35px;
    }

    header .checkout-btn {
        font-size: 14px;
    }

    .hunter_stories_content .about_hunter {
        z-index: -1;
    }

    .banner-img img {
        margin-bottom: -22px;
    }
    .customPadding29{
        padding-right: 29px;
    }
}


@media (min-width: 1640px) {
    .container-xxl {
        max-width: 1640px;
    }

    .no-right-space {
        margin-left: calc((100% - 1600px) / 2);
        padding: 0 2rem 0 1rem;
    }

    header nav ul.navmenu > li {
        margin-right: 25px;
    }


    .social-icons > li:not(:last-child) {
        margin-right: 20px;
    }

    header img.globe {
        max-width: 44px;
    }

    .overview_icon {
        left: -50px;
        top: -12px;
        width: 120px;
        height: 120px;
    }

    .home-life-slider .homeDescSlider {
        position: unset;
        padding: 10px 130px;
    }
    /* .about_icon_btn a
    {
        padding: 45px 36px;
    } */
    .video-wrapper.video-bg {
        padding: 0;
        min-height: 550px;
    }

    .genetics_inheritancebg2::after {
        width: 160px;
        height: 160px;
        right: 30px;
    }

    /* .download_btn {
        border-top-left-radius: 86px;
        border-top-right-radius: 86px;
    } */

    /* .family_friends_sec::before {
        width: 315px;
    } */

    .disease_severity_content {
        background-size: cover;
    }

    .banner-img img {
        margin-bottom: -42px;
    }

    .beingAbleVirtualSection.buid_com_img_1.rightCornerSection .ellipse {
    }

    .beingAbleVirtualSection.rightCornerSection .ellipse {
        shape-outside: circle(52% at 80% 73%);
        transform: translate(110px, 69px);
    }

    .buid_com_img_2.beingAbleVirtualSection.rightCornerSection .ellipse {
        shape-outside: circle(51% at 86% 55%);
        transform: translate(80px, 31px);
    }

    .buid_com_img_2.beingAbleVirtualSection.rightCornerSection {
        margin-bottom: 40px;
    }

    .aidenStroySection iframe.patients-video {
        min-height: 535px;
    }

    .pushySection.beingAbleVirtualSection.rightCornerSection .ellipse {
        shape-outside: circle(52% at 58% 67%);
        transform: translate(94px, 7px);
    }

    .howYouDealDiv .singleFundraiser3.rightCornerSection .ellipse {
        shape-outside: circle(53% at 67% 66%);
        transform: translate(80px, 15px);
    }

    .logan8YearOld.rightCornerSection .ellipse {
        transform: translate(71px, 100px);
        shape-outside: circle(53% at 68% 92%);
    }

    .jasonSubImg8MAin.rightCornerSection .ellipse {
        shape-outside: circle(53% at 50% 73%);
        transform: translate(70px, 35px);
    }

    .rightCornerSection.singlefundImg {
        margin-bottom: 30px;
    }

    .rightCornerSection.singleFundraiser1 .ellipse {
        transform: translate(120px, 30px);
    }

    .beingAbleVirtualSection.rightCornerSection {
        margin-bottom: 89px;
    }

    .beingAbleVirtualSection.rightCornerSection.virtualClassRoom {
        margin-bottom: 60px;
    }

    .pb-xxl-70{
        padding-bottom:70px !important;
    }
}

@media (max-width: 1640px) {
    /*.spectrum-drag-svg svg {
        width: 220px;
        height: 90px;
    }*/
    .communicateLeftBottombbl {
        width: 200px;
    }

    .quoteSection .quoteImg {
        width: 100px;
    }

    .spectrum-person-space > img {
        max-width: 220px;
    }

    .spectrum_person {
        width: 55px;
        height: 55px;
        padding: 6px;
    }

        .spectrum_person img {
            max-width: 30px;
            max-height: 27px;
        }

        .spectrum_person:hover {
            width: 57px;
            height: 57px;
        }

        .spectrum_person ~ p {
            font-size: 12px;
            margin-top: 0px;
        }

    .perosn_spectrum1 {
        transform: translate(-50px, -30px);
    }

    .perosn_spectrum2 {
        transform: translate(-55px, 25px);
    }

    .perosn_spectrum3 {
        transform: translate(-40px, 55px);
    }

    .perosn_spectrum4 {
        transform: translate(40px, -35px);
    }

    .perosn_spectrum5 {
        transform: translate(50px, 20px);
    }

    .perosn_spectrum6 {
        transform: translate(40px, 40px);
    }

    .spectrum-wrapper .spectrum-person-left .content_bg img {
        max-width: 340px;
    }

    .spectrum-wrapper .spectrum-person-right .content_bg img {
        max-width: 325px;
    }

    .spectrum-person-cont {
        max-width: 190px;
    }

        .spectrum-person-cont h4, .spectrum-person-cont ul {
            font-size: 16px;
        }

    .biology_mps svg {
        width: 100%;
        display: block;
        height: auto;
    }

    .disease_btnlist .video-wrapper iframe.patients-video {
        height: 350px;
        width: 75%;
    }

    .family_life_sec .swiper-slide.col-xxl-5 {
        width: 49% !important;
    }

    .home-life-slider .homeDescSlider {
        padding: 10px 80px;
    }

    .video-wrapper.video-bg iframe.patients-video {
        max-height: 240px;
    }

    .aidenStroySection iframe.patients-video {
        height: 535px !important;
        max-height: 535px !important;
    }
}

@media (max-width: 1400px) {
    .sm-container header nav li a {
        font-size: 14px;
    }

    .management_overview_bg .video-wrapper iframe.patients-video {
        width: 100%;
    }

    .video-wrapper iframe.patients-video {
        height: 220px;
        width: 90%;
    }

    .submenu-header a.overview_btn {
        font-size: 13px;
        line-height: 19px;
    }

    .content_bg img {
        max-width: 250px;
    }

    .content_bg p {
        max-width: 210px;
        font-size: var(--font-16);
    }

    .disease_btnlist .video-wrapper iframe.patients-video {
        height: 300px;
        width: 80%;
    }

    .two-col-tabbing-acc #two-tab-pane .content_bg img {
        max-width: 100%;
    }

    .two-col-tabbing-acc #two-tab-pane .content_bg p {
        max-width: 400px;
    }

    .homelifebg2 .homeImg {
        width: 80%;
    }

    .facebook-btn .download_icon {
        padding: 30px 40px;
        padding-bottom: 30px;
    }

    .beingAbleVirtualSection.rightCornerSection .ellipse {
        shape-outside: circle(53% at 50% 73%);
        transform: translate(60px, 45px);
    }

    .pushySection.beingAbleVirtualSection.rightCornerSection .ellipse {
        shape-outside: circle(53% at 50% 60%);
        transform: translate(60px, -5px);
    }

    .champSection.rightCornerSection .ellipse {
        shape-outside: circle(53% at 50% 47%);
        transform: translate(30px, 15px);
    }

    .rightCornerSection .ellipse {
        width: 200px;
        height: 200px;
    }
}

@media (max-width: 1199px) {
    header .checkout-btn span {
        left: -53%;
    }

    .pb-lg-50 {
        padding-bottom: 50px !important;
    }

    .fixed-header {
        margin: 0;
    }

    .square {
        height: 102px;
    }

    .mobile_menu.fixed-header {
        background: #341256;
    }

    header .checkout-btn {
        margin-left: 40px;
        margin-top: 40px;
        padding: 7px 12px;
    }

        header .checkout-btn span {
            padding: 6px 15px;
        }

    .social-icons img.yt {
        max-width: 26px;
    }

    .social-icons img.fb {
        max-width: 21px;
    }

    .social-icons img.insta {
        max-width: 20px;
    }

    nav.navbar {
        position: fixed;
        top: 0;
        width: 100%;
        right: 0;
        /* padding-top: 106px; */
        padding-top: 70px;
        height: 100vh;
        max-width: 430px;
        background: var(--violet-500);
        left: unset;
        transform: translateX(100%);
        padding-bottom: 70px;
    }

        nav.navbar.open {
            transform: translateX(0);
        }

        nav.navbar .navmenu {
            overflow-y: auto;
            height: 60vh;
        }

    .overview_icon img {
        max-width: 40px;
        width: 100%;
    }

    .primary_icon_btn img {
        max-height: 20px;
        width: auto;
    }

    header .menu_title {
        text-decoration: underline;
    }

    /*header nav.navbar .navmenu li a.mps_title {
        color: #e54c12 !important;
    }*/

    nav.navbar a {
        color: var(--violet) !important;
    }

    .medical_news_img {
        margin-right: 0;
    }

    .content_bg p {
        font-size: var(--font-14);
    }

    .vertical_tab .about_icon_btn a {
        padding: 10px;
        padding-left: 32px;
        margin-left: 20px;
    }

    .vertical_tab .overview_icon {
        width: 50px;
        height: 50px;
        padding: 10px;
        top: 0;
        margin: auto;
        bottom: 0;
    }

    .vertical_tab .overview_title p {
        font-size: var(--font-14);
    }

    .diagnosis_testing_bg {
        background-position: center;
    }

    .organization_sec .organization_img {
        height: 160px;
    }

    .TVF_accordion .tab-content > .tab-pane {
        height: 0;
        overflow: hidden;
        display: block;
    }

    .TVF_accordion .tab-content > .active {
        height: auto;
        transition: 1s all;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
    }
    /* .disease_severity_bg .TVF_accordion .accordion-collapse {
        background-color: var(--gray-200);
      } */
    .diagnosis_testing_opt::before {
        width: 50px;
    }

    .stories_sec .accordion-collapse img {
        max-width: 70%;
        height: auto;
    }

    .bannerMainImg {
        max-width: 100% !important;
    }

    .gallery-container .swiper-wrapper img {
        max-width: 350px;
        height: auto;
    }

    .family_life_sec .swiper-slide.col-xxl-5 {
        width: 48% !important;
    }

    .family_life_sec .overview_icon {
        width: 95px;
        height: 95px;
    }

    .signs_symptoms_bgcircle4 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .epm_accordion.accordion-flush .accordion-collapse img {
        max-width: 300px;
    }

    .banner::after {
        width: 100px;
        height: 100%;
    }

    .disease_severity_bg .two-col-tabbing-acc .accordion-collapse {
        background-color: #ffffff;
    }

    .epm_accordion .epm_btn.download_btn {
        width: 170px;
        padding: 0;
        float: left;
        margin-right: 20px;
        margin-bottom: 5px;
        height: auto;
    }

        .epm_accordion .epm_btn.download_btn .download_icon {
            width: auto;
        }

            .epm_accordion .epm_btn.download_btn .download_icon img {
                max-width: 70px;
            }

    .download_btn.facebook-btn .download_icon img {
        max-width: 50px;
        height: auto;
    }
    /* .disease_severity_bg .two-col-tabbing-acc .accordion-collapse {
        background-color: var(--gray-200);
    } */

    .management_overview_img {
        max-width: 370px;
    }

    .spectrum-wrapper {
        margin-top: 10px;
    }

    .disease_btnlist img.cell-affected-img {
        max-width: 240px;
    }

    #EPMSubMenu .overview_icon img {
        max-width: none;
        max-height: 30px;
    }

    #EPMSubMenu .overview_icon {
        width: 60px;
        height: 60px;
    }

    .facebook-btn .download_icon {
        padding: 20px 10px;
        padding-bottom: 10px;
    }

    #managingHSSubMenu.submenu-header a.overview_btn {
        font-size: 14px;
        line-height: 18px;
    }

    button.navbar-toggler.open {
        margin-top: -110px;
        position: absolute;
        right: 40px;
    }

    .fixed-header button.navbar-toggler.open {
        margin-top: -40px;
    }

    /*header nav ul.navmenu > li:first-child a {
        color: #e54c12 !important;
    }*/

    header.spanish_header .checkout-btn span {
        top: -30%;
        left: -55%;
        transform: skew(5deg, -6deg) translateX(50%);
    }

    .orange_bgicon .spectrum_icon p {
        width: 75px;
        left: -30px;
    }

    .text-custom-wrap {
        white-space: normal !important
    }

    .strategiesToPrepareSchool-section .number {
        height: 85px;
        width: 85px;
        font-size: 45px;
    }

    .kimberlyBannerImg {
        top: 0;
        width: 100%;
        height: auto;
    }

    .queMain {
        min-height: auto;
    }

        .queMain span.queSpan {
            height: 97px;
            width: 97px;
        }

        .queMain h5 {
            padding-left: 15%;
        }

        .queMain.AnsDiv .AnsDet {
            padding-left: 65px;
        }

        .queMain.AnsDiv {
            margin-top: 40px;
            margin-bottom: 0;
        }

    .QueAnsSection .queMain {
        margin-top: 0;
    }

    .realLifeListBox {
        gap: 45px;
    }

    .pt-70 {
        padding-top: 50px
    }

    .py-70 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .buid_com_img_2.beingAbleVirtualSection.rightCornerSection .ellipse {
        shape-outside: circle(52% at 63% 50%);
        transform: translate(63px, 9px);
    }

    .singleFundraiser5Div .singleFundraiser5.mainIconDiv,
    .singleFundraiser6Div .singleFundraiser6.mainIconDiv {
        margin: 40px 0;
    }

    .mainIconDiv .personaImg {
        width: 270px;
    }

    .mainIconDiv.leftIconDiv .primary_icon_btn {
        padding-left: 300px;
    }

    .parentPerspective1.mainIconDiv,
    .parentPerspective2.mainIconDiv {
        margin: 50px 0;
    }
}


@media (max-width: 1024px) {
    header .top-header {
        padding-top: 10px;
    }

    .home-life-slider .homeDescSlider .swiper-slide {
        padding: 30px;
        border-radius: 15px;
    }

    .home-life-slider .homeDescSlider .swiper-button-prev, .home-life-slider .homeDescSlider .swiper-button-next {
        width: 30px;
        height: 46px;
    }

    header .logo {
        max-width: 160px;
    }

    header img.globe {
        max-width: 24px;
    }

    .lang-dropdown .dropdown-toggle {
        font-size: 14px;
    }

        .lang-dropdown .dropdown-toggle::after {
            border-top: 6px solid;
            border-right: 4px solid transparent;
            border-bottom: 0;
            border-left: 4px solid transparent;
            vertical-align: middle;
        }

    .lang-dropdown .dropdown-item {
        font-size: 12px;
    }

    header .top-header > p {
        font-size: 10px;
    }
    /* .two-col-tabbing-acc #one-tab-pane .content_bg img,
  .two-col-tabbing-acc #three-tab-pane .content_bg img {
    max-width: 100%;
  } */
    /* .content_bg img {
    max-width: 100%;
  } */
    .disease_btnlist .content_bg img {
        max-width: 100%;
    }

    .content_bg p {
        padding: 0 30px;
    }

    .genetics_inheritance {
        padding: 30px 0;
    }

    .content_bg p {
        font-size: var(--font-14);
    }

    .vertical_tab .overview_icon {
        width: 70px;
        height: 70px;
        padding: 15px;
        top: 0;
    }

    .overview_icon img {
        max-width: 35px;
    }

    .vertical_tab .about_icon_btn a {
        padding: 12px;
        padding-left: 50px;
        margin-left: 20px;
    }

    .disease_btnlist img.cell-affected-img {
        max-width: 240px;
    }

    .orange_bgicon .spectrum_icon .spectrum_person ~ p {
        top: -30px;
        left: -20px
    }

    .mainIconDiv .personaImg {
        width: 265px;
    }

    .zaydPage .findingBAndFrnds .mainIconDiv {
        margin: 60px 0 70px 0;
    }
}

@media (max-width: 991px) {
    .communicateLeftBottombbl {
        display: none;
    }

    .two-col-tabbing-acc .tab-content > .tab-pane {
        display: block;
        opacity: 1;
    }

    .visit_link a {
        margin-top: 0;
    }

    .organization_cont {
        padding-left: 0;
    }

    .organization_sec .organization_img {
        width: 290px;
        max-width: 100%;
        margin: 0 auto;
        height: 150px;
    }

        .organization_sec .organization_img img {
            max-height: 100%;
        }

    .medical_news_img {
        width: 200px;
        height: 200px;
        padding: 40px;
    }

        .medical_news_img img {
            max-height: 100%;
        }

    .letters-main {
        overflow-x: scroll;
    }

    .two-col-tabbing-acc .tab-content > .tab-pane {
        display: block;
        opacity: 1;
    }

    .organization_cont {
        padding-left: 0;
    }

    .organization_sec .organization_img {
        width: 290px;
        max-width: 100%;
        margin: 0 auto;
        height: 150px;
    }

        .organization_sec .organization_img img {
            max-height: 100%;
        }

    /* .medical_news_img {
        width: 110px;
        height: 110px;
        padding: 25px;
    } */

    .medical_news_img img {
        max-height: 100%;
    }

    .management_primary_care .video-wrapper iframe.patients-video {
        width: 65%;
    }

    .fivecol_icon_slider .top_icon, .fourcol_icon_slider .top_icon, .threecol_icon_slider .top_icon {
        width: 110px;
        height: 110px;
    }

        .fivecol_icon_slider .top_icon img, .fourcol_icon_slider .top_icon img, .threecol_icon_slider .top_icon img {
            width: 60px;
        }

    .fivecol_icon_slider .swiper-button-prev, .fivecol_icon_slider .swiper-button-next, .fourcol_icon_slider .swiper-button-prev, .fourcol_icon_slider .swiper-button-next {
        width: 30px;
        height: 65px;
    }

    .threecol_icon_slider .swiper-button-prev:after, .threecol_icon_slider .swiper-button-next:after, .videoLibrarySlider .swiper-button-prev:after, .videoLibrarySlider .swiper-button-next:after {
        width: 60%;
        height: 60%;
    }

    .left-icon-text .circle-icon img {
        max-width: 55px;
    }

    .two-col-tabbing-acc .tab-title {
        letter-spacing: 1px;
        line-height: 1.2;
    }

    .content_bg p > span {
        overflow-y: auto;
        max-height: 200px;
        display: inline-block;
    }

    .diagnosis_testing_opt img, .management_overview_bg img {
        max-width: 350px;
    }

    .tipstoCommMainSec .leftbbl1 {
        max-width: 80px;
        opacity: 0.6;
    }

    .workingAsTeam::before {
        width: 254px;
        height: 254px;
        background-size: cover;
        opacity: 0.6
    }

    .spectrum-person-space {
        margin-bottom: 30px;
    }

        .spectrum-person-space > img {
            max-width: 180px;
        }

        .spectrum-person-space > svg {
            max-width: 180px;
            max-height: 263px;
        }

    .spectrum-drag-svg svg {
        width: 180px;
        height: 90px;
    }

    .spectrum-drag-eng .spectrum-drag-svg svg {
        width: 184px;
        height: 83px;
    }

    .spectrum_person {
        width: 40px;
        height: 40px;
        padding: 6px;
    }

        .spectrum_person:hover {
            width: 42px;
            height: 42px;
        }

        .spectrum_person img {
            max-width: 22px;
            max-height: 22px;
        }

    .perosn_spectrum1 {
        transform: translate(-20px, -20px);
    }

    .spectrum_person ~ p {
        font-size: 10px;
        line-height: 10px;
        margin-top: 2px;
    }

    .perosn_spectrum5 p {
        left: 0;
        position: absolute;
        width: 65px;
        margin-top: 0;
        line-height: 10px;
    }

    .perosn_spectrum2 {
        transform: translate(-30px, 20px);
    }

    .perosn_spectrum3 {
        transform: translate(-30px, 35px);
    }

    .perosn_spectrum4 {
        transform: translate(30px, -22px);
    }

    .perosn_spectrum5 {
        transform: translate(30px, 15px);
    }

    .perosn_spectrum6 {
        transform: translate(30px, 25px);
    }
    /* .TVF_accordion .accordion-collapse {
        background-color: var(--gray-200);
    } */
    .schoolAcc .TVF_accordion .accordion-collapse {
        background-color: transparent;
    }

    .gallery-container .swiper-wrapper img {
        max-width: 300px;
        height: auto;
    }

    .gallery-container .swiper-wrapper .gallery-title {
        margin-top: 30px;
    }

    .gallery-container .overview_tabbing.rounded_btn p {
        font-size: 12px;
        line-height: 18px;
    }

    .family_life_sec .home_tabs {
        display: none;
    }

    .family_life_sec .home_slider {
        overflow: visible;
    }

        .family_life_sec .home_slider .swiper-button-next, .family_life_sec .home_slider .swiper-button-prev {
            width: 40px;
            height: 50px;
            top: 110px;
        }

        .family_life_sec .home_slider .swiper-button-next {
            right: -30px;
            top: auto;
            bottom: 25%;
        }

        .family_life_sec .home_slider .swiper-button-prev {
            left: -30px;
            top: auto;
            bottom: 25%;
        }

    .family_life_sec .swiper-button-next::after, .family_life_sec .swiper-button-prev::after {
        background-size: 20px;
    }

    .signs_symptoms_bgcircle4 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .content_right {
        margin-left: 0px;
    }

    .video-wrapper.video-bg p {
        font-size: 16px;
        margin: 5px 0 5px;
        line-height: 22px;
    }

    .spectrum-person-right .content_bg img, .spectrum-person-left .content_bg img {
        max-width: 280px;
        margin: 0;
    }

    .spectrum-person-left .content_bg {
        left: -30px;
    }

    .spectrum-person-right .content_bg {
        right: -50px;
    }

    .spectrum-person-left .spectrum-person-cont {
        transform: translate(-60%, -50%);
    }

    .vertical_tab.disease_btnlist .overview_icon {
        width: 60px;
        height: 60px;
    }

    .facebook-btn .download_icon {
        padding-right: 25px;
    }

    nav.navbar {
        padding-top: 40px;
    }

        nav.navbar .navmenu {
            height: 67vh;
        }

    .PersonaIconDiv {
        margin: 40px 0 50px 0;
    }

    .strategiesToPrepareSchool-section .number {
        height: 85px;
        width: 85px;
        font-size: 35px;
        margin-bottom: 10px;
    }

    .personaleftImgDiv.PersonaIconDiv .personaImg {
        position: static;
        transform: translateY(0);
        max-width: max-content;
        width: 260px;
        height: auto;
    }

    .personaleftImgDiv.PersonaIconDiv .primary_icon_btn {
        padding: 6px 25px !important;
        margin-top: 20px;
    }

    .PersonaIconDiv .primary_icon_btn {
        min-height: 85px;
    }

    .mainIconDiv .personaImg {
        position: relative;
        left: 50%;
        transform: translateY(0);
        transform: translateX(-50%);
        margin-bottom: 20px;
    }

    .mainIconDiv.leftIconDiv .primary_icon_btn,
    .mainIconDiv.rightIconDiv .primary_icon_btn {
        padding: 35px 55px;
    }

    .mainIconDiv.rightIconDiv {
        display: flex;
        flex-direction: column-reverse;
    }

    .mainIconDiv {
        margin: 30px 0 50px 0;
    }

    .zaydPage .findingBAndFrnds .mainIconDiv {
        margin: 30px 0 30px 0;
    }

    .whatYouFulfillSection .mainIconDiv {
        margin: 20px 0;
    }

    .queMain span.queSpan {
        height: 77px;
        width: 77px;
        left: -30px;
        top: -6px;
    }

    .queMain {
        margin-left: 30px;
    }

        .queMain h5 {
            padding-top: 15px;
            padding-bottom: 15px;
            padding-left: 10%
        }

    .rightCornerSection {
        border-radius: 15px;
        margin-bottom: 0;
    }
        /*.beingAbleVirtualSection.rightCornerSection .ellipse {
        shape-outside: none;
        transform: translateY(0);
        transform: translateX(-50%);
    }*/
        .beingAbleVirtualSection.rightCornerSection .ellipse,
        .pushySection.beingAbleVirtualSection.rightCornerSection .ellipse,
        .buid_com_img_2.beingAbleVirtualSection.rightCornerSection .ellipse,
        .singlefundImg.rightCornerSection .ellipse,
        .rightCornerSection .ellipse {
            width: 170px;
            height: 170px;
            float: left !important;
            background-repeat: no-repeat;
            shape-outside: circle(48% at 48% 32%);
            background-size: contain;
            position: relative;
            transform: translate(-21px, -40px);
            left: 0;
        }

    .champSection.rightCornerSection .ellipse {
        shape-outside: circle(58% at 60% 32%);
        transform: translate(-4px, -15px);
    }



    .queMain.AnsDiv {
        margin-left: 30px;
    }

        .queMain.AnsDiv span.queSpan {
            left: -30px;
        }

        .queMain.AnsDiv .AnsDet {
            padding-left: 65px;
        }

    .pt-70 {
        padding-top: 35px
    }

    .py-70 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .realLifeListBox {
        gap: 35px;
        row-gap: 45px;
    }

    .video-library-tab-wrapper > ul li > div {
        min-width: 170px;
        max-width: 100%;
    }

    .video-librabry-slider-main {
        padding: 0 35px;
    }

    .downlodIconBanner {
        width: 16px;
        height: 15px !important;
    }

    .quoteSection .quoteImg {
        width: 100px;
    }

    .problemSolvingTogether-section .leftIconDiv.mainIconDiv {
        margin-bottom: 10px;
    }

    .aidenStroySection iframe.patients-video {
        height: 285px !important;
        max-height: 285px !important;
    }

    .aidenStroySection .video-wrapper.video-bg {
        min-height: 360px;
    }

    .featured-video-wrapper {
        padding: 0 51px;
    }

    .videoLibrarySlider .swiper-button-prev {
        left: -10px;
    }

    .videoLibrarySlider .swiper-button-next {
        right: -10px;
    }

    .patientStoriesPopUpImg {
        left: -30px;
        width: 270px;
    }

    .patienMainPopup.modal-dialog {
        max-width: 650px;
    }

    .patientStoriesPopUp {
        max-width: 410px;
    }

    .hopeForFutureSection {
        margin: 30px 0;
    }

    .kylePage .discoverStoriesNavRightBbl1 {
        display: none;
    }

    .kylePage .rightSingleBbl3 {
        width: 200px;
    }

    .quoteSection .quoteImg.singleLineSmallQuote {
        width: 70px;
        bottom: 15px;
    }

    .customAutoIcon {
        height: 34px;
        width: 34px;
        min-width: 34px;
    }

        .customAutoIcon img {
            width: 12px
        }

            .customAutoIcon img#pauseImg {
                /* height: 76px !important; */
                width: 28px !important;
                max-width: 100% !important;
            }

    .raisingFamily .loganRelationship.mainIconDiv,
    .familyTogether .loganRelationship.mainIconDiv,
    .workingHealthcare .bigMove3.mainIconDiv,
    .adjustHome .bigMove2.mainIconDiv {
        margin-bottom: 30px;
    }

    .singleFundraiser5Div .singleFundraiser5.mainIconDiv {
        margin-bottom: 10px
    }

    .singleFundraiser6Div .singleFundraiser6.mainIconDiv {
        margin-bottom: 20px;
    }

    .parentPerspective1.mainIconDiv,
    .parentPerspective2.mainIconDiv {
        margin: 20px 0;
    }

    .makeSureVoiceSection::before,
    .stayOrganizeSection::after,
    .sharingInfoSection::after,
    .sharingInfoSection::before {
        width: 250px;
        height: 250px;
        opacity: 0.6;
        background-size: contain;
    }

    .hopeForFutureSection .jasonSubImg9.mainIconDiv {
        margin-bottom: 20px;
    }
}


@media (max-width: 767px) {
    .primary_icon_btn.play-next-btn {
        padding: 10px 20px;
    }

    .queMain {
        margin-left: 0px;
    }

    header .logo {
        max-width: 130px;
    }

    .submenu-header .container {
        padding: 0;
    }

    .submenu-header a.overview_btn {
        font-size: 12px;
        line-height: 18px;
    }

    .vertical_tab .tab-content > .tab-pane, .schoolAcc .tab-content > .tab-pane, .hzTabsMoile .tab-content > .tab-pane {
        display: block;
        opacity: 1;
    }

    .schoolAcc .TVF_accordion .accordion-collapse {
        background-color: transparent;
    }

    .vertical_tab .overview_icon {
        float: left;
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .content_bg p {
        padding: 0;
    }

    .download_icon img {
        width: 25px;
        height: 20px;
    }

    .video-wrapper iframe.patients-video {
        height: 170px;
        /* width: 75%; */
    }

    .management_primary_care .video-wrapper iframe.patients-video {
        width: 90%;
    }

    /* #panelHunterSyn2 svg {
        max-width: 100%;
        height: auto;
        display: block;
    }

        #panelHunterSyn2 svg text {
            font-size: 24px !important;
        } */

    .two-col-tabbing-acc .content_bg img, .two-col-tabbing-acc .content_bg img {
        max-width: 240px;
    }

    .organization_sec .organization_img {
        width: 230px;
        height: 120px;
    }

    .spectrum-wrapper {
        width: 80%;
        flex-direction: column-reverse;
        position: relative;
    }

    .spectrum-person-left .content_bg {
        position: relative;
        margin: 0;
    }

    .spectrum-person-cont {
        max-width: 150px;
    }

        .spectrum-person-cont ul {
            padding-left: 20px;
        }

    .two-col-tabbing-acc .spectrum-person-right .content_bg img, .two-col-tabbing-acc .spectrum-person-left .content_bg img {
        max-width: 230px;
    }

    .spectrum-person-right .content_bg {
        height: auto;
        bottom: 0;
    }
    /*.orange_bgicon .spectrum_icon.perosn_spectrum7 .spectrum_person ~ p {
        top: -36px;
    }*/
    .spectrum-person-space {
        text-align: center;
    }

    .spectrum-person-cont h4, .spectrum-person-cont ul {
        font-size: 11px;
    }

    .spectrum-wrapper {
        width: 80%;
        flex-direction: column-reverse;
        position: relative;
    }

    .spectrum-person-left .content_bg {
        position: relative;
        margin: 0;
    }

    .spectrum-person-cont {
        max-width: 150px;
    }

        .spectrum-person-cont ul {
            padding-left: 20px;
        }

    .two-col-tabbing-acc .spectrum-person-right .content_bg img, .two-col-tabbing-acc .spectrum-person-left .content_bg img {
        max-width: 230px;
        margin: 0;
    }

    .spectrum-person-right .content_bg {
        height: auto;
        bottom: 0;
    }

    .spectrum-person-space > img {
        max-width: 160px;
    }

    .home-life-slider .homeDescSlider .swiper-button-prev, .home-life-slider .homeDescSlider .swiper-button-next {
        width: 20px;
        height: 30px;
    }

    .home-life-slider .homeDescSlider {
        position: unset;
        padding: 10px 30px;
    }

    .spectrum-drag-svg svg {
        width: 160px;
        height: 88px;
        margin: 0 auto;
    }

    .spectrum-drag-eng .spectrum-drag-svg svg {
        width: 242px;
        height: 82px;
    }

    .perosn_spectrum5 p {
        position: relative;
    }

    .spectrum_person img {
        max-width: 18px;
        max-height: 16px;
    }

    .spectrum_person ~ p {
        font-size: 10px;
        line-height: 11px;
        margin-top: 0px;
    }

    .perosn_spectrum2 {
        transform: translate(10px, 15px);
        left: calc(50% - 110px);
    }

    .perosn_spectrum3 {
        transform: translate(10px, 30px);
        left: calc(50% - 110px);
    }

    .perosn_spectrum1 {
        transform: translate(20px, -20px);
        left: calc(50% - 120px);
    }

    .perosn_spectrum4 {
        transform: translate(5px, -14px);
        left: calc(50% + 60px);
    }

    .perosn_spectrum5 {
        transform: translate(-5px, 15px);
        left: calc(50% + 80px);
    }

    .perosn_spectrum6 {
        transform: translate(-10px, 25px);
        left: calc(50% + 85px);
    }

    .spectrum_person {
        width: 30px;
        height: 30px;
        padding: 6px;
        margin: 0;
    }

        .spectrum_person:hover {
            width: 32px;
            height: 32px;
        }

    .perosn_spectrum2 p {
        margin-left: -45px;
    }

    .perosn_spectrum1 p {
        margin-left: -10px;
    }

    .spectrum_person ~ p {
        text-align: left;
    }

    .spectrum-person-left .spectrum-person-cont {
        left: calc(100% - 60%);
    }

    .spectrum-person-right .spectrum-person-cont {
        right: calc(100% - 40%);
    }

    .spectrum-wrapper.drag-slider, .spectrum-wrapper #slider {
        min-height: 10px;
    }

        .spectrum-wrapper.drag-slider::before {
            border-top: 15px solid transparent;
            border-right: 20px solid #68468a;
            border-bottom: 15px solid transparent;
            width: 1rem;
            height: 1rem;
            top: -8px;
        }

        .spectrum-wrapper.drag-slider::after {
            border-top: 15px solid transparent;
            border-left: 20px solid #e54c12;
            border-bottom: 15px solid transparent;
            width: 1rem;
            height: 1rem;
            top: -8px;
        }

        .spectrum-wrapper #slider span.ui-slider-handle {
            width: 40px;
            height: 25px;
            top: -5px;
        }

    .spectrum-drag-title {
        margin-top: 10px;
    }

        .spectrum-drag-title p {
            font-size: 14px;
        }

    .genetics_inheritancebg2::before {
        width: 150px;
        height: 240px;
        left: -100px;
        top: -80px;
    }

    .genetics_inheritancebg2::after {
        width: 80px;
        height: 90px;
        top: -20px;
    }

    .stories_sec .accordion-collapse img {
        max-width: 50%;
        height: auto;
    }

    .gallery-container .swiper-wrapper .overview_tabbing {
        display: none;
    }

    header img.globe {
        max-width: 20px;
    }

    .lang-dropdown .dropdown-toggle {
        font-size: 12px;
    }

    .download_sec .download_icon img {
        width: 50px;
        height: auto;
        margin-bottom: 10px;
    }

    .facebook-btn .download_icon {
        padding: 20px;
        padding-bottom: 10px;
    }

    .family_life_content img {
        width: 300px;
    }

    .epm_btn.download_btn {
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
        margin-bottom: 10px;
        width: auto;
    }

    .epm_btn .download_icon {
        padding: 20px;
        padding-bottom: 10px;
        width: 130px;
        margin: 0 auto;
    }

        .epm_btn .download_icon img {
            width: 40px;
            height: auto;
        }

    .epm_accordion.accordion-flush .accordion-collapse img, .family_life_content img {
        margin: 0 auto 10px;
        display: flex;
    }

    .home_slider_sec .home_slider .swiper-button-next, .home_slider_sec .home_slider .swiper-button-prev {
        height: 50px;
        top: 130px;
    }

    .schoolAcc img {
        max-width: 300px;
    }

    .sitemap-section::before, .sitemap-section::after, .unsubscribe_bg::after, .unsubscribe_bg::before, .section-404::before {
        width: 150px;
    }

    #panelHunterSyn2 .content_bg img, .cell-affected-img {
        max-width: 240px;
    }

    .normal-cell-nucleus {
        max-width: 300px;
    }

    .two-col-tabbing-acc #one-tab-pane .content_bg img, .two-col-tabbing-acc #three-tab-pane .content_bg img {
        max-width: 220px;
    }

    .two-col-tabbing-acc #one-tab-pane .content_bg p, .two-col-tabbing-acc #three-tab-pane .content_bg p {
        max-width: 200px;
    }

    .two-col-tabbing-acc #two-tab-pane .content_bg img {
        max-width: 380px;
    }

    .two-col-tabbing-acc #two-tab-pane .content_bg p {
        max-width: 280px;
    }

    .epm_accordion .epm_btn.download_btn {
        width: 130px;
        padding: 0;
        float: left;
        margin-right: 20px;
        margin-bottom: 5px;
        height: 135px;
    }

        .epm_accordion .epm_btn.download_btn .download_icon {
            width: auto;
        }

    p.finding_1para {
        text-align: left;
    }

    .orange_bgicon .spectrum_icon.perosn_spectrum6 {
        left: calc(50% - 30px);
        transform: translate(-20px, 5px);
    }

    .orange_bgicon .spectrum_icon.perosn_spectrum8 {
        left: calc(50% - 30px);
        transform: translate(-20px, 5px);
    }

    .orange_bgicon .spectrum_icon.perosn_spectrum7 {
        right: calc(50% - 20px);
        transform: translate(30px, 5px);
    }

    .spectrum-wrapper {
        margin-top: 30px;
    }

    .orange_bgicon .spectrum_icon .spectrum_person ~ p {
        /*left: 0px;*/
        top: -26px
    }

    .orange_bgicon .spectrum_icon.perosn_spectrum6 .spectrum_person ~ p {
        left: -20px;
    }

    .spectrum-person-left .content_bg {
        left: -100px;
    }

    .spectrum-person-right .content_bg {
        right: -100px;
    }

    .vertical_tab.disease_btnlist .overview_icon {
        margin: auto;
        position: absolute;
        left: -20px;
    }

    .vertical_tab.disease_btnlist .specialist_accordion .overview_icon {
        margin-right: 20px;
        position: static;
    }

    .medical_news_img {
        width: 130px;
        height: 130px;
        padding: 25px;
    }

    .revamp_video_lib_sec {
        padding: 30px 0;
    }

    .revamp_desc.video_lib_desc {
        margin-bottom: 30px;
    }

    .tipsToCommunicateSection .readMoreLink img {
        width: 13px;
    }

    .kimberlyBannerImg {
        width: 50%;
        margin-bottom: 15px;
        margin-top: 15PX;
        left: 50%;
        transform: translateX(-50%);
    }

    .queMain h5 {
        padding-left: 60px;
        padding-right: 20px;
    }

    .queMain span.queSpan {
        height: 60px;
        width: 60px;
    }

    .queMain span.queSpan {
        top: -10px;
        left: -10px;
    }

    .queMain {
        border-radius: 15px;
    }

    .roundedCustom_0,
    .borderBottomRadius {
        border-radius: 0;
    }

    .queMain.AnsDiv {
        margin-bottom: 10px;
    }

    .QueAnsSection .queMain {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .queMain.AnsDiv .AnsDet {
        padding-left: 60px;
    }

    .queMain.AnsDiv span.queSpan {
        left: -10px;
    }

    .queMain.AnsDiv {
        margin-left: 0px;
        border-radius: 15px;
    }

    .realLifeListBox {
        gap: 35px;
        row-gap: 50px;
    }

    .hzTabsMoile .TVF_accordion .accordion-button {
        background: #F5F2F8;
        color: var(--violet);
        border-radius: 29px;
        text-align: center;
        padding: 14px 22px;
        font-size: 11px;
        min-height: 50px;
        margin-bottom: 18px;
        margin-top: 18px;
    }

        .hzTabsMoile .TVF_accordion .accordion-button::after {
            display: none;
        }

    .rightSingleBbl3,
    .rightSingleBbl2,
    .rightSingleBbl1,
    .leftSingleBbl3,
    .leftSingleBbl2,
    .leftSingleBbl1,
    .revamp_hunter_Sec .discoverStoriesNavRightBbl1,
    .revamp_hunter_Sec.hunter_stories_content::before {
        display: none
    }

    .kimberly_steven_banner_Section.hunter_stories_bg::after {
        content: "";
        background-image: url(../images/videolibraryOValShape.svg);
        background-position: right top;
        background-repeat: no-repeat;
        background-size: contain;
        width: 56px;
        height: 56px;
        right: -10px;
        top: 40px;
    }

    .kimberly_steven_banner_Section.hunter_stories_bg::before,
    .tonnyPAge.hunter_stories_bg::before {
        content: "";
        background-image: url(../images/videolibraryOValShape.svg);
        background-position: right top;
        background-repeat: no-repeat;
        background-size: contain;
        width: 56px;
        height: 56px;
        left: -20px;
        top: 80%;
    }

    .kimberly_steven_banner_Section .bannerBbl {
        height: 96px;
        width: 96px;
        position: absolute;
        right: -10px;
        bottom: -20px;
        z-index: -1;
    }

    .mobile-overflow-hidden {
        overflow-x: hidden;
    }
    /*.mobilecustomBg {
        background-color: var(--violet-100);
    }*/
    .zaydPage .findingBAndFrnds .mainIconDiv {
        margin: 30px 0 30px 0;
    }

    .hunter_stories_content {
        background-color: #ffffff;
    }

    .kylePage .finfdingCommunity .mainIconDiv {
        margin-bottom: 30px;
    }

    .patientStoriesPopUpImg {
        width: 180px;
        left: 0;
    }

    .patienMainPopup.modal-dialog {
        /*max-width: 70%;*/
        padding: 30px;
    }

    .patientStoriesPopUpMAin {
        margin: 0 20px;
    }

    .patientStoriesPopUp {
        max-width: 320px;
    }

    .nextStryIcon {
        width: 12px;
    }

    .PrevNextBtn {
        background-color: var(--violet-200);
        font-size: 13px;
        width: fit-content;
    }

    #count_day {
        font-size: 35px;
        width: auto;
        line-height: 1;
        border-radius: 0 0 10px 10px;
    }

    .day_count p {
        font-size: 12px;
    }

    .TVF_accordion .accordion-button:not(.collapsed) {
        background: #8052BC;
        color: #ffffff;
    }

        .TVF_accordion .accordion-button:not(.collapsed):before {
            content: "";
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 14px solid #8052BC;
            width: 0;
            height: 0;
            left: 0;
            right: 0;
            position: absolute;
            margin: 0 auto;
            bottom: -12px;
        }

    .PrevNextBtn {
        display: none !important;
    }

    .primary_icon_btn.bgLightPurpleBtn.backTOStories {
        padding: 10px 17px;
    }

    .bannerText p {
        font-size: 12px;
        bottom: 15px;
        padding: 0 10px;
    }

    .rounded-50.quoteSection {
        border-radius: 30px;
    }

    .hopeForFutureSection .jasonSubImg9.mainIconDiv {
        margin-bottom: 10px;
    }

    .agingLearning .mainIconDiv.take_break {
        margin-bottom: 10px;
    }

    .agingLearning .jasonSubImg9.mainIconDiv,
    .raisingFamily .mainIconDiv.raisingFamily2,
    .raisingFamily .mainIconDiv.raisingFamily4 {
        margin-bottom: 30px;
    }

    .takedaLogoBw {
        width: 50px;
    }

    .mainIconDiv.leftIconDiv .primary_icon_btn, .mainIconDiv.rightIconDiv .primary_icon_btn{
        padding : 35px 37px;
    }
    .mainIconDiv .primary_icon_btn{
        border-radius : 40px;
    }
}


@media (max-width: 575px) {
    .aidenStroySection.about_hunter,
    .nataileMAin.about_hunter {
        padding: 0;
    }

    .video-librabry-slider-main {
        padding: 0 19px;
    }

    .featured-video-wrapper {
        padding: 0 26px;
    }

    .hopeForFutureSection .jasonSubImg9.mainIconDiv {
        margin-bottom: 0;
    }

    .hopeForFutureSection {
        margin: 0;
    }

    .bannerText p {
        position: static;
        color: var(--gray);
        margin-bottom: 8px !important;
    }
    /* .two-col-tabbing-acc #one-tab-pane .content_bg img,
  .two-col-tabbing-acc #three-tab-pane .content_bg img,
  .content_bg img {
    width: 110%;
  } */
    .two-col-tabbing .tab-title::before, .two-col-tabbing-acc .tab-title::before {
        border-width: 15px 15px 0 15px;
    }

    .two-col-tabbing-acc .spectrum-person-right .content_bg img, .two-col-tabbing-acc .spectrum-person-left .content_bg img {
        height: 170px;
        width: 250px;
        max-width: 250px;
    }

    .spectrum-person-right .content_bg {
        right: -70px;
    }

    .spectrum-person-cont {
        max-width: 170px;
    }

    .spectrum-person-left .content_bg {
        left: -80px;
    }

    .spectrum-person-left .spectrum-person-cont {
        left: calc(35%);
        transform: translate(-50%, -50%);
    }

    .spectrum-person-right .spectrum-person-cont {
        right: calc(100% - 46%) !important;
    }

    .two-col-tabbing .tab-title, .two-col-tabbing-acc .tab-title {
        padding: 9px 12px;
        letter-spacing: 0;
        font-size: 13px;
    }

    .two-col-tabbing-acc .content_bg img {
        max-width: 200px;
    }

    .two-col-tabbing-acc .content_bg p {
        padding: 0 20px;
        font-size: 10px;
        max-width: 180px;
    }

    #panelHunterSyn2 .content_bg img {
        max-width: 230px;
    }

    .disease_btnlist img.cell-affected-img {
        max-width: 180px;
    }

    #panelHunterSyn2 .content_bg p {
        padding: 0 0px;
        font-size: 12px;
        line-height: 20px;
        max-width: 170px;
    }

    .content_bg p {
        padding: 0 20px;
        font-size: 8px;
    }

    .download_icon img {
        width: 35px;
        height: 30px;
    }

    .submenu-header a.overview_btn, #managingHSSubMenu.submenu-header a.overview_btn {
        /* font-size: 6.5px;
        line-height: 11px; */
        font-size: 7.5px;
        line-height: 11px;
        padding: 5px 5px;
        letter-spacing: 0;
    }

    .overview_btn {
        padding: 10px;
    }

    .video-wrapper iframe.patients-video {
        width: 85%;
    }

    .left-icon-text .circle-icon {
        height: 60px;
        width: 60px;
        padding: 15px;
    }

    .threecol_icon_slider .top_icon {
        height: 90px;
        width: 90px;
    }

    .fourcol_icon_slider_main,
    .fivecol_icon_slider_main,
    .threecol_icon_slider_main {
        padding: 0 40px;
    }

        .threecol_icon_slider_main .swiper-button-prev {
            left: -10px;
            top: 90px;
        }

        .threecol_icon_slider_main .swiper-button-next {
            right: -10px;
            top: 90px;
        }

    .disease_btnlist .video-wrapper iframe.patients-video {
        height: 200px;
    }

    .diagnosis_testing_opt img, .management_overview_bg img {
        max-width: 100%;
        height: auto;
    }

    .stories_sec .accordion-collapse img {
        max-width: 70%;
        height: auto;
        display: block;
        margin: 0 auto;
        float: none !important;
        ;
    }

    .home_slider .swiper-button-next::after, .home_slider .swiper-button-prev::after {
        background-size: 18px;
    }

    .gallery-main .gallery-title p {
        width: 90%;
        margin: 0 auto;
    }

    .home_slider .swiper-button-next, .home_slider .swiper-button-prev {
        width: 20px;
    }

    .swiper-button-next {
        right: 0;
    }

    .swiper-button-prev {
        left: 0;
    }

    .banner .banner-img {
        text-align: center;
        margin-top: 20px;
    }

        .banner .banner-img img {
            width: 300px;
        }

    .family_life_sec .home_slider .swiper-button-next {
        right: -10px;
    }

    .family_life_sec .home_slider .swiper-button-prev {
        left: -10px;
    }

    .family_life_content::before {
        background-position: left bottom;
        width: 100px;
    }

    .family_life_content::after {
        width: 100px;
        height: 100px;
        background-position: right -50px top;
    }

    .family_life_sec::after {
        width: 75px;
    }

    .download_sec .download_icon img {
        width: 40px;
    }

    .download_sec .download_icon p {
        font-size: 16px;
    }

    .epm_accordion.accordion-flush .accordion-collapse img, .family_life_content img {
        max-width: 230px;
        margin: 0 auto 10px;
        display: flex;
    }

    .gallery-title .medical_news_img {
        width: 70px;
        height: 70px;
        padding: 15px;
    }

    .leave_modal .modal-dialog {
        margin: 1.5rem;
    }

    .leave_modal .modal-content > div {
        padding: 20px;
    }

    header .logo {
        max-width: 120px;
    }

    /*.home_slider_sec a.violet_btn[data-bs-target="#exitSiteConsumer"] {
        display: none;
    }*/

    .lady_img, .mutation-x {
        max-height: 250px;
    }

    .two-col-tabbing-acc #two-tab-pane .content_bg img {
        max-width: 300px;
    }

    .swiper-fade .swiper-slide {
        opacity: 0 !important;
    }

        .swiper-fade .swiper-slide.swiper-slide-visible.swiper-slide-active {
            opacity: 1 !important;
        }

    header button.navbar-toggler {
        margin-top: -10px;
    }
    /* .finding_1para
    {
        font-size: 17px;
    } */
    .content_right {
        margin-left: -10px;
    }

    .management_overview_img img {
        max-width: 250px;
    }

    .primary_icon_btn {
        font-size: 14px;
        line-height: 18px;
    }

    .hunter_stories_content {
        padding-top: 0;
    }

    .hunter_stories_content {
        background-color: #ffffff;
    }

        .hunter_stories_content::before {
            width: 60px;
            background-position: left center;
        }

        .hunter_stories_content::after {
            width: 100px;
            background-position: top right;
        }

    .PersonaIconDiv {
        margin: 20px 0;
    }

        .PersonaIconDiv span {
            display: inline-block;
            width: 100%;
            text-align: center;
        }

        .PersonaIconDiv .personaImg {
            position: static;
            width: auto;
            transform: none;
        }

        .PersonaIconDiv .primary_icon_btn {
            padding: 10px 20px;
            height: auto;
            margin-top: 15px;
        }

    .revamp_desc.video_lib_desc {
        margin-bottom: 10px;
    }

    .personaleftImgDiv.PersonaIconDiv .primary_icon_btn {
        padding: 20px 25px !important;
    }

    .personaleftImgDiv.PersonaIconDiv .personaImg {
        width: 220px;
    }

    .mainIconDiv .personaImg {
        left: 0;
        transform: translateX(0);
        margin-bottom: 10px !important
    }

    .mainIconDiv.leftIconDiv .primary_icon_btn, .mainIconDiv.rightIconDiv .primary_icon_btn {
        padding: 20px 25px;
    }

    .mainIconDiv .primary_icon_btn {
        border-radius: 20px;
    }

    .queMain span.queSpan {
        height: 35px;
        width: 35px;
        font-size: 25px;
    }

    .rightCornerSection .ellipse {
        height: 190px;
        width: 190px;
        display: inline-block !important;
        margin-bottom: 15px !important;
    }

    .queMain.AnsDiv .AnsDet {
        padding-left: 25px;
        padding-right: 17px;
    }

    .eventPopupModalBody .modal-content .modal-body .content-wrapper,
    .mps_learn_more_btn {
        margin-left: 50px;
    }

        .eventPopupModalBody .modal-content .modal-body .content-wrapper > img {
            max-width: 156px;
        }

    .mps-event-close-btn {
        right: 50px;
    }

    .primary_icon_btn.bgLightPurpleBtn {
        padding: 10px 17px;
    }
    /*.listen-iterviewSection span.d-inline-block img {
        width: 30px;
        max-width: 30px;
        height: 30px;
        margin-right:8px;*/
    /* display: block !important; */
    /*}*/
    .beingAbleVirtualSection.rightCornerSection .ellipse,
    .rightCornerSection .ellipse,
    .roundedCustom_0 .rightCornerSection .ellipse {
        width: 106px;
        height: 106px;
        float: left !important;
        background-repeat: no-repeat;
        shape-outside: circle(40% at 48% 27%);
        background-size: contain;
        position: relative;
        transform: translate(-21px, -40px);
        left: 0;
    }

    .champSection.rightCornerSection .ellipse {
        shape-outside: circle(46% at 57% 27%);
        transform: translate(-10px, -15px);
    }

    .mobilecustomBg {
        background-color: var(--violet-100);
        padding: 30px 0;
    }

        .mobilecustomBg > .container {
            padding: 0;
        }

    .aidenStroySection .aidenBorderRound,
    .nataileMAin .nataileBorder {
        border-radius: 0;
    }

    .aidenStroySection .container,
    .nataileMAin .container {
        padding-right: 0;
        padding-left: 0;
    }

    .aidenStroySection .video-wrapper.video-bg {
        min-height: 226px;
    }

    .aidenStroySection iframe.patients-video {
        height: 192px !important;
        max-height: 192px !important;
        width: 335px;
    }
    /*.tonnyPAge.kimberly_steven_banner_Section::before {
        display: none;
    }*/
    .patientStoriesPopUpImg {
        position: relative;
        transform: translateY(0);
        left: 50%;
        transform: translateX(-50%);
        padding-top: 20px;
    }

    .patientStoriesPopUp {
        max-width: 100%;
        text-align: center;
        padding: 20px 0;
    }

    .PrevNextBtn {
        font-size: 12px;
        margin: 0 auto;
        max-width: 245px;
        width: 100%;
        justify-content: space-between;
    }

    .nextStryIcon {
        width: 10px;
    }

    .bottom_tag {
        position: absolute;
        bottom: -60px;
        left: 0;
        right: 0;
        background: #fff;
        font-size: 18px;
        padding: 0 50px;
    }

    .MPSDiseases_banner::after {
        height: calc(100% - 60px);
    }

    .MPSDiseases_banner {
        padding-bottom: 60px;
    }

    .video-library-tab-wrapper > ul li > div a {
        font-size: 10px;
    }

    .learningHowTocope .mainIconDiv {
        margin: 20px 0 20px 0;
    }
    .queMain h5{
        padding-left: 30px;
    }
    .videolibrary-close-btn {
        top: 24px;
        right: 24px;
        background-size: 12px;
        padding: 8px;
    }
    .downloadPdfBtn{
        font-size:10px;
    }
}

@media (max-width: 420px) {
    .video-wrapper.video-bg {
        min-height: 350px;
    }

    .video-wrapper iframe.patients-video {
        width: 90%;
        height: 145px;
    }

    /* .content_bg p > span {
        max-height: 130px;
    } */
    /* .two-col-tabbing-acc #two-tab-pane .content_bg img{
    max-width: 100%;
    min-height: 466px;
  } */
    .gallery-container .swiper-wrapper img {
        max-width: 230px;
    }

    .banner .banner-img img {
        width: 260px;
    }

    .perosn_spectrum5 p {
        width: 80px;
    }

    .perosn_spectrum2 p {
        margin-left: -40px;
    }

    /*.queMain h5 {
        padding-left: 15%;
    }*/

    .queMain.AnsDiv .AnsDet {
        padding-left: 29px;
    }

    .eventPopupModalBody .modal-content .modal-body .content-wrapper > img {
        max-width: 100px;
        max-height: 50px;
    }

    .eventPopupModalBody .modal-content .modal-body .content-wrapper > h4 {
        font-size: 18px;
    }

    .eventPopupModalBody .modal-content .modal-body .content-wrapper > p {
        line-height: 1;
    }

    .mps_learn_more_btn {
        padding: 10px 15px !important;
    }

    .bottom_tag {
        padding: 0 20px;
    }

    .patienMainPopup .btn-close {
        right: 15px;
        top: 15px;
        background-size: 10px;
        height: 20px;
        width: 20px;
    }
}

@media (max-width: 421px) {
    .spectrum-person-left .spectrum-person-cont {
        transform: translate(-30%, -50%);
    }
}

@media(max-width : 395px){
    .video-library-tab-wrapper > ul{
        column-gap: 15px;
    }
    .video-library-tab-wrapper > ul li > div {
        min-width: 140px;
    }
    .video-library-tab-wrapper > ul li > div a {
        padding: 10px 15px;
    }
}

@media (max-width: 390px) {
    header.spanish_header .checkout-btn span {
        top: -40%;
        left: -76%;
        transform: skew(5deg, -6deg) translateX(50%);
    }

    .eventPopupModalBody .modal-content .modal-body .content-wrapper, .mps_learn_more_btn {
        margin-left: 30px;
    }
}

@media (max-width: 374px) {
    svg.biology_mps_svg {
        max-width: 270px;
        ;
        height: auto;
    }

    .spectrum-person-left .spectrum-person-cont {
        left: calc(40%);
    }
}

@media (max-width: 321px) {
    .spectrum-person-left .spectrum-person-cont {
        transform: translate(-30%, -50%);
    }
}

@media screen and (min-width: 991px) and (max-width: 1620px) {
    .spectrum-person-right .spectrum-person-cont {
        right: 62% !important;
    }
}


@media(min-width:1400px) and (max-width:1640px) {
    .champSection.rightCornerSection .ellipse {
        width: 190px;
        height: 190px;
    }

    .singleFundraiser1Div .singleFundraiser1.rightCornerSection .ellipse {
        shape-outside: circle(45% at 77% 48%);
        transform: translate(90px, -35px);
    }
}