@include potrait-tablet {
    .timeline-item {
        padding: 20px;
    }
    .timeline-area {
        &.reverse {
            .single-timeline {
                &:nth-child(odd) {
                    .timeline-content {
                        padding-left: 20px;
                    }
                }
            }
        }
    }
    .timeline-area {
        &.floating-style {
            .single-timeline {
                &:nth-child(even) {
                    .timeline-content {
                        padding-left: 20px;
                    }
                }
            }
        }
    }
    .timeline-content {
        padding-right: 20px;
    }
    .timeline-area {
        padding: 20px;
    }
    .horizantal-timeline {
        .single-timeline {
            width: 50%;
        }
    }
}

@include tablet {
    .timeline-item {
        padding: 10px;
        flex-wrap: wrap-reverse;
        justify-content: flex-end;
    }
    .timeline-area {
        &.reverse {
            .single-timeline {
                &:nth-child(odd) {
                    .timeline-content {
                        padding-left: 0px;
                    }
                }
            }
        }
    }
    .timeline-area {
        &.floating-style {
            .single-timeline {
                &:nth-child(even) {
                    .timeline-content {
                        padding-left: 0px;
                    }
                }
            }
        }
    }
    .timeline-content {
        padding-right: 0px;
        margin-top: 20px;
    }
}

@include small-device {
    .single-timeline {
        display: block;
        .timeline-img {
            display: none;
        }
    }
    .timeline-item {
        width: 100%;
        margin-right: 0px;
        padding: 20px;
        .timeline-pin {
            display: none;
        }
    }
    .timeline-info {
        width: 100%;
        margin-left: 0;
        text-align: right;
        padding: 10px;
    }
    .timeline-area {
        &.floating-style {
            .single-timeline {
                &:nth-child(even) {
                    .timeline-item {
                        margin-right: 0;
                        margin-left: 0;
                    }
                    .timeline-info {
                        text-align: left;
                    }
                }
            }
        }
    }
    .timeline-area {
        &.reverse {
            .single-timeline {
                &:nth-child(odd) {
                    .timeline-item {
                        margin-right: 0;
                        margin-left: 0;
                    }
                    .timeline-info {
                        text-align: left;
                    }
                }
            }
        }
    }
    .timeline-bar {
        display: none;
    }
    .timeline-pin-icon {
        display: none;
    }
    .timeline-classic {
        .timeline-info {
            width: 100%;
            margin-left: 0px;
        }
    }
    .timeline-slider-info {
        .title {
            font-size: rem(18px);
        }
    }
}

@include tiny-device {
    .timeline-slider-area {
        padding: 0;
    }
    .horizantal-timeline {
        .single-timeline {
            width: 100%;
        }
    }
}