.pure-form-aligned .pure-control-group label {
    width: 14em;
}

@media screen and (max-width:640px) {
    body {
        font-size: 16px;
    }

    h1 {
        font-size: 24px;
    }
    .table tbody tr td{
        font-size: 12px!important;
    }
    .hint {
        display: block;
        text-align: left;
    }
}

@media screen and (max-width:480px) {
    .pure-form-aligned .pure-control-group label {
        width: 100%;
    }
    body {
        font-size: 14px;
    }

    h1 {
        font-size: 22px;
    }
    .table tbody tr td{
        font-size: 12px!important;
    }
    .inline {
        display: block;
    }

    form input {
        display: block;
    }

    .querybox {
        width: 100%;
    }

    .queryboxs1 {
        display: inline-block !important;
    }

    .queryboxs2 {
        display: inline-block !important;
    }
}