#site-timeline {
    position: relative;
    max-width: 920px;
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
}

.timeline-articles .site-center-lines {
    position: absolute;
    width: 3px;
    height: 100%;
    top: 5%;
    left: 50%;
    margin-left: -2px;
    z-index: -1;
    bottom: 5%;
}

.year__ {
    display: inline-block;
}

.timeline-articles.odd .site-center-lines {
    background: #1490C6;
}

.timeline-articles.even .site-center-lines {
    background: #000000;
}

.timeline-articles {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0;
    margin-top: -2%;
}

.timeline-articles .content-left-container,
.timeline-articles .content-right-container {
    max-width: 47%;
    width: 100%;
}

.timeline-articles .content-left,
.timeline-articles .content-right {
    position: relative;
    width: auto;
    padding: 60px 25px 20px;
}

.timeline-title {
    margin-top: 0;
}

.timeline-articles p {
    padding: 0;
    font-weight: 400;
    color: #242424;
    font-size: 14px;
    line-height: 24px;
    position: relative;
}

.timeline-articles .content-left-container {
    float: left;
}

h4.timeline-year {
    margin: 0;
    display: inline-block;
    padding: 10px 25px;
    border-radius: 21px;
    color: #fff;
}

.timeline-articles.odd .year__ {
    float: left;
}

.timeline-articles.odd h4.timeline-year {
    background: #1490C6;
}

.timeline-articles.even .year__ {
    float: right;
}

.timeline-articles.even h4.timeline-year {
    background: #000000;
}

.line {
    position: absolute;
    width: 55px;
    height: 2px;
    top: 20px;
    margin-left: 0;
    z-index: -1;
}

.timeline-articles.odd .line {
    left: 50%;
    background: #1490C6;
}

.timeline-articles.even .line {
    right: 50%;
    background: #000000;
}

.owl-carousel {
    position: relative;
    width: auto;
    padding: 60px 25px 20px;
}

.timeline-articles .content-right-container {
    float: right;
}

.timeline-articles .meta-dot {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    border-radius: 100%;
}

.timeline-articles.odd .meta-dot {
    background: #1490C6;
}

.timeline-articles.even .meta-dot {
    background: #000000;
}

@media only screen and (max-width: 830px) {
    #site-timeline .site-center-lines {
        margin-left: 0;
        left: 30px;
        top: 10px;
    }

    .timeline-articles .meta-dot {
        margin-left: 0;
        left: 20px;
    }

    .timeline-articles .content-left-container,
    .timeline-articles .content-right-container {
        max-width: 100%;
        width: auto;
        float: none;
        margin-left: 50px;
        min-height: 53px;
    }

    .timeline-articles .content-left-container {
        /* margin-bottom: 20px; */
        max-width: 100%;
        width: auto;
        float: none;
        margin-left: 50px;
        min-height: 53px;
    }

    .timeline-articles.even .line {
        right: 68%;
    }

    .timeline-articles.odd .line {
        left: -50%;
    }

    .timeline-articles.even h4.timeline-year {
        /* background: #000000; */
        margin-left: 35px;
    }

    .timeline-articles .content-left,
    .timeline-articles .content-right {
        /* padding: 0px 0px 20px 0px; */
        min-height: 65px;
    }



    .timeline-articles .content-left:before {
        content: "\f0d9";
        right: auto;
        left: -8px;
    }

    .timeline-articles .content-right:before {
        /* display: none; */
    }

    .timeline-articles.even .year__ {
        position: absolute;
        left: 40px !important;
    }

    .content-right-container .year__ {
        position: absolute;
        top: 0px;
        left: 85px;
    }
}