.lupus-trials {
    max-width: 828px;
    margin: 0 auto;
    border-collapse: collapse;
    background: rgba(146, 24, 175, 0.1);
}
 
.title-row{
    border-width: 1px;
    border-style: solid;
    border-color: rgba(209, 213, 220, 1);
    th {
        background: #661C78;
        color: #F9FAFB;
        text-align: left;
        padding: 8px 16px;
        font-size: 16px;
    }
}
 
.lupus-trials tr.header-row {
    td {
        border-width: 0 1px 0 1px;
        border-style: solid;
        border-color: rgba(209, 213, 220, 1);
        width: 50%;
        background: #F9FAFB;
        font-weight: bold;
        padding: 8px 16px;
        border-bottom: 1px solid #ccc;
        font-size: 16px;
        font-family: Arial;
    }
    @media (max-width: 1199px){
        display: flex;
    }
}
.lupus-trials tr.table-data{
    td{
        border-width: 0 1px 1px 1px;
        border-style: solid;
        border-color: rgba(209, 213, 220, 1);
    }
    @media (min-width: 1200px){
        height: 120px;
    }
    @media (max-width: 1199px){
        display: flex;
        min-height: 150px;
    }
}
.lupus-trials td {
    padding: 8px 16px;
    vertical-align: top;
    font-size: 16px;
    font-family: Arial;
    letter-spacing: -0.31px;
    ul li {
        font-family: Arial;
    }
}
 
.lupus-trials ul {
    margin: 0;
    padding-left: 18px;
}
.lupus-trials li {
    font-size: 16px;
}
 
@media (max-width: 1199px) {
    .lupus-trials,
    .lupus-trials tbody,
    .lupus-trials tr,
    .lupus-trials td,
    .lupus-trials th {
        display: block;
        width: 100%;
        .header-row{
            width: 100%;
        }
    }
    .header-row {
        display: none;
    }
    .lupus-trials td {
        border-bottom: 1px solid #ddd;
    }
}