@media only screen and (max-width: 968px) {
    #hero {
        background-position: left;
    }
    .process-left:after,
    .process-right:after {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {
    .process-box p{
        display: -webkit-box;
        line-clamp: 5;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .process-point-right {
        left: -10%;
    }

    .process-point-right:before {
        height: 190px;
        left: -52px;
    }

    .process-point-left {
        right: -45px;
    }

    .process-point-left:before {
        height: 190px;
        left: 540%;
    }
} 

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .process-box p{
        display: -webkit-box;
        line-clamp: 4;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .process-point-right {
        left: -12%;
    }

    .process-point-left {
        right: -77px;
    }
}