@media screen and (max-width: 500px) {
    h1.inline-logo {
        display: block;
    }

    .split-content-text {
        padding: 0 !important;
    }

    .split-content-text .col-4 {
        padding-left: 0 !important;
    }

    a[href*="/our-care-network"] {
        margin: 0 auto;
    }

    .top-right-quote {
        right: 0 !important;
    }

    .block.footer-logo {
        max-width: 100% !important;
        padding: 0 !important;
        margin-bottom: 20px;
    }

    #site-footer .flex {
        display: unset;
    }


    .section-articles .flex-header {
        display: block;
        text-align: center;
        width: 100%;
    }

    .section-articles .flex-header .inline-logo.left {
        margin-bottom: 20px !important;
    }

    .section-articles .list-item.mini {
        display: block !important;
    }

    .section-articles .list-item.mini a,
    .section-articles .list-item.mini img {
        width: 100% !important;
        display: block;
    }

    .section-articles .list-item.mini .article-text {
        padding: 0;
    }

    #menu-wrapper .row {
        margin-right: 0;
        margin-left: 0;
    }

    .social-links {
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
        display: flex;
    }

    .stats-box .stat-description {
/*         flex-direction: row-reverse; */
    }

    .stats-box .stat-description span {
        display: block;
        width: 100%;
        text-align: center;
    }

    .stats-box .stat-description .stat-icon {
/*         width: initial; */
    }

    .section-padded .v-items-middle .row.w-100 {
        width: unset !important;
    }


    .section-padded .v-items-middle .row.w-100 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: masonry;
  }
}

@media screen and (max-width: 376px) {


    .social-links a {
        padding: 5px 12px;
    }

    .card-slider .card-quote {
        padding: 20px !important;
    }

    .card-slider .card-quote .attribution {
        display: block;
    }

    .card-slide .slick-list,
    .card-slide .center {
        padding: 0 !important;
    }

    .split-content-text {
        align-content: center;
    }

    .split-content-text .col-4 button {
        font-size: 12px;
        padding: 5px;
    }
}

@media screen and (min-width: 377px) and (max-width: 1199px){
    .card-slider .card-quote {
        padding: 20px !important;
    }

    .card-slider .card-quote .attribution {
        display: block;
    }

    .card-slide .slick-list,
    .card-slide .center {
        padding: 0 !important;
    }
}



@media (max-width: 321px){
    body .banner-slide .banner-slide-content {
        padding: 0px !important;
    }
}

@media (max-width: 500px){
    body .banner-slide {
        background-position-x: -110vw;
    }

    body .section-padded.section-quote h1 {
        font-size: 23px;
    }

    #site-footer .horizontal-links a {
        display: block !important;
        margin: 0 !important;
        margin-bottom: 10px !important;
    }


    #site-footer .container .row {
        display: block;
    }

    #site-footer .container .row .vertical-links-list {
        width: 100%;
    }

    .proxy-tab-list {
        overflow: auto !important;
        transform: unset !important;
        cursor: grab !important;
    }

    .searchable-none.grayed-out {
        display: none !important;
    }

    .feature-dd .map-items .row {
        display: block;
        margin-bottom: 30px !important;
    }
    .feature-card .map-items .row .col-4,
    .feature-card .map-items .row .col-8 {
        width: 100%;
    }

    .feature-card .map-items .row .col-8  {
        margin-top: 20px;
    }

    .feature-card .map-items .row .col-8 a.text-accent  {
        word-break: break-all;
    }

    .basic-header .basic-header-overlay {
        background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 125%) !important;
    }

    .basic-header {
        height: 50vh !important;
    }
}

@media (max-width: 540px) {

    .section-quote .top-right-quote {
        right: 0rem !important;
    }
}


@media (max-width: 769px) {
    .section-articles header {
        display: block;
        text-align: center;
    }

    .section-articles header h1,
    .section-padded.overflow-hidden header h1 {
        display: block !important;
    }
    .section-articles header span,
    .section-padded.overflow-hidden header span {
        display: block;
    }
    .section-articles header img,
    .section-padded.overflow-hidden header img {
        margin: 10px auto !important;
    }


    .basic-header .basic-header-overlay {
        background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 125%) !important;
    }

    .basic-header {
        height: 50vh !important;
    }

    body .banner-slide {
        background-position-x: -110vw;
    }


}

@media (max-width: 500px) {
    .page-contact .basic-header {
        background-position-x: calc(80% - 30px);
    }


    .page-home .text-center .inline-logo img {
        display: none;
    }

    .page-home .bg-logo-floating {
        display: none;
    }
}

/* @media (max-width: 375) {
    .page-contact .basic-header {
        background-position-x: -145vw;
    }
} */


.page-home .bg-logo-floating {
    display: none;
}

