@media only screen and (min-width: 1025px) {
    #header {
        background-color: #fff;
        color: #000;
        margin: -30px -30px 0;
        display: -webkit-flex;
        display: flex;
        flex-flow: row wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    #header .page-content {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        height: 111px;
        position: relative;
    }
    #header header {
        width: 100px;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        margin: 0 12px 0 0;
    }
    #header header .logo {
        width: 150px;
        height: calc(57 / 140 * 150px);
        background: url('../images/myFacet5_logo_mono.svg') no-repeat 50% 50% transparent;
        background-size: 100% 100%;
        display: block;
    }
    #header header .burger,
    #header header .notify,
    #header header .btn { display: none; }

    #header nav {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        height: 100%;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    #header .head-nav-links {
        display: inherit;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        white-space: nowrap;
        margin: 0 auto;
    }

    #header .primary-section {
        font-size: 13px;
        font-weight: 700;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        margin: 5px 0;
    }
    #header .primary-section > * { margin: 0 10px; display: block; }
    #header .primary-section a { text-decoration: none; text-transform: uppercase; }
    #header .primary-section a:focus,
    #header .primary-section a:hover { text-decoration: underline; }

    #header .secondary-section {
        font-size: 12px;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        margin: 5px 0;
    }
    #header .secondary-section > * { margin: 0 10px; display: block; }
    #header .secondary-section a { text-decoration: none; text-transform: none; }
    #header .secondary-section a:focus,
    #header .secondary-section a:hover { text-decoration: underline; }

    #header .unauthenticated-section {
        margin: 0 10px 0 auto;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        min-width: 210px;
    }
    #header .unauthenticated-section > * { margin: 0; display: block; }
    #header .unauthenticated-section > * + * { margin-left: 10px; display: block; }

    #header .authenticated-section {
        font-size: 12px;
        margin: 0 0 0 auto;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
    }
    #header .notifications-wrap { margin-right: 20px; }
    #header .notifications-flyout { right: 60px; top: 85px; margin: 0 -60px 0 0; }
    #header .notifications-flyout::before { right: 53px; }
    .show-head-notifications #header .notifications-flyout { visibility: visible; opacity: 1; transition: opacity .3s, visibility 0s 0s; z-index: 2; }
    .show-head-notifications #header .notifications-wrap.hiding .notifications-flyout { z-index: 1; }

    #header .loggedin-wrap { font-size: 12px; margin-right: 24px; position: relative; }
    #header .loggedin-wrap .subnav-trigger { display: block; position: relative; padding-right: 14px; text-decoration: none; }
    #header .loggedin-wrap .subnav-trigger::after { content: ''; width: 6px; height: 4px; border-width: 4px 3px 0; border-style: solid; border-color: #000 transparent transparent; position: absolute; right: 4px; box-sizing: border-box; top: 50%; }
    #header .loggedin-wrap a { }
    #header .user-subnav { position: absolute; right: -24px !important; top: calc(100% + 20px); border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.1); background-color: #fff; border-radius: 3px; max-width: 248px; font-size: 14px; opacity: 0; transition: opacity .3s, visibility 0s .3s; visibility: hidden; width: 100vw; }
    #header .user-subnav::before { content: ''; width: 14px; height: 14px; position: absolute; right: 23px; box-sizing: border-box; border: inherit; top: -7px; box-shadow: inherit; background-color: inherit; transform: rotate(45deg); }
    #header .user-subnav a { }
    #header .user-subnav ul { background: inherit; position: relative; }
    #header .user-subnav li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 15px; }
    #header .user-subnav li a,
    #header .user-subnav li .btn { display: block; padding: 15px; margin: -15px; background: none !important; color: inherit !important; text-transform: none !important; text-decoration: none !important; text-align: left; font: inherit !important; }
    #header .user-subnav li a:focus,
    #header .user-subnav li .btn:focus,
    #header .user-subnav li a:hover,
    #header .user-subnav li .btn:hover { text-decoration: underline !important; }
    #header .user-subnav .user-name { font-weight: 700; }
    #header .user-subnav .email { opacity: .64; }
    .show-head-user-subnav #header .user-subnav { visibility: visible; opacity: 1; transition: opacity .3s, visibility 0s 0s; z-index: 2; }
    .show-head-user-subnav #header .loggedin-wrap.hiding .user-subnav { z-index: 1; }
    .report-block-navigation a:hover {
        background-color: #323232;
        transition-duration: .1s;
    }
    #header .language-section { margin: 0; min-width: 81px; }
}
@media (min-width: 768px) and (max-width: px)
{
    .key-items .key-title
    {
        display: block;
    }
}
@media only screen and (min-width: 768px) {
    .mobi-show,
    .dtop-show,
    .tblt-hide { display: none !important; }

    .cols-wrap { display: table; width: 100%; table-layout: fixed; border-spacing: 0; border-collapse: collapse; }
    .cols-wrap > .col { display: table-cell; vertical-align: top; }

    .split-bg,
    .split-white-bg { margin: 0 -30px; }

    #main-content .page-content { background-color: #fff; position: relative; }

    .gps-before,
    .gps-after { display: none; position: absolute; background: url("../images/gps-icon.png") no-repeat; width: 25px; height: 25px; vertical-align: top; }
    .gps-before { margin: 0 10px 0 0; }
    .gps-after { margin: 0 0 0 10px; }
    .profile .name .name-text { display: block; padding-bottom: 0; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; /*position: relative;*/ }

    .profile-select .profile .name { font-size: 25px; }
    .profile-select .profile .type { font-size: 16px; }
    .profile-select .profile .plot-basic { width: 100px; }
    .profile-select .profile .plot-basic svg { height: 100px; width: 100px; }

    .profile-left .profile .gps-type { padding-left: 40px; }

    .profile-right .profile .gps-type .name .name-text:before,
    .profile-select .profile .gps-type .name .name-text:before { display: none; }
    .profile-right .profile .gps-type .name .name-text:after,
    .profile-select .profile .gps-type .name .name-text:after { content: ''; display: inline-block; position: absolute; margin: 0 0 0 15px; background: url("../images/gps-icon.png") no-repeat; width: 25px; height: 25px; }
    .profile-right .profile .gps-type .name .name-text:after { top: 45px; }

    .profile-left .profile .gps-type .name .name-text:before,
    .ps-select-left .profile-select .profile .gps-type .name .name-text:before { content: ''; display: inline-block; position: relative; margin: 0 10px 0 0; background: url("../images/gps-icon.png") no-repeat; width: 25px; height: 30px; }
    .profile-left .profile .gps-type .name .name-text:before { top: 6px; }
    .ps-select-left .profile-select .profile .gps-type .name .name-text:before { top: 4px; height: 25px; }
    .profile-left .profile .gps-type .name .name-text:after,
    .ps-select-left .profile-select .profile .gps-type .name .name-text:after { display: none; }

    .profile-right .profile .gps-type .name.truncate .name-text:after { display: none; }
    .profile-right .profile .gps-type .name.truncate .gps-after { display: inline-block; }

    .profile-breakdown-block .tab-content { padding: 0 20px 40px 50px; -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
    .profile-breakdown-block .tabs-block[data-tab-idx="0"] .tab-content:nth-of-type(1),
    .profile-breakdown-block .tabs-block[data-tab-idx="1"] .tab-content:nth-of-type(2) { -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); -moz-transition-delay: .5s; -o-transition-delay: .5s; -webkit-transition-delay: .5s; transition-delay: .5s; }
    .profile-breakdown-block .tab-tabs { float: left; -moz-transition-duration: inherit; -o-transition-duration: inherit; -webkit-transition-duration: inherit; transition-duration: inherit; }
    .profile-breakdown-block .tab { display: block; font: 400 13px/1.1 Univers; position: relative; -moz-transition-duration: inherit; -o-transition-duration: inherit; -webkit-transition-duration: inherit; transition-duration: inherit; }
    .profile-breakdown-block .tab-tabs .tab { text-transform: uppercase; }
    .profile-breakdown-block .tab-tabs .tab:after { content: ''; border: 0 solid transparent; border-width: 15px 0; border-left-color: rgba(0, 0, 0, .09); position: absolute; left: 100%; top: calc(50% - 15px); -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; -moz-transition-duration: .1s; -o-transition-duration: .1s; -webkit-transition-duration: .1s; transition-duration: .1s; }
    .profile-breakdown-block .tab .grp { font-size: 30px; font-weight: 700; }
    .profile-breakdown-block .tab + .tab { border-top: 1px solid rgba(148, 149, 164, 0.4); }

    .profile-breakdown-block .tabs-block[data-tab-idx="0"] .tab-tabs .tab:nth-of-type(1):after,
    .profile-breakdown-block .tabs-block[data-tab-idx="1"] .tab-tabs .tab:nth-of-type(2):after { border-left-width: 27px; -moz-transition-delay: .75s; -o-transition-delay: .75s; -webkit-transition-delay: .75s; transition-delay: .75s; -moz-transition-duration: inherit; -o-transition-duration: inherit; -webkit-transition-duration: inherit; transition-duration: inherit; }

    .create-new-profile .outer-wrap { display: table; width: 100%; table-layout: auto; height: 100%; }
    .create-new-profile header { display: table-cell; vertical-align: middle; position: relative; background-color: #e8e8e8; border-right: 1px solid #c6c7cd; width: 33%; }
    .create-new-profile footer { display: table-cell; vertical-align: middle; }
    .create-new-profile footer .btn-row { display: none; }
    .create-new-profile header .wrap { position: relative; padding: 0 25px; width: 290px; margin: 0 0 0 auto; }
    .create-new-profile .data-selector :first-child > a { border-top-width: 0; }

    .login-form { padding: 50px 0 90px; }

    .std-cnt-block header { width: 215px; float: left; }
    .std-cnt-block .content-wrap { padding: 10px 0 20px 40px; }
    .std-cnt-block header + .content-wrap { overflow: hidden; }

    .spotlight-content-block .content-wrap { padding: 0 0 160px; }

    .cnt-list-block .content-wrap { margin: 0 0 0 auto; max-width: 810px; padding: 0 60px; }

    .cnt-list-block:last-child .pagination-block .pages { padding: 20px 0 80px; }

    .hp-head .img-wrap { display: none; }

    .profile-select-block .jumpto-wrap { display: block; }
    .profile-select-block .jumpto-wrap-back { display: block; }

}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .profile .name 
    {
        font-size: 22px;
    }
    .profile-left .profile .gps-type .name .name-text:before
    {
        /*display: none;*/
    }

    .hp-head { background-size: cover; min-height: 560px; }
    .hp-head .content { font-size: 18px; line-height: 24px; padding: 60px 10px 30px 80px; }
    .hp-head ol li::before { font-size: 25px; height: 45px; left: -60px; line-height: 1.7; width: 45px; }
    .hp-head ol li { margin: 0 0 0 60px; padding: 10px 0 0; }
    .hp-head h1 { font-size: 25px; line-height: 30px; }
    .hp-head ol div { padding: 0 0 30px; }
}

