@media only screen and (max-height: 500px) and (max-width: 999px) {
    .custom-stop-body-scroll {
        overflow: auto;
    }

    body.custom-stop-body-scroll .custom-brown-header.sticky-top:not(.custom-transparent-header) {
        width: 100%;
    }

    html[lang="es"] .ATTR-CM-key-step .card-custom {
        min-height: 540px;
    }

    .custom-resources-area-grid-block .custom-resources-area-grid-top h3 {
        font-size: 20px;
        line-height: 24px;
    }

    .custom-resource-grid-layout .custom-grid-layout h2.title {
        font-size: 20px;
        line-height: 24px;
    }

    .patient-profiles-block .card .card-body h6 {
        font-size: 20px;
        line-height: 24px;
    }

    html[lang="es"] .custom-linking-cards-block {
        padding: 100px 0 80px 0;
    }

    nav.custom-brown-header .navbar-collapse {
        height: 100vh;
        overflow-y: auto;
        padding-bottom: 140px;
    }

    .custom-popup-view-video.vid_diagnosis_support.visible {
        max-width: 60%;
    }

    .hcp-popup .hcp-scroll {
        max-height: calc(80dvh - 4rem);
        overflow-y: auto;
    }

    .hcp-popup p {
        font-size: 14px;
        line-height: 20px;
    }
}

@media(max-width: 767px) {
    .hcp-popup .hcp-scroll {
        max-height: calc(80dvh - 4rem);
        overflow-y: auto;
    }

    .hcp-popup p {
        font-size: 14px;
        line-height: 20px;
    }
}