.blue-line { display: block; position: relative; margin: 37px 0 37px 37px; padding: 20px 0; }
.blue-line:after { content: ''; position: absolute; left: -37px; top: 0; width: 3px; height: 100%; background-color: #00acf5; border-radius: 5px; }
.blue-point { display: block; position: relative; margin: 37px 0 37px 37px; padding: 20px 0; }
.blue-point:after { content: ''; position: absolute; left: -37px; top: 50%; transform: translatey(-50%); width: 7px; height: 7px; background-color: #00acf5; border-radius: 50%; }

.justifyleft {text-align: left;}
.justifyright {text-align: right;}
.justifyfull {text-align: justify;}

@media (max-width: 991px) {
    .blue-line { display: block; position: relative; margin: 19px 0 19px 19px; }
    .blue-line:after { content: ''; position: absolute; left: -19px; top: 0; width: 3px; height: 100%; background-color: #00acf5; border-radius: 5px; }
    .blue-point { display: block; position: relative; margin: 19px 0 19px 19px; }
    .blue-point:after { content: ''; position: absolute; left: -19px; top: 50%; transform: translatey(-50%); width: 7px; height: 7px; background-color: #00acf5; border-radius: 50%; }    
}