@media (min-width: 576px) {
    .modal-dialog.cookie-policy {
        max-width: 1394px;
        padding: 0px 15px;
    }
}

@media (min-width: 991px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.4rem;
        padding-left: 0.4rem;
    }

    .resource-list-main .container {
        max-width: 940px;
    }

    .prevalence-1-9 {
        margin-top: 70px;
    }
}

@media (min-width: 1401px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.6rem;
        padding-left: 0.6rem;
        padding-bottom: 1rem;
    }

    .footer-link-img {
        max-width: 40%;
    }

        .footer-link-img.monitoring-footer-link {
            max-width: 35%;
        }

    .diagnosis-list-detail {
        margin-top: 60px;
    }
}

@media (min-width: 1199px) {
    .prevalence-1-9 {
        margin-top: 58px;
    }

    #inheritance .disease-details {
        font-size: 1.0625rem;
    }

    .stay-updated-container {
        max-width: 1140px;
    }

    .main_header .container {
        position: relative;
    }

    .footer-links {
        z-index: 11;
        position: relative;
    }

    .stay-updated-from {
        margin-bottom: -10px;
    }

}

@media(max-width:1600px){
    .banner-title-main .monitoring-list-header{
        left:unset;
    }
    .nav-link, .nav-link:hover {
        font-size: 16px;
    }
    .banner-title-main .banner-icon-img {
        height: 100px;
        left: -100px;
    }
}

@media (max-width: 1401px) {
    

    .home_banner {
        padding-top: 4.375rem;
        padding-bottom: 5.5rem;
        min-height: 80vh;
        background-position: right 0px bottom;
    }

    .home-banner-details {
        margin: 2.25rem 0;
    }

    .home_img_items_skw img {
        height: 13.125rem;
    }

    .home_img_info {
        margin-bottom: 4.875rem;
    }

    .footer-top a.nav-link {
        font-size: 14px;
        padding: 0.8rem 0.3rem;
    }

    .main_tabs .nav-pills li {
        margin: 0px 10px;
    }

        .main_tabs .nav-pills li .nav-link {
            padding: 0.5rem;
        }

    .prevalence-1-600 .prevalence-img img.prevalence-arrow {
        width: 170px;
    }

    .spleen-liver .monitoring-list-img {
        right: -20px;
    }

    .monitoring-list-details {
        max-width: 85%;
    }

    .diagnosis-list-detail {
        margin-top: 30px;
    }

    .footer-link {
        margin-top: 8px;
    }

    .diagnosis-testing .footer-link-img.monitoring-footer-link {
        max-width: 35.1%;
    }

    .banner-title-main .banner-title-img{
        width:300px;
        height:auto;
        top:50%;
    }
    
}

@media(max-width:1366px){
    :root {
        /*--font-13: 0.8125rem;
        --font-16: 0.875rem;
        --font-18: 1rem;
        --font-20: 1.125rem;
        --font-25: 1.25rem;
        --font-30: 1.5rem;
        --font-35: 30px;
        --font-40: 1.875rem;
        --font-45: 2.1875rem;*/
        --font-55: 50px;
        /*--font-50: 40px;
        --font-60: 2.5rem;
        --font-67: 3.125rem;*/
    }
    .custom-navbar .navbar-brand img{
        width:220px;
        height:auto;
    }
    .hcp-label p a{
        font-size:14px;
    }
    .banner-title-main.hz-banner .monitoring-list-header.single-person-icon{
        left:60px;
    }
    /*.number-main{
        width:130px;
        height:130px;
    }
    .number-main span{
        font-size: 100px;
    }*/
}

