@media only screen and (min-width: 768px) {
    .slider-container {
        top: -7px !important;
        margin: 0px !important;
        right: 10px;
        width: 35%;
        position: absolute;
        display: inline-block;
    }

    .timeline-slider {
        width: 100%;
    }

    .timeslider-label {
        top: 26px;
        position: absolute;
        z-index: -1;
    }

    .to-label {
        right: 0;
    }

    .timeslider-colorbar {
        margin-top: -45px;
        float: left;
        border: solid 4px;
    }

    .stopped {
        border-color: #dc5c38;
        position: relative;
    }

    .in-movement {
        border-color: #679220;
        z-index: 2;
        position: relative;
    }

    .timeslider-colorbar-container {
        padding: 0 15px;
        position: relative;
    }
}

@media only screen and (max-width: 768px) {
    .slider-container {
        display: none;
    }
}