.main_panel{
    text-align:center;
    width:70%;
    margin:auto;
}

.col_title {
    width: 30%;
    font-size: 22px;
    display:inline-block;
}

.col_data {
    width: 70%;
    font-size: 22px;
    display: inline-block;
}

.col_row {
    width:100%;
}

@media(max-width:768px) {
    .main_panel {
        text-align: center;
        width: 70%;
        margin: auto;
    }

    .col_title {
        width: 30%;
        font-size: 22px;
        display: inline-block;
    }

    .col_data {
        width: 70%;
        font-size: 22px;
        display: inline-block;
    }
}

@media(max-width:480px) {
    .main_panel {
        width: 94%;
        margin: auto;
    }
    .col_title {
        width: 100%;
        font-size: 14px;
        text-align:left;
    }
    .col_data {
        width: 100%;
        font-size: 14px;
    }

}