.tb-live-mobile h3 {
    font-size: 1.2em;
}

.tb-live-mobile select {
    font-size: 12px;
    height: 24px;
    padding: 0 5px 0 5px;
    width: 100%;
}

.tb-live-mobile #map_canvas {
    width: 100%;
    height: 200px;
}

.tb-live-mobile #resultcontent,
.tb-live-mobile #resultDetails {
    padding: 5px;
}

.tb-live-mobile #resultPager {
    margin-top: 20px;
    width: 100%;
}

.tb-live-mobile .nextBusTable {
    margin-top: 5px;
}

.tb-live-mobile .nextBusDueIn {
    min-width: 50px;
}

.tb-live-mobile .comError h3 {
    padding: 0px;
}

.tb-live-mobile .tb-btn {
    padding-right: 15px;
    margin-top: 5px;
}

.tb-live-mobile .tb-btn-back {
    margin-top: 5px;
    height: 34px;
}

.tb-live-mobile .realtimeTimeTable {
    margin-top: 20px;
    padding: 0px;
}

.tb-live-mobile .tb-btn-startOver {
    height: auto !important;
    padding: 15px 15px;
}

.tb-live-mobile #resultMap {
    height: 200px;
    border: 1px solid white;
}

@media (max-width: 420px) {
    /*.tb-live-mobile .nextBusService > div {
        width: 24px;
        overflow: hidden;
        max-height: 24px;
    }*/
    /*.tb-live-mobile .nextBusService > div > img {
        display: none;
    }*/
}


.tb-live-not-mobile #resultPager {
    width: 60%;
}

.tb-live-not-mobile #resultDetails {
    /*max-height: 320px; 
        overflow-y: scroll;*/
    width: 60%;
    float: left;
}

.tb-live-not-mobile #resultMap {
    margin: 15px;
    height: 300px;
    width: 300px;
    border: 1px solid white;
    float: right;
}

.tb-live-not-mobile #resultcontent {
    background-color: #444444;
    opacity: .9;
    padding: 10px;
    padding-top: 0px;
}

.tb-live-not-mobile #mapSearch {
    margin: auto;
    position: absolute;
    right: 400px;
}

.tb-live-not-mobile #live-bus-timings {
    /*position: absolute; 
        z-index: 1; 
        top: 0px; 
        left: 0; */
    width: 100%;
    margin: auto;
}

.tb-live-not-mobile .content h3 {
    margin-bottom: 0px;
}

@media (max-width: 1100px) {
    .tb-live-not-mobile #resultcontent {
        opacity: .98;
    }
}

@media (max-width: 1000px) {
    .tb-live-not-mobile #resultMap {
        float: none;
        height: 200px;
        width: 200px;
    }
}



.tb-live-service #resultbox {
    margin: auto;
    width: 1000px;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    margin: 0 0 0 200px;
    display: block;
}

.tb-live-service #map_canvas {
    width: -moz-calc(100% - 150px);
    height: 670px;
    margin-left: 110px;
}

@-moz-document url-prefix() {
    .tb-live-service #map_canvas {
        width: -moz-calc(100% - 110px) !important;
    }
}


.tb-live-service #divMap {
    width: 100%;
}

.tb-live-service .header {
    background: #373536;
    opacity: 1;
    padding: 0;
    margin: 0;
}

@media (max-width: 1100px) {
    .tb-live-service #resultbox {
        margin: 0;
        width: 100%;
        left: 0px;
        top: 0px;
    }
}

@media (max-width: 1000px) {
    .tb-live-service #map_canvas {
        width: -moz-calc(100% - 150px);
        height: 670px;
    }
}


.tb-live-kinchbus #map_canvas {
    height: 660px;
}



.tb-live-not-service #resultbox {
    margin: auto;
    width: 1000px;
    position: absolute;
    z-index: 1;
    top: 190px;
    left: 0px;
    margin: 0;
    display: block;
}

.tb-live-not-service #map_canvas {
    width: 100%;
    height: 596px;
}

.tb-live-not-service .header {
    background: #373536;
    opacity: 1;
    padding: 0;
    margin: 0;
}

@media (max-width: 1111px) {
    .tb-live-not-service #resultbox {
        margin: 0px;
        margin-left: 0px;
        width: 100%;
        left: 0px;
        top: 215px;
    }
}

@media (max-width: 1000px) {
    .tb-live-not-service #map_canvas {
        height: 525px;
    }

    .tb-live-not-service #resultDetails {
        /*max-height: 80px;
        overflow-y: scroll;*/
        width: 100%;
    }
}

@media (max-width: 815px) {
    .tb-live-not-service #resultbox {
        top: 250px;
    }
}


.tb-live-kinchbus2 #map_canvas {
    height: 655px;
}