@media(max-width: 767px) {
    .osteo-timeline-style-1::before {
        left: 7px;
    }
    .osteo-timeline-style-1 .timeline-item:nth-child(odd) {
        padding-right: 0;
        text-align: left;
    }
    .osteo-timeline-style-1 .timeline-item:nth-child(odd),
    .osteo-timeline-style-1 .timeline-item:nth-child(even) {
        padding-left: 37px;
    }
    .osteo-timeline-style-1 .timeline-dot {
        left: 3px;
    }
    .osteo-timeline-style-3 .timeline-items .timeline-date {
        top: calc(50% - 15px);
    }
    .osteo-timeline-style-3::after {
        left: 90px;
    }
    .osteo-timeline-style-3 .timeline-items {
        width: 100%;
        padding-left: 120px;
        padding-right: 30px;
    }
    .osteo-timeline-style-3 .timeline-items.right {
        left: 0%;
    }
    .osteo-timeline-style-3 .timeline-items.left::after,
    .osteo-timeline-style-3 .timeline-items.right::after {
        left: 82px;
    }
    .osteo-timeline-style-3 .timeline-items.left::before,
    .osteo-timeline-style-3 .timeline-items.right::before {
        left: 100px;
        border-color: transparent #006E51 transparent transparent;
    }
    .osteo-timeline-style-3 .timeline-items.left .timeline-date,
    .osteo-timeline-style-3 .timeline-items.right .timeline-date {
        right: auto;
        left: 15px;
    }
    .osteo-timeline-style-3 .timeline-items.left .timeline-icon,
    .osteo-timeline-style-3 .timeline-items.right .timeline-icon {
        right: auto;
        left: 146px;
    }
    .osteo-timeline-style-6 .timeline-items,
    .osteo-timeline-style-7 .timeline-items {
        width: 80%;
    }
    .osteo-timeline-style-6::after {
        right: 19.9%;
    }
    .osteo-timeline-style-7::after {
        left: 19.9%;
    }
    .osteo-timeline-style-7 .timeline-items.right {
        left: 19.9%;
    }
}

@media(max-width: 790px) {
    .osteo-timeline-style-2 .center-line {
        left: 40px;
    }
    .osteo-timeline-style-2 .timeline-items {
        margin: 30px 0 3px 60px;
    }
    .osteo-timeline-style-2 .timeline-items .timeline-item {
        width: 100%;
    }
    .osteo-timeline-style-2 .left .timeline-item::before {
        left: -7px;
    }
    .osteo-timeline-style-2 .left .timeline-item .timeline-icon {
        left: -60px;
    }
    .osteo-timeline-style-4 .timeline-items {
        flex-direction: column;
        align-self: center;
    }
    .osteo-timeline-style-4 .timeline-items .timeline-content {
        width: 100%;
    }
    .osteo-timeline-style-4 .timeline-items .timeline-icon {
        border-radius: 6px 6px 0 0;
        width: 100%;
        margin: 0;
        box-shadow: none;
    }
    .osteo-timeline-style-4 .timeline-items .timeline-icon:before,
    .osteo-timeline-style-4 .timeline-items .timeline-icon:after {
        display: none;
    }
    .osteo-timeline-style-4 .timeline-items .timeline-date {
        border-radius: 0;
        padding: 6px 0px 0px 0px;
    }
    .osteo-timeline-style-4 .timeline-items:nth-child(2n + 1) {
        flex-direction: column;
        align-self: center;
    }
    .osteo-timeline-style-4 .timeline-items .timeline-items:nth-child(2n + 1) .timeline-date {
        border-radius: 0;
        padding: 20px;
    }
    .osteo-timeline-style-4 .timeline-items .timeline-items:nth-child(2n + 1) .timeline-icon {
        border-radius: 6px 6px 0 0;
        margin: 0;
    }
    .osteo-timeline-style-6 .timeline-items.left .timeline-date {
        right: -60px;
    }
    .osteo-timeline-style-7 .timeline-items.right .timeline-date {
        left: -60px;
    }
}

@media(max-width: 440px) {
    .osteo-timeline-style-2 .center-line,
    .osteo-timeline-style-2 .center-line .center-line,
    .timeline-items .timeline-item::before,
    .timeline-items .timeline-item .timeline-icon {
        display: none;
    }
    .osteo-timeline-style-2 .timeline-items {
        margin: 10px 0;
    }
}