.hr-seperator {
    display: none;
}

ol.journey {
    max-width: 900px;
    margin: 15px auto 0 auto;
    padding: 23px 0 0 0;
    overflow: hidden;
    display: flex;
}

ol.journey li {
    list-style-type: none;
    padding: 35px 15px 5px 15px;
    margin: 0;
    border-top: solid 2px #347AB7;
    text-align: center;
    flex: 1;
}

ol.journey li div {
    display: none;
}

ol.journey li span {
    position: absolute;
    min-width: 45px;
    min-width: 2.815rem;
    top: -23px;
    left: 50%;
    transform: translateX(-50%);
    border: solid 2px #347AB7;
    border-radius: 10%;
    padding: 5px 10px 5px 10px;
    background: #ffffff;
}

ol.journey li.current {
    font-weight: 700;
}

ol.journey li.current span {
    border-width: 4px;
    /*padding: 8px 14px 8px 14px;*/
}
/*
ol.journey li:nth-child(n+10) span {
    padding: 8px 10px 8px 10px;
}

*/

ol.journey.index-1 li:nth-child(1) div,
ol.journey.index-2 li:nth-child(2) div,
ol.journey.index-3 li:nth-child(3) div,
ol.journey.index-4 li:nth-child(4) div,
ol.journey.index-5 li:nth-child(5) div,
ol.journey.index-6 li:nth-child(6) div,
ol.journey.index-7 li:nth-child(7) div,
ol.journey.index-8 li:nth-child(8) div,
ol.journey.index-9 li:nth-child(9) div,
ol.journey.index-10 li:nth-child(10) div,
ol.journey.index-11 li:nth-child(11) div,
ol.journey.index-12 li:nth-child(12) div {
    display: block;
}

    ol.journey.index-1 li:nth-child(1),
    ol.journey.index-2 li:nth-child(2),
    ol.journey.index-3 li:nth-child(3),
    ol.journey.index-4 li:nth-child(4),
    ol.journey.index-5 li:nth-child(5),
    ol.journey.index-6 li:nth-child(6),
    ol.journey.index-7 li:nth-child(7),
    ol.journey.index-8 li:nth-child(8),
    ol.journey.index-9 li:nth-child(9),
    ol.journey.index-10 li:nth-child(10),
    ol.journey.index-11 li:nth-child(11)
    ol.journey.index-12 li:nth-child(12) {
        font-weight: 700;
        flex: 2;
    }

    ol.journey.index-1 li:nth-child(1) span,
    ol.journey.index-2 li:nth-child(2) span,
    ol.journey.index-3 li:nth-child(3) span,
    ol.journey.index-4 li:nth-child(4) span,
    ol.journey.index-5 li:nth-child(5) span,
    ol.journey.index-6 li:nth-child(6) span,
    ol.journey.index-7 li:nth-child(7) span,
    ol.journey.index-8 li:nth-child(8) span,
    ol.journey.index-9 li:nth-child(9) span,
    ol.journey.index-10 li:nth-child(10) span,
    ol.journey.index-11 li:nth-child(11) span,
    ol.journey.index-12 li:nth-child(12) span {
        border-width: 4px;
        padding: 5px 10px 5px 10px;
        top: -25px;
        background: #347ab7;
        color: #fff;
    }

/*
ol.journey.index-1 li:nth-child(1) span {
    padding: 5px 10px 5px 10px;
}


ol.journey.index-10 li:nth-child(10) span,
ol.journey.index-11 li:nth-child(11) span,
ol.journey.index-12 li:nth-child(12) span {
    border-width: 4px;
    padding: 8px 10px 8px 10px;
}
*/

@media (max-width: 650px) {
    ol.journey li span {
        min-width: 38px;
        min-width: 2.375em;
        padding: 7px;
    }

    ol.journey li {
        width: 9%;
    }

    ol.journey.index-1 li:nth-child(1),
    ol.journey.index-2 li:nth-child(2),
    ol.journey.index-3 li:nth-child(3),
    ol.journey.index-4 li:nth-child(4),
    ol.journey.index-5 li:nth-child(5),
    ol.journey.index-6 li:nth-child(6),
    ol.journey.index-7 li:nth-child(7),
    ol.journey.index-8 li:nth-child(8),
    ol.journey.index-9 li:nth-child(9),
    ol.journey.index-10 li:nth-child(10),
    ol.journey.index-11 li:nth-child(11)
    ol.journey.index-12 li:nth-child(12) {
        width: 19%;
    }

    ol.journey.index-1 li:nth-child(1) span,
    ol.journey.index-2 li:nth-child(2) span,
    ol.journey.index-3 li:nth-child(3) span,
    ol.journey.index-4 li:nth-child(4) span,
    ol.journey.index-5 li:nth-child(5) span,
    ol.journey.index-6 li:nth-child(6) span,
    ol.journey.index-7 li:nth-child(7) span,
    ol.journey.index-8 li:nth-child(8) span,
    ol.journey.index-9 li:nth-child(9) span,
    ol.journey.index-10 li:nth-child(10) span,
    ol.journey.index-11 li:nth-child(11) span,
    ol.journey.index-12 li:nth-child(12) span {
        top: -22px;
    }

    ol.journey.index-1 li:nth-child(1) div,
    ol.journey.index-2 li:nth-child(2) div,
    ol.journey.index-3 li:nth-child(3) div,
    ol.journey.index-4 li:nth-child(4) div,
    ol.journey.index-5 li:nth-child(5) div,
    ol.journey.index-6 li:nth-child(6) div,
    ol.journey.index-7 li:nth-child(7) div,
    ol.journey.index-8 li:nth-child(8) div,
    ol.journey.index-9 li:nth-child(9) div,
    ol.journey.index-10 li:nth-child(10) div,
    ol.journey.index-11 li:nth-child(11) div,
    ol.journey.index-12 li:nth-child(12) div {
        display: none;
    }

    ol.journey li span { 
        top: -20px;
    }

    ol.journey {
        padding-top: 20px;
    }

    ol.journey.index-1 li:nth-child(1) span {
        padding: 8px 15px 8px 15px;
    }
}

@media (max-width: 450px) {
    ol.journey {
        display: none;
    }

    .hr-seperator {
        display: block;
    }
}

.ellipsis-breadcrumb {
    background-color: #ccc;
}