@media (min-width: 641px) {
    #ConsumptionPanel #Content {
        text-align: center;
        margin: 0 auto;
    }

    .newUserTop {
        border: 1px solid #000000;
        background-color: #000065;
        color: #FFFFFF;
    }

    .newUserHeader {
        font-weight: bold;
        background-color: #D1D1D1;
    }

    .newUserTable {
        width: 60%;
        margin: auto;
        border: 1px solid #000000;
    }

    .newUserHeader {
        width: 45%;
        text-align: right;
    }

    .newUserContent {
        width: 50%;
    }

    .newUserFooter {
        width: 5%;
    }
    .newUserTable2 {
        width: 100%;
    }
}
@media (max-width: 640px) {
    #ConsumptionPanel #Content {
        text-align: center;
        margin: 0 auto;
    }

    .newUserTop {
        border: 1px solid #000000;
        background-color: #000065;
        color: #FFFFFF;
    }

    .newUserHeader {
        font-weight: bold;
        background-color: #D1D1D1;
    }

    .newUserTable {
        width: 100%;
        margin: auto;
        border: 1px solid #000000;
    }

    .newUserHeader {
        width: 45%;
        text-align: right;
    }

    .newUserContent {
        width: 50%;
    }

    .newUserFooter {
        width: 5%;
    }
    .newUserTable2 {
        width: 100%;
        font-size: 12px;
    }

}