@media only screen and (max-width: 600px) {

}

@media only screen and (max-width: 945px) {

    .chartHeader { top: 4.15em !important; }
        .chartHeader h3 { margin-top: 1.11em; }
    label { margin-left: 0.9em; }
        label:nth-child(5):before { display: block; content: "\a"; margin-top: 1.05em; }
        label:nth-child(5) { clear: both; }
    input[type="text"], input[type="number"] { width: 100px; padding: 0.4em 0.01em; font-size: 1em; }
        input[type="text"]:disabled { width: 60px; font-weight: 300; }

}

@media only screen and (min-width: 601px) {

}

@media only screen and (min-width: 600px) and (max-width: 992px) {

}

@media only screen and (min-width: 993px) {

}

@media(max-width:480px) {

    label { font-size: 1.4em; letter-spacing: -.07em; margin-left: 0.2em; }
        label:nth-child(3) { margin-left: 0.9em; }
    input[type="text"], input[type="number"] { font-size: 1.5em; width: 100px; padding: 0.2em 0.1em; }
    input[type="text"]:disabled { font-size: 1.5em; width: 55px; }
        input[type="text"]:nth-child(6), input[type="text"]:nth-child(8) { width: 70px; }
        input[type="text"]:nth-child(12) { width: 33px; }

}