.wp-block-vsf-dce-timeline{
    padding: 0 0 2rem 0;
    position: relative;
}
.wp-block-vsf-dce-timeline .timeline-line{
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(50% - 2px);
    width: 3px;
    background: #D9D9D9;
}
.wp-block-vsf-dce-timeline .timeline-dot{
    background: #D9D9D9;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    left: calc(50% - 10px);
}

.wp-block-vsf-dce-timeline .timeline-inner{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.wp-block-vsf-dce-timeline .timeline-inner .timeline-image{
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2.625rem;
    text-align: right;
}
.wp-block-vsf-dce-timeline .timeline-inner .timeline-text{
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2.625rem;
    text-align: left;
}

.wp-block-vsf-dce-timeline.is-style-text-right .timeline-inner{
    flex-direction: row-reverse;
}
.wp-block-vsf-dce-timeline.is-style-text-right .timeline-inner .timeline-image{
    text-align: left;
}
.wp-block-vsf-dce-timeline.is-style-text-right .timeline-inner .timeline-text{
    text-align: right;
}

/*** Media queries ***/

/* Large devices (landscape tablets, desktops) */
@media (max-width: 1199px) {

}

/* Medium devices (vertical tablets) */
@media (max-width: 991px) {

}

/* Small devices (landscape phones)  */
@media (max-width: 767px) {

}

/* Small devices (vertical phones) */
@media (max-width: 575px) {
    .wp-block-vsf-dce-timeline .timeline-line{
        left: 8px;
    }
    .wp-block-vsf-dce-timeline .timeline-dot{
        left: 0;
    }
    .wp-block-vsf-dce-timeline .timeline-inner{
        flex-direction: column;
    }
    .wp-block-vsf-dce-timeline .timeline-inner .timeline-image,
    .wp-block-vsf-dce-timeline.is-style-text-right .timeline-inner .timeline-image{
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: 1rem;
    }
    .wp-block-vsf-dce-timeline .timeline-inner .timeline-text,
    .wp-block-vsf-dce-timeline.is-style-text-right .timeline-inner .timeline-text{
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left;
    }
}