@media only screen and (min-width: 768px) and (max-width: 924px) {
    #create-plot svg { height: 53%; width: 53%; min-height: 253px; min-width: 253px; }
    #create-plot .key-items .key-item-control { left: 78%; width: 22%; }
    #create-plot .key-items .key-item-energy { right: 78%; width: 22%; }
    #create-plot .key-items .key-item-emotionality .emo-plot { width: 170px; }
    .key-items .key-title:before { margin-right: 10px; }
    .key-items .key-item-control > span:before { margin-right: 13px; }
    .key-items .key-title:after { margin-left: 10px; }
    .key-items .key-item-energy > span:after { margin-left: 13px; }

    .profile-select-block .jumpto-wrap { left: auto; right: 60px; }
    .profile-select-block .jumpto-wrap-back { left: auto; right: 30px; }
    .profile-select-block .jumpto-wrap-left { left: 30px; right: auto; }

    .dashboard-V1 .dashboard #main-plot .key-items .key-title { font-size: inherit; line-height: inherit; }
    .dashboard-V1 .dashboard .buttons { width: 370px; margin: 0; }
}

@media only screen and (min-width: 768px) and (max-width: 825px) {
    /*#header header { font-size: 125px; margin: 18px 0 0; padding: 0 10px 0 0; }*/
}






