@media (min-width: 768px) {

.process-flow {
    max-width:750px;
    padding: 0px;
    margin:0px auto;
}

.process-flow > li {
    clear: right;
    float: left;
    height: 120px;
    margin: 0;
    position: relative;
    width: 256px;
}

.process-flow > li .line {
    height: 400px;
    position: absolute;
    right: -48%;
    top: -6.7em;
    -moz-transform: rotate(-75deg);
-webkit-transform: rotate(-75deg);
-o-transform: rotate(-75deg);
-ms-transform: rotate(-75deg);
transform: rotate(-75deg);
}

.process-flow > li .line.active .progress {
    height: 400px;
}

.process-flow > li:nth-child(2n) {
    clear: left;
    float: right;
}

.process-flow > li:nth-child(2n) .line {
    left: -242%;
        -moz-transform: rotate(75deg);
-webkit-transform: rotate(75deg);
-o-transform: rotate(75deg);
-ms-transform: rotate(75deg);
transform: rotate(75deg);
}

}