.data-list{
    display: inline-flex;
}

.listAfter::after{
    content: '|';
    margin-right: 4px;
}

.listBefore::before{
    content: '|';
    margin-left: 4px;
}

@media (max-width: 1000px){
    .data-list{
        display: block;
    }
    .listAfter::after{
        content: '';
        margin-right: 0px;
    }
    
    .listBefore::before{
        content: '';
        margin-left: 0px;
    }
}