@media only screen and (min-width: 768px) {
    #main-content { background-color: #fff; padding-top: 50px; min-height: 140px; }
    .negate-main-padd,
    .hp-head { margin-top: -50px !important; }

    .std-form-2 .btn-row {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .std-form-2 .btn-row > * {
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
    }
    .std-form-2 .btn-row > *:not(:last-child) { margin-right: 20px; }
    .std-form-2 .btn-row .btn-primary {
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    .std-form-2 .btn-row-centered { text-align: center; }
    .std-form-2 .btn-row-centered .btn-row {
        -webkit-justify-content: center;
        justify-content: center;
        display: -webkit-inline-flex;
        display: inline-flex;
    }
    .std-form-2 .btn-row-centered .btn-row > * {
        -webkit-flex: 0 1 1px;
        flex: 0 1 1px;
        margin: 0 10px;
    }

    .dashboard-blocks { padding-bottom: 100px; }
        .dashboard-blocks .dashboard-block-reports-title {
            -webkit-order: 1;
            order: 1;
            -webkit-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
            -webkit-align-self: center;
            align-self: center;
        }
        .dashboard-blocks .dashboard-block-share-lnk {
            -webkit-order: 2;
            order: 2;
            -webkit-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
            text-align: right;
        }
        .dashboard-blocks .dashboard-block-hr-1 {
            -webkit-order: 3;
            order: 3;
        }
        .dashboard-blocks .dashboard-block-report-list {
            -webkit-order: 4;
            order: 4;
            -webkit-flex: 1 1 0px !important;
            flex: 1 1 0px !important;
            margin: 30px 18px 0;
        }
        .dashboard-blocks .dashboard-block-prof-comp {
            -webkit-order: 5;
            order: 5;
            -webkit-flex: 1 1 0px !important;
            flex: 1 1 0px !important;
            margin: 30px 0 0 18px;
        }
        .dashboard-blocks .dashboard-block-shared-title {
            -webkit-order: 1;
            order: 1;
            -webkit-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
            -webkit-align-self: center;
            align-self: center;
        }
        .dashboard-blocks .dashboard-block-share-lnk-2 {
            -webkit-order: 2;
            order: 2;
            -webkit-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
            text-align: right;
        }
        .dashboard-blocks .dashboard-block-hr-2 {
            -webkit-order: 3;
            order: 3;
        }
        .dashboard-blocks .dashboard-block-shared-table {
            -webkit-order: 4;
            order: 4;
        }

    .dashboard-block-prof-comp #main-plot .key-items .key-title { font-size: inherit; line-height: inherit; }

    .shared-table { width: 100%; border-collapse: collapse; border-spacing: 0; }
    .shared-table thead th { text-align: left; padding: 15px 0; vertical-align: bottom; }
    .shared-table tbody td { padding: 20px 0; vertical-align: top; }
    .shared-table tr > * { border: 0px solid rgba(17, 17, 17, 0.17); border-width: 1px 0; }
    .shared-table tr > *:not(:first-child) { padding-left: 20px; }

    .dashboard-block-shared-table .btn { margin: 30px 0 0; }

    .popup .popup-foot .btns-wrap {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .popup .popup-foot .btns-wrap .btn-primary { }

    .errored-recipients dl:after { content: ''; clear: both; display: table; }
    .errored-recipients dt,
    .errored-recipients dd { float: left; padding: 6px 12px; }
    .errored-recipients dt { width: 40%; padding-right: 20px; }
    .errored-recipients dd { width: 60%; padding-left: 0; }

    .mixed-recipients dl > div { overflow: hidden; }
    .mixed-recipients dt,
    .mixed-recipients dd { float: left; padding: 6px 12px; }
    .mixed-recipients dt { width: 40%; padding-right: 20px; }
    .mixed-recipients dd { width: 60%; padding-left: 0; }

    .flex-between {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .flex-between h1 { margin-bottom: 0; }

    .report-blocks {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-content: flex-start;
        align-content: flex-start;
        padding: 0 0 60px;
    }
        .report-blocks > * {
            -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
        }
    .report-blocks .report-block-summary { width: calc(40% - 18px); margin: 30px 18px 0 0; font-size: 18px; line-height: 25px; order: 1; }
    .report-blocks .dashboard-block-prof-comp { width: calc(60% - 18px); margin: 30px 0 0 18px; order: 2; }
    .report-blocks .report-block-navigation { width: 193px; order: 3; }
    .report-blocks .report-block-navigation .sticky { position: -webkit-sticky; position: sticky; top: 100px; }
    .report-blocks .report-block-navigation .report-nav-profile { display: none; }
    .report-blocks .report-block-breakdown { width: calc(100% - 250px); order: 4; }
    .reports .report-block-sticky-head { height: 60px; font-size: 20px; }
    .report-blocks .portrait-block-breakdown { width: 100%; margin: 70px 0 0 0; order: 3; }
    .report-blocks .family-block-breakdown { width: 100%; margin: 70px 0 0 0; order: 4; }

    .report-block-navigation { margin: 40px 0 0; }
    .report-block-navigation .page-content { padding: 0 !important; margin: 0 !important; background-color: none !important; }
    .report-block-navigation nav { font-size: 18px; line-height: 21px; font-weight: 700; min-height: 61px; }
    .report-block-navigation nav a { display: block; background-color: #161616; color: #fff; position: relative; padding: 20px 0 20px 28px; text-decoration: none !important; transition: all .3s; }
    .report-block-navigation a.active { background-color: #323232; transition-duration: .1s; }
    .report-block-navigation a::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 8px; }
    .report-block-navigation select,
    .report-block-navigation a { display: none; }

    .report-block-summary .btns-wrap { float: left; }
    .report-block-summary .btns-wrap > * { display: block; margin: 10px 0 0; min-width: 250px; }

    .rb-overview { font-size: 18px; line-height: 28px; }
    .rb-overview header { float: left; width: 130px; }
    .rb-overview .score { font-size: 50px; }

    .rb-overview .rb-scores .content { }
        .rb-overview .rb-scores .content > div {
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-align-items: stretch;
            align-items: stretch;
            margin: 0 -15px;
        }
            .rb-overview .rb-scores .content > div > * {
                margin: 0 15px;
                -webkit-flex: 1 1 1px;
                flex: 1 1 1px;
            }
    .rb-overview .rb-scores .content > div > *:last-child { text-align: right; }

    .rb-detail-items {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: stretch;
        align-items: stretch;
        margin: 0 -10px;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
        .rb-detail-items .rbd-item {
            margin-left: 10px;
            margin-right: 10px;
            -webkit-flex: 1 1 1px;
            flex: 1 1 1px;
            position: relative;
        }
        .rb-detail-items .rb-key-plot {
            margin-left: 24px;
            margin-right: 24px;
            -webkit-flex: 1 1 1px;
            flex: 1 1 1px;
            position: relative;
        }
        .rb-detail-items .rb-scores {
            margin-left: 10px;
            margin-right: 10px;
            -webkit-flex: 1 1 1px;
            flex: 1 1 1px;
            position: relative;
        }
        .rb-detail-items .rb-key-quality {
            margin-left: 10px;
            margin-right: 10px;
            -webkit-flex: 1 1 1px;
            flex: 1 1 1px;
            position: relative;
        }
    .rb-detail-items .rb-detail-break { width: 100%; }

    .share-invite .page-content { padding-bottom: 90px; }

    .portrait-breakdown-item {
        display: -webkit-flex;
        display: flex;
        padding: 20px 0 0;
    }
    /*.portrait-breakdown-item + .portrait-breakdown-item { margin-top: 35px; }*/
        .portrait-breakdown-item header {
            flex: 0 0 auto;
            -webkit-flex: 0 0 auto;
            width: 245px;
            max-width: 100%;
        }
        .portrait-breakdown-item .content {
            -webkit-flex: 1 1 100%;
            flex: 1 1 100%;
            margin: 20px 0 20px 90px;
        }

    .family-block-breakdown {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .family-block-breakdown .family-breakdown-item { width: 50%; border: 0 solid rgba(22, 22, 22, .1); }
    .family-block-breakdown .family-breakdown-item:nth-of-type(2n) { border-left-width: 1px; }
    .family-block-breakdown .family-breakdown-item:nth-of-type(2n-1) { }
    .family-block-breakdown .family-breakdown-item:not(:nth-last-of-type(1)):nth-of-type(2n),
    .family-block-breakdown .family-breakdown-item:not(:nth-last-of-type(2)):nth-of-type(2n-1) { border-bottom-width: 1px; }
    .family-block-breakdown .family-breakdown-item:nth-last-of-type(1):nth-of-type(2n),
    .family-block-breakdown .family-breakdown-item:nth-last-of-type(2):nth-of-type(2n-1) { padding-bottom: 80px; }
    .family-block-breakdown .family-breakdown-item:nth-last-of-type(1):nth-of-type(2n) .lnk-compare-my-profile,
    .family-block-breakdown .family-breakdown-item:nth-last-of-type(2):nth-of-type(2n-1) .lnk-compare-my-profile { bottom: 40px; }



    .family-breakdown-item {
        display: -webkit-flex;
        display: flex;
        padding: 30px 30px 60px;
        position: relative;
    }
        .family-breakdown-item .family-profile {
            -webkit-flex: 0 0 auto;
            flex: 0 0 auto;
            margin: 0 30px 0 0;
            width: 80px;
            height: 80px;
            max-width: 100%;
        }
    .family-breakdown-item .content { display: block !important; }
    .family-breakdown-item .fbd-content { margin: 0; max-width: 100%; }
    .family-breakdown-item .lnk-compare-my-profile { position: absolute; bottom: 20px; }
    .family-breakdown-item .fbd-content-toggle { display: none; }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .report-blocks .report-block-navigation { width: 165px; }
    .report-blocks .report-block-breakdown { width: 675px; }
}

@media only screen and (min-width: 768px) and (max-width: 968px) {
    .report-blocks .report-block-breakdown { width: calc(100% - 205px); max-width: 675px; }
}