@media (max-width: 1199px) {
    :root {
        --font-13: 0.8125rem;
        --font-16: 0.875rem;
        --font-18: 1rem;
        --font-20: 1.125rem;
        --font-25: 1.25rem;
        --font-30: 1.5rem;
        --font-35: 30px;
        --font-40: 1.875rem;
        --font-45: 2.1875rem;
        --font-55: 48px;
        --font-50: 40px;
        --font-60: 2.5rem;
        --font-67: 3.125rem;
    }
    .nav-link, .nav-link:hover {
        font-size: 15px;
    }
    .letter-spacing-165 {
        letter-spacing: 1.4px;
    }
    .py-75 {
        padding-top: 55px !important;
        padding-bottom: 55px !important;
    }
    .custom-border{
        margin-top:40px;
        margin-bottom:40px;
    }
    /* .btn-primary {
        padding: 0.5rem 1.8125rem;
    } */
    .home_banner {
        min-height: auto;
        background-image: none;
        padding-bottom: 0px;
        padding-top: 2.375rem;
    }

    .home_img_items_skw img {
        height: 9.375rem;
    }

    .footer-top a.nav-link {
        font-size: 0.75rem;
        padding: 0.8rem 6px;
    }

    .home_img_info {
        margin-bottom: 0;
    }

    .resource-list-item .right-arrow {
        width: auto;
        right: 10px;
    }

    .external-list-items.resource-list-item .right-arrow {
        width: 12px;
    }

    .navbar-collapse {
        position: absolute;
        width: 100%;
        background: white;
        top: 100%;
        left: 0px;
        height: 100vh;
        z-index: 111;
        transition: none;
    }

    .navbar-nav .nav-link {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .navbar-toggler {
        font-size: 2rem;
        color: var(--primary);
    }

        .navbar-toggler.collapsed .fa-times,
        .navbar-toggler .fa-bars {
            display: none;
        }

        .navbar-toggler.collapsed .fa-bars {
            display: block;
        }

    .main_tabs .nav-pills {
        /* padding: 10px 0px; */
    }

    /* .footer-link-img img {
        width: 200px;
        height: auto;
    } */
    .footer-links .footer-link-right .primary-bg-30,
    .footer-links .footer-link-right .seconday-10-bg {
        padding-left: 25px;
    }

    .footer-links .footer-link-left .primary-bg-30,
    .footer-links .footer-link-left .seconday-10-bg {
        padding-right: 25px;
    }

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

    .prevalence-1-17 .prevalence-img img.prevalence-icon {
        width: 320px;
    }

    .hcp-label {
        top: 50%;
        right: 50%;
        transform: translate(90%, -50%);
    }

    .monitoring-list-details {
        max-width: 78%;
    }

    .monitoring-list-header {
        padding: 12px 32px 12px 12px;
    }

    .blood-test .monitoring-list-img {
        right: 20px;
        top: -40%;
    }

        .blood-test .monitoring-list-img img {
            width: 110px;
        }

    .spleen-liver .monitoring-list-img {
        right: -20px;
        top: -30px;
    }

        .spleen-liver .monitoring-list-img img {
            width: 150px;
        }

    .skeletal-scans .monitoring-list-img {
        right: -10px;
        top: -30px;
    }

        .skeletal-scans .monitoring-list-img img {
            width: 150px;
        }

    .know-test-card.moniroting-know-test-card h3, .know-test-card.moniroting-know-test-card p {
        transform: skew(4deg);
    }

    .moniroting-know-test-card.know-test-card {
        transform: skew(-4deg);
    }

    header .navbar li a:after {
        content: none;
    }

    .navbar-nav .nav-link.active {
        color: var(--seconday);
    }

    .main_tabs .nav-pills {
        padding: 0px 10px;
        flex-wrap: nowrap;
        overflow: auto;
    }

        .main_tabs .container, .main_tabs .nav-pills li .nav-link.active {
            overflow: hidden;
        }

        .main_tabs .nav-pills li {
            margin: 0px;
            min-width: 30%;
        }

    .footer-link-img.monitoring-footer-link {
        max-width: 34.8%;
    }

    /*.g-recaptcha {
        transform: scale(1.4);
    }*/


    section {
        padding: 3.125rem 0px;
    }

    /*banner-common-section section css start*/
    .banner-title-main .banner-title-img {
        width: 250px;
        height: auto;
    }
    /*banner-common-section section css end*/
    .card-row-img {
        /*width: 350px;
        height: auto;*/
        width:250px;
    }
    /*.number-main{
        height:158px;
        width:158px;
    }
    .number-main span{
        font-size:120px;
    }*/
    
}


@media(max-width:1024px){
    .banner-title-main .banner-icon-img{
        height:100px;
        left:-110px;
    }
    .banner-title-main.hz-banner .monitoring-list-header.buidingCommunityIcon{
        left:60px;
    }
}

@media (max-width: 991px) {
    :root {
        /*--font-13: 0.8125rem;*/
        /*--font-16: 0.875rem;*/
        /*--font-18: 1rem;*/
        /*--font-20: 1.125rem;*/
        /*--font-25: 1.25rem;*/
        --font-30: 20px;
        --font-35: 25px;
        /*--font-40: 1.875rem;*/
        /*--font-45: 2.1875rem;*/
        --font-55: 40px;
        --font-50: 35px;
        /* --font-60: 2.5rem;
        --font-67: 3.125rem;*/
    }
    .navbar-nav {
        overflow: auto;
    }

    .tab-content {
        padding: 3.75rem 0rem;
    }

    .main_tabs .nav-pills li {
        min-width: 40%;
    }

    .home_banner {
        background-image: none;
    }

    .home_links_items {
        padding: 1.5rem 1.25rem;
    }

    .home_img_items_skw img {
        height: 7.375rem;
    }

    .navbar-toggler {
        font-size: 1.75rem;
    }

    .footer-link-img {
        max-width: 50%;
    }

    .diagnosis-icon-img {
        width: 50%;
        min-width: 50%;
        max-width: 50%;
        text-align: center;
    }

        .diagnosis-icon-img img {
            max-width: 40%;
        }

    .diagnosis-list {
        margin: 30px 0;
    }

        .diagnosis-list:last-child .diagnosis-icon-img img {
            max-width: 30%;
        }

    .diagnosis_testing_tabs.main_tabs .nav-pills li .nav-link:after {
        top: unset;
        bottom: 0px;
    }

    .footer-link-img {
        max-width: 30%;
    }

    .diagnosis-list-detail {
        margin-top: 0px;
    }

    .resource-list-item .right-arrow {
        width: auto;
        right: 14px;
    }

    .resource-list-item .btn-arrow {
        margin-top: 12px;
    }

    .external-list-items.resource-list-item .right-arrow {
        width: 12px;
    }

    .footer-top .list-style-none {
        flex-wrap: wrap;
        justify-content: center !important;
        padding-bottom:20px !important;
        padding-top:20px;
    }

    .footer-top a.nav-link {
        padding: 8px;
    }

    .footer-link-left > div, .footer-link-right > div {
        transform: skew(-5deg);
    }

    .footer-link-detail, .footer-link-img {
        transform: skew(5deg);
    }
    /*.info-page{
        margin-bottom:30px;
    }*/
   /* .g-recaptcha {
        transform: scale(1.1);
    }*/
   .banner-title-main .banner-title-img{
       width:190px;
   }
   .px-60{
       padding-left:40px;
       padding-right:40px;
   }
    .banner-title-main .monitoring-list-header.buidingCommunityIcon{
        left:60px;
    }
    .banner-title-main.hz-banner .monitoring-list-header.single-person-icon {
        padding-left: 56px;
    }
    .icon-placeholderSection .icon-holder-box {
        width:120px
    }
    .icon-placeholderSection .iconHolderText .text {
        font-size: 18px;
    }
    .icon-placeholderSection .iconHolderText .icon-main{
        font-size:26px;
        left:-14px;
    }
    /*.number-main {
        width: 100px;
        height: 100px;
    }
    .number-main span {
        font-size: 80px;
    }*/
}

@media (max-width: 767px) {
    :root {
        --font-13: 12px;
        --font-16: 12px;
        --font-18: 14px;
        --font-20: 18px;
        --font-25: 20px;
        --font-30: 16px;
        --font-35: 20px;
        --font-40: 24px;
        --font-45: 30px;
        --font-55: 38px;
        --font-50: 35px;
        --font-60: 35px;
        --font-67: 40px;
    }
    .h-56{
        height:30px;
    }
    .navbar-brand {
        padding-top: 0rem;
    }

        .fix_header .navbar-brand img,
        .navbar-brand img {
            height: 4.375rem;
            width: auto;
        }

    .main_tabs .nav-pills li {
        margin: 0px;
        min-width: 75%;
    }

    .btn {
        font-size: 0.9375rem;
    }

    .btn-arrow {
        padding: 0.2rem 1.8125rem 0.2rem 1rem;
    }

    .footer-link-detail {
        width: 100%;
        padding: 14px 0px;
    }

    /* .footer-link-img img {
        width: 120px;
        height: auto;
    } */
    .footer-link {
        margin-top: 8px;
    }
    .footer-top .list-style-none {
        justify-content: start !important;
    }

    .home_banner {
        padding-top: 1.375rem;
    }

    .home_links_items::after {
        content: none;
    }

    section, .tab-content {
        padding: 1.5rem 0rem;
    }

    .home_img_items_details {
        transform: skew(-12deg) translate(-60%, 0px);
    }

    .home_img_info::after {
        content: none;
    }

    .footer-top a.nav-link {
        padding: 0.2rem 0.6875rem;
        text-align:start;
    }

    .footer-top li {
        width: 50%;
    }

    .footer-top ul {
        flex-wrap: wrap;
    }

    .footer-top li:nth-child(odd) a.nav-link {
        padding-left: 0px;
    }



    .navbar-toggler {
        font-size: 1.45rem;
        padding-right: 0px;
    }

    .disease-img img {
        max-width: 75%;
    }
    .disease-img-mobile img {
        max-width: 100%;
    }
    .inheritance-img img {
        max-width: 100%;
    }

    .prevalence-1-9 .prevalence-img img.prevalence-icon {
        width: 120px;
        height: auto;
    }

    .prevalence-1-9 .prevalence-img img.prevalence-arrow {
        display: none;
    }

    .prevalence-1-600 .prevalence-img img.prevalence-arrow {
        width: 80px;
        height: 50px;
    }

    .prevalence-1-600 .prevalence-img img.prevalence-icon {
        width: 100px;
        height: auto;
    }

    .prevalence-1-17 .prevalence-img img.prevalence-icon {
        width: 240px;
        height: auto;
    }

    .prevalence-1-17 .prevalence-img img.prevalence-arrow {
        width: 80px;
    }

    .footer-link-img {
        max-width: 48%;
    }

    .cookie-policy .modal-content {
        padding: 1.5rem;
    }

        .cookie-policy .modal-content .modal-details {
            font-size: 16px;
        }

    .hcp-label {
        display: flex;
        transform: unset;
        position: unset;
        justify-content: center;
        width: 100%;
    }

        .hcp-label span {
            font-size: 14px;
            transform: unset;
            margin-left: 0px;
        }

        .hcp-label p {
            padding: 6px 24px 2px 8px;
        }

    .supportive-right-img img {
        max-width: 70%;
    }

    .diagnosis-icon-img img {
        max-width: 50%;
    }

    .diagnosis-list:last-child .diagnosis-icon-img img {
        max-width: 40%;
    }

    .blood-test .monitoring-list-img img {
        width: 80px;
    }

    .blood-test .monitoring-list-img {
        right: 20px;
        top: -40%;
    }

    .spleen-liver .monitoring-list-img img {
        width: 110px;
    }

    .spleen-liver .monitoring-list-img {
        right: 0px;
        top: -40px;
    }

    .skeletal-scans .monitoring-list-img {
        right: -8px;
        top: -40px;
    }

        .skeletal-scans .monitoring-list-img img {
            width: 90px;
        }

    .info-page {
        padding: 80px 0px;
    }

        .info-page h1 {
            padding-bottom: 40px;
        }

    .home-banner-details {
        line-height: 25px;
    }

    .form-check-label {
        margin-left: 10px;
    }

    .monitoring-list-details {
        max-width: 85%;
    }

    .home_img_items .home_img_items_inner {
        transform: skew(-4deg);
    }

    .home_img_items_skw {
        transform: skew(4deg);
    }

    .home_img_info {
        margin-bottom: 0rem;
    }

    .right-arrow {
        width: 12px;
    }



   /* .g-recaptcha {
        transform: scale(1.15);
    }*/
    .stay-updated-from .text-danger, .unsubscribe-form .text-danger {
        margin-top: 4px;
        display: inline-block;
    }
    .banner-title-main .banner-icon-img{
        padding-right:7.5rem;
    }
    .banner-title-main .single-person .banner-icon-img{
        left: -30px;
    }
    .banner-title-main .monitoring-list-header.single-person {
        padding-right: 7.5rem;
        padding-left: 6rem;
    }
    /*.number-main{
        width:90px;
        height:90px;
    }
    .number-main span{
        font-size:60px;
    }*/
    .banner-title-main .banner-title-img{
        width:170px;
    }
    .banner-title-main.hz-banner {
        padding-top: 70px;
        padding-bottom: 15px;
    }
    .banner-title-main.hz-banner .monitoring-list-details-{
        max-width:310px;
    }
    section.tips-section{
        margin-top:30px;
    }
    .banner-title-main.hz-banner .banner-icon-img{
        padding-right:0;
    }
    .backIcon{
        height:15px;
        width:auto;
    }
    .hcp-label p i{
        right:6px;
    }
}

@media(max-width:575px){
    :root {
        --font-13: 12px;
        --font-16: 12px;
        --font-18: 14px;
        --font-20: 16px;
        --font-25: 18px;
        --font-30: 20px;
        --font-35: 22px;
        --font-40: 24px;
        --font-45: 30px;
        --font-55: 30px;
        --font-50: 28px;
        /* --font-60: 35px;
        --font-67: 40px;*/
    }
    .px-60{
        padding-left:20px;
        padding-right:20px;
    }
    .py-75 {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }
    .custom-navbar .navbar-brand img{
        width:170px;
        margin:5px 0;
    }
    .banner-title-main .monitoring-list-header.single-person{
        padding-left:8rem;
    }
    .banner-title-main .single-person .banner-icon-img{
        left:-10px;
    }
    .multiPersonIcon.banner-title-main .banner-icon-img {
        left: -50px;
    }
    .multiPersonIcon.banner-title-main .monitoring-list-header{
        padding-left:132px;
    }
    .custom-border {
        margin-top: 35px;
        margin-bottom: 35px;
    }
    .banner-title-main .banner-title-img{
        position:static;
        transform:unset;
        text-align:center;
        display:block;
        margin:0 auto;
    }
    .banner-title-main.hz-banner .monitoring-list-details- {
        margin: 0 auto;
        text-align:center;
        max-width:100%;
    }
    .banner-common-section {
        margin-top: 3.875rem;
    }
    section.tips-section {
        margin-top: 0px;
    }
    .banner-title-main .buidingCommunityIcon .banner-icon-img {
        height: 75px;
        left: -64px;
        top:-7px;
    }
    .banner-title-main.hz-banner .monitoring-list-header.single-person-icon {
        left:70px;
        padding-left: 54px;
        padding-right: 50px;
    }
    .banner-title-main.hz-banner .single-person-icon .banner-icon-img{
        left:-60px;
        height:80px;
        top:-20px;
    }
    .banner-title-main.allPatient .banner-icon-img{
        height:80px;
        top:-20px;
        left:-45px;
    }
    .multiPersonIcon.banner-title-main.allPatient .monitoring-list-header{
        padding-left:100px;
    }
    .banner-title-main.allPatient .single-person .banner-icon-img{
        left:-18px;
    }
    .icon-placeholderSection .icon-holder-box{
        width:100px;
        margin:0 auto;
    }
    .icon-placeholderSection .iconHolderText .icon-main{
        font-size:20px;
        left:0;
    }
    .banner-title-main.hz-banner {
        padding-top: 55px;
    }


}

@media (max-width: 320px) {
    .prevalence-1-17 .prevalence-img img.prevalence-icon {
        width: 220px;
    }

   /* .g-recaptcha {
        transform: scale(0.98);
    }*/
}


@media(min-width:768px) and (max-width:991px){
    .custom-text-width{
        width:480px;
    }
}