@media (max-width: 1024px) {
    body.page-our-creed tbody tr td {
        width: 100%;
    }
    body.page-our-creed table,
    body.page-our-creed tbody,
    body.page-our-creed tr,
    body.page-our-creed td,
    body.page-our-creed td img {
        width: 100%;
        display: block;
        height: unset;
    }


    body.page-our-song tbody tr td {
        width: 100%;
    }
    body.page-our-song table,
    body.page-our-song tbody,
    body.page-our-song tr,
    body.page-our-song td,
    body.page-our-song td img {
        width: 100%;
        display: block;
        height: unset;
    }


    body.page-our-prayer tbody tr td {
        width: 100%;
    }
    body.page-our-prayer table,
    body.page-our-prayer tbody,
    body.page-our-prayer tr,
    body.page-our-prayer td,
    body.page-our-prayer td img {
        width: 100%;
        display: block;
        height: unset;
    }





}

@media only screen and (max-width: 500px){
    .header-text-about h1{
        font-size: 20px !important;
    }
    .header-text-career h1{
        font-size: 20px !important;
    }
}



body.page-about__patient-experience img {
    margin: 0 auto !important;
    width: 100%;
    height: auto !important;
}


[dir="ltr"] img {
    width: 100% !important;
    height: unset !important;
}

@media (max-width: 768px) {

    .proxy-tab-list::-webkit-scrollbar {
        height: 2px !important;
    }

    .proxy-tab-list::-webkit-scrollbar-thumb {
        width: 10px !important;
        height: 2px !important;
    }

    .proxy-tab-list::-webkit-scrollbar-track {
        box-shadow: unset !important;
    }
}


@media (max-width: 1024px) {
    img[src="http://mph.cmdev.cloud/images/bg-heart.png"] {
        display: none;
    }

    .page-about__main .section-padded.relative {
        /* background: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.7)), url(http://mph.cmdev.cloud/images/bg-heart.png); */
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right;
    }


    img[src="https://staging.metropacifichealth.com/images/bg-heart.png"] {
        display: none;
    }

    /* .page-about__main .section-padded.relative {
        background: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.7)), url(https://staging.metropacifichealth.com/images/bg-heart.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right;
    }  */


    img[src="https://metropacifichealth.com/images/bg-heart.png"] {
        display: none;
    }

    /* .page-about__main .section-padded.relative {
        background: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.7)), url(https://metropacifichealth.com/images/bg-heart.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right;
    } */
}


@media (max-width: 500px) {
    .page-about__main .row.justify-content-center .col-6 {
        padding: 20px !important;
    }

    .page-about__main .row.justify-content-center .col-6 {
        width: 100%;
    }

}

@media (max-width: 500px) {
    .page-partner__careers .white-overlay-wrapper .white-overlay {
        display: none;
    }

    .page-news__latest .section-padded .container > header {
        overflow: auto;
    }

    .page-news__latest .section-padded .container > header::-webkit-scrollbar {
        height: 2px !important;
    }

    .page-news__latest .section-padded .container > header::-webkit-scrollbar-thumb {
        width: 10px !important;
        height: 2px !important;
    }

    .page-news__latest .section-padded .container > header::-webkit-scrollbar-track {
        box-shadow: unset !important;
        height: 2px !important;
    }
}




.page-care-network__main .basic-header .basic-header-content {
    width: 100%;
    max-width: 100%;
}

.page-care-network__main .basic-header .basic-header-content p {
    width: 50%;
    max-width: 650px;
}

.page-care-network__main .basic-header .basic-header-overlay {
    background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 90%);
}


@media (min-width: 1023px) {
    .page-about__main .timeline-slider h3 {
        font-size: 17px;
    }
}

.slick-prev:before, .slick-next:before {
    color: black;
}


.overflow-slider .slick-prev,
.timeline-slider .slick-prev {
    z-index: 9999 !important;
}

.slick-prev:before, .slick-next:before {
    font-size: 33px;
}

#site-footer .footer-logo {
    max-width: 100% !important;
}


@media (max-width: 500px) {
    .slick-slider .slick-prev,
    .slick-slider .slick-next {
        width: 33px;
        height: 33px;
    }

    .overflow-slider .slick-prev {
        left: -10px;
    }

    .overflow-slider .slick-next {
        right: 0;
    }


    .timeline-slider .slick-prev {
        left: 15px;
    }

    .timeline-slider .slick-next {
        right: 28px;
    }

    .slider-nav {
        width: 100% !important;
    }
}



/* Footer */

#site-footer .flex .copyright {
    text-align: right;
}

@media (max-width: 500px) {

    #site-footer .flex .copyright {
        text-align: left;
    }
}

/* Articles */
@media(max-width: 500px) {
    .breakout-section .tab-content-slider {
        margin-top: -200px;
    }
}


/* People */

.simple-slick-smaller .slick-next, .simple-slick-smaller .slick-prev {
    width: 51px;
    height: 51px;
}

.simple-slick-smaller .slick-next::before, .simple-slick-smaller .slick-prev::before {

}


.proxy-tab-list p:hover {
    cursor: pointer;
}



@media (max-width: 769px) {
    .breakout-section {
        padding-top: 200px;
    }


}

.page-care-network__main .slick-slider {
    /* user-select: unset !important; */
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

[title="YouTube video player"] {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}