.service-detail-layout .service-detail-layout-left {
    flex: 0 0 320px;
    min-width: 0;
    align-self: flex-start;
}

.service-detail-layout .service-detail-layout-body {
    flex: 1 1 auto;
    min-width: 0;
}

.service-detail-layout .service-details-component,
.service-detail-layout .service-detail-dropdown {
    width: 100%;
}

.service-detail-layout .service-detail-dropdown {
    padding-right: 0;
}

.service-detail-layout [data-service-nav-mobile] {
    background: #fff;
}

.service-detail-layout .service-component-empty {
    border: 1px dashed #757575;
    margin-bottom: 30px;
    padding: 20px;
    color: #404040;
    background: #f7f7f7;
}

.service-detail-layout .service-detail-component {
    width: 100%;
}

.service-detail-layout .service-left-rail-component,
.service-detail-layout .service-left-rail-contacts {
    width: 100%;
}

.service-detail-layout .service-people-contacts-component .service-people-contacts {
    width: 100%;
}

.service-detail-layout .service-people-contacts-component .service-related-contacts {
    margin-bottom: 0;
}

.service-detail-layout .service-people-contacts--body .service-related-contacts {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.service-detail-layout .service-people-contacts--body .service-related-contacts > .service-contact-card {
    box-sizing: border-box;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    margin: 0 0 30px;
    padding: 0 15px;
    width: auto;
}

.service-detail-layout .service-people-contacts--body .service-related-contacts > li .contact-img,
.service-detail-layout .service-people-contacts--body .service-related-contacts > li > img {
    flex: 0 0 120px;
    height: auto !important;
    margin: 0 20px 0 0;
    max-width: 120px;
    width: 120px;
}

.service-detail-layout .service-people-contacts--body .service-related-contacts > li .service-contact-details {
    min-width: 0;
}

.service-detail-layout .service-people-contacts--body .service-related-contacts > li .contact-name {
    margin-top: 0;
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
    .service-detail-layout .bio-details-content {
        padding-left: 30px;
        padding-right: 30px;
    }

    .service-detail-layout .service-detail-layout-left {
        flex-basis: 280px;
    }
}

@media screen and (max-width: 768px) {
    .service-detail-layout .service-detail-layout-left,
    .service-detail-layout .service-detail-layout-body {
        flex: 0 0 auto;
        width: 100%;
    }

    .service-detail-layout .service-detail-layout-left {
        z-index: 20;
    }

    .service-detail-layout .bio-details-tabs {
        display: none;
    }

    .service-detail-layout #mobile-side-content {
        padding: 20px 16px 0;
    }

    .service-detail-layout .mobile-side-nav-accordion {
        padding-left: 16px;
        padding-right: 16px;
    }

    .service-detail-layout .service-detail-layout-body {
        padding-top: 0;
    }

    .service-detail-layout .service-left-rail-component .bio-details-tabs {
        display: block;
        position: static;
    }

    .service-detail-layout .service-left-rail-component .bio-details-tabs .bio-details-text,
    .service-detail-layout .service-left-rail-component .bio-details-tabs .bio-details-nav,
    .service-detail-layout .service-left-rail-component .bio-details-tabs #desktop-side-content {
        display: none;
    }

    .service-detail-layout .service-left-rail-component .service-left-rail-contacts {
        margin-top: 0;
        padding: 20px 16px 0;
    }

    .service-detail-layout .service-people-contacts--body .service-related-contacts > li {
        flex-basis: 100%;
        width: 100%;
    }
}

@media print {
    .service-detail-layout .service-component-empty,
    .service-detail-layout .bbt-news-section_title-right,
    .service-detail-layout .showmorebackground {
        display: none !important;
    }

    .service-detail-layout .service-detail-layout-body {
        width: 100%;
        padding: 0;
    }

    .service-detail-layout.service-print-layout .bio-details-content {
        display: block;
        padding: 0;
    }

    .service-detail-layout.service-print-layout .service-detail-layout-left {
        display: block !important;
        width: 100%;
    }

    .service-detail-layout.service-print-layout .service-people-contacts-component .bio-details-text {
        display: block !important;
    }

    .service-detail-layout.service-print-layout .service-people-contacts--body .service-related-contacts {
        display: flex;
        flex-wrap: wrap;
    }

    .service-detail-layout.service-print-layout .service-people-contacts--left-rail .service-related-contacts {
        display: flex;
        flex-wrap: wrap;
    }

    .service-detail-layout.service-print-layout .service-people-contacts--body .service-related-contacts > li {
        flex-basis: 50%;
        width: 50%;
    }

    .service-detail-layout.service-print-layout .service-people-contacts--left-rail .service-related-contacts > li {
        flex-basis: 50%;
        width: 50%;
    }

    .service-detail-layout.service-print-layout .mobile-side-nav-accordion,
    .service-detail-layout.service-print-layout .bio-details-text,
    .service-detail-layout.service-print-layout .bio-details-nav,
    .service-detail-layout.service-print-layout #mobile-side-content,
    .service-detail-layout.service-print-layout .services-recognition-small,
    .service-detail-layout.service-print-layout .service-professional-small,
    .service-detail-layout.service-print-layout .services-recognition-dots,
    .service-detail-layout.service-print-layout .service-professional-dots {
        display: none !important;
    }

    .service-detail-layout.service-print-layout .bio-details-tabs,
    .service-detail-layout.service-print-layout #desktop-side-content {
        display: block !important;
        position: static;
        height: auto;
        overflow: visible;
    }

    .service-detail-layout.service-print-layout .bio-details-textblurb {
        max-height: none;
        overflow: visible;
    }
}
