.home_dashboard {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-top: 0;
    height: auto;
    margin: 0;
    padding: 10px 0;
}

.home_dashboard .item_container {
    border-right: 1px solid slategray;
    height: 45px;
}

.home_dashboard .item_container:last-child {
    border-right: none;
}
.home_dashboard .value {
    font-weight: 300;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    position: relative;
    text-align:left;
}
.metrics_options {
    font-size: 85%;
    font-weight: 300;
}

.milesShow, .kmShow {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    right: 43%;
    z-index: 9;
    min-width: 100px;
    width: 40%;
}

.metrics_options {
    margin-top: 2px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 55%;
    z-index: 10;
    width: 40%;
}
.cruise_speed .value {
    text-align:center;
}
.cruise_speed .kmShow,
.cruise_speed .milesShow {
    position: relative;
    left: initial;
    right: initial;
    margin: initial;
    width: auto;
}
.cruise_speed .metrics_options {
    padding-left:5px;
    position: relative;
    left: initial;
    right: initial;
    margin: initial;
    width: auto;
}
.trip_completed .value {
    text-align: center;
}
.slick-slide.slick-active {
    z-index: 1;
}

@media only screen and (max-width: 850px) {
    .home_dashboard .value {
        width: 100%;
        font-size: 1.4em;
    }
    .home_dashboard .category-title {
        font-size: 1em;
    }
    .milesShow, .kmShow { 
        right: 50%;
    }
    .item_container .value {
        margin-top:5px;
    }

    .metrics_options {
        left: 55%;
        width: 100px;
    }

}
@media only screen and (max-width: 749px) {
    .home_dashboard .value {
        width: 50%;
    }

    .home_dashboard .cruise_speed .value {
        width: 100%;
    }
    .home_dashboard .item_container:nth-child(2) {
        border-right: none;
    }
    .milesShow, .kmShow { 
        right: 30%;
        left: auto;
    }

    .metrics_options {
        left: 65%;
        width: 75px;
    }

}
@media only screen and (max-width: 375px) {
    .home_dashboard .trip_completed .value {
        width: 300px;   
    }
    .milesShow, .kmShow {
        right: 45%;
        left: inherit;
    }
    .metrics_options {
        left: 55%;
    }

    .home_dashboard .item_container {
        border-right: none;
    }
    .home_dashboard .value {
        font-size: 1.7em;
    }
}