ol.organizational-chart ol > li {
    padding: 1em 1em 0 0;
}

ol.organizational-chart > li ol:before {
    right: 50%;
   }

ol.organizational-chart > li ol:after {
    right: 3px;
 }

ol.organizational-chart > li ol > li:not(:last-of-type):before {
    right: 0;
   }

ol.organizational-chart > li ol > li:not(:last-of-type):after {
    right: 0;
}

ol.organizational-chart > li ol > li:last-of-type:before {
    right: 0;
    }

ol.organizational-chart > li ol > li:last-of-type:after {
    right: 0;
   }

/*** PRIMARY ***/
ol.organizational-chart > li > div {
    margin-left: 1em;
}

ol.organizational-chart > li > div:before {
       left: -1em;
  
}

ol.organizational-chart > li > div:first-of-type:after {
       left: -1em;
    
}


ol.organizational-chart > li > div + div:after {
    left: -1em;
    }

/*** SECONDARY ***/
ol.organizational-chart > li > ol:before {
    right: inherit;
    left: 0;
}

ol.organizational-chart > li > ol:after {
    right: 0;
}

/*** MEDIA QUERIES ***/
@media only screen and ( min-width: 64em ) {

 
       ol.organizational-chart > li > div:before {
        right: 50%!important;
    }

   
    ol.organizational-chart > li > div:first-of-type:not(:only-of-type):after {
        right: calc(50% + 3px);
    }

    ol.organizational-chart > li > div:last-of-type:not(:only-of-type):after {
        right: calc(-1em - 3px);
    }

    ol.organizational-chart > li > div + div:not(:last-of-type):after {
        left: -2em;
    }

 
    ol.organizational-chart > li > ol:before,
    ol.organizational-chart > li > ol > li:before {
        right: 50%!important;
           }

       ol.organizational-chart > li > ol > li:first-of-type:not(:only-of-type):after {
        right: 50%;
    }

    ol.organizational-chart > li > ol > li:last-of-type:not(:only-of-type):after {
        right: 0;
    }

    ol.organizational-chart > li > ol > li + li:not(:last-of-type):after {
     
        right: 0;
            }

}