ul.dtr-details {
    width: 100%;
}

span.dtr-title {
    float: left;
    text-align: left;
    font-weight: bold;
    min-width: 40% !important;
    max-width: 40% !important;
    white-space: initial;
    display: inline-block;
    padding-left: 5px;
    word-break: break-word;
}

span.dtr-data {
    text-align: left;
    min-width: 60% !important;
    max-width: 60% !important;
    white-space: initial;
    display: inline-block;
    word-break: break-all;
}

.dtr-details li {
    display: flex;
}


@media only screen and (max-width: 425px) {
    span.dtr-title {
        min-width: 100% !important;
        max-width: 100% !important;
    }

    span.dtr-data {
        display: block;
        align-self: start;
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .dtr-details li {
        display: list-item;
    }
}