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


        body #HFS.ewb h2 {
                width:auto;
                display:block;
                padding:0px;
                margin:0px 10px;
                border-bottom:5px solid #f4d176;
                height:35px;
                font-size:16px;
        }

        #HFS.ewb .greyButton.geoLocateButton {
                background: rgb(240,190,60);
                background: -moz-linear-gradient(top, rgba(240,190,60,1) 0%, rgba(240,190,60,1) 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,190,60,1)), color-stop(100%,rgba(240,190,60,1)));
                background: -webkit-linear-gradient(top, rgba(240,190,60,1) 0%,rgba(240,190,60,1) 100%);
                background: -o-linear-gradient(top, rgba(240,190,60,1) 0%,rgba(240,190,60,1) 100%);
                background: -ms-linear-gradient(top, rgba(240,190,60,1) 0%,rgba(240,190,60,1) 100%);
                background: linear-gradient(to bottom, rgba(240,190,60,1) 0%,rgba(240,190,60,1) 100%);
                background-position:0px 0px;
        }

        .greyButton.Hbutton.geoLocateButton > img {
            display: inline-block;
            margin-bottom: 0;
            margin-left: -1px;
            margin-right: 0;
            margin-top: 0;
        }

        body .ewb #HFSResult h2.separator {
                padding:10px;
                border-bottom:0px none;
        }

        body #HFSHint {
                padding-top:15px;
                background:#f0be3c;
        }

        body #HFS.ewb #HFSQuery,
        body .ewb .summary {
                width:100%;
                box-shadow:none;
        }

        body #HFS.ewb #HFSQuery .mainInput,
        body #HFS.ewb #HFSQuery .extraInput    {
                padding:20px;
        }

        body #HFS.ewb #HFSQuery .inputHolder strong {
                display:block;
        }

        body .row { padding:0px; }

        body #HFS.ewb .mainInput .inputRow {
                position:relative;
                padding-left:60px;
        }

        body #HFS.ewb.sq_query .mainInput .inputRow {
                padding-left:0px;
        }

        body #HFS.ewb .mainInput .inputRow label.front {
                position:absolute;
                left:0px;
                top:0px;
                width:60px;
        }

        #HFS.ewb #HFSQuery .errormessage {
                width:auto;
                max-width:auto;

        }

        body #HFS.ewb.sq_query .mainInput .inputRow label.front {
                position:relative;
                width:125px;
        }

        body #HFSResult .resultTable .connectionDate,
        body #HFSResult .resultTable .connectionTime,
        body #HFSResult .resultTable .connectionRealTime,
        body #HFSResult .resultTable .connectionFirstLast,
        body #HFSResult .resultTable .connectionSonnerLater,
        body #HFSResult .resultTable .connectionDuration           { background:transparent; }

        body #ovLegendRealtime {
                padding:20px 10px;
        }
}