@media only screen and (max-width: 420px) {
    #doc {
        width: auto;
        background: none;
        height: auto;
        min-height: 0;
        min-width: 0;
    }
    #doc.login div.errors {
        margin: 10px;
    }
    #hd {
        height: auto;
    }
    #bd form#login {
        margin: 8px;
        border: 0;
        padding: 4px;
    }
    #doc.login div.content-title {
        margin: 2px 8px;
    }
    #bd form#login table td {
        display: block;
        width: auto;
        text-align: center;
    }
    #bd {
        min-height: 0;
        border: 0;
    }
    #doc.login #bd form#login table tr.form-controls td input {
        width: 220px;
    }
    #hd #user {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        height: auto;
        text-align: right;
    }
    #hd #nav {
        top: 0;
        height: auto;
        background: #000;
    }
    #hd #nav ul.navigation > li {
        float: none;
        height: auto;
        width: auto;
    }
    #hd #nav li ul,
    #hd #nav li:hover ul{
        width: auto;
    }
    #hd #nav li ul li {
        background: none;
    }
    #hd #nav li a,
    #hd #nav li a:hover,
    #hd #nav li li a,
    #hd #nav li li a:hover,
    #hd #nav li li li a,
    #hd #nav li li li a:hover,
    #hd #nav li ul li > a:hover{
        color: #fff;
        background: none;
        width: auto;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 1px solid #fff;
    }
    #hd #nav li ul {
        display: block;
    }
    table.form,
    table.report {
        border: 0;
        display: block;
    }
    table.report thead {
        display: block;
    }
    table.report thead tr {
        display: block;
        background: none;
        border-bottom: 3px solid #000;
    }
    table.report thead tr th {
        display: block;
        color: #000;
    }
    table.report tbody {
        display: block;
    }
    table.form td,
    table.form th,
    table.report td,
    table.report th {
        display: block;
    }
    table.report td,
    table.report th {
        border-bottom: 1px solid #888;
    }
    table.report tbody tr {
        border-bottom: 3px solid #000;
        display: block;
    }
    table.form td input,
    table.form th input,
    table.report td input,
    table.report th  input,
    table.form td button,
    table.form th button,
    table.report td button,
    table.report th  button{
        display: block !important;
        width: 100% !important;
        min-height: 25px;
    }
    div.report-tools div.extra-tool-block,
    div.report-tools div.report-tools-print,
    div.report-tools div.report-tools-exceldoc,
    div.report-tools div.report-tools-export {
        display: none;
    }
    form dd,
    form dt {
        padding: 4px;
    }
    form dt {
        padding-top: 25px;
        text-align: center;
        font-size: 14px;
    }
    form dd input {
        width: 100%;
        min-height: 25px;
    }
}