.borderbox{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.wrapper{max-width:785px;min-height:580px;}
.sidebar{width:33.33%;margin-bottom:0px;margin-right:0px;display:inline-block;float:left;height:580px;}
.sidebar h3{padding-left:20px;color:#b5cbe4 !important;font-size: 18px !important;font-family: "Scada", Arial, Helvetica, sans-serif !important;font-weight:800;display:block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}
.sidebar .stops{width:100%;height:522px;overflow-y:auto;overflow-x:hidden;}
.sidebar .stops h5{font-family: "Scada", Arial, Helvetica, sans-serif !important;color:#333333;padding: 10px 5px 10px 20px;margin:0;font-size:11px !important;font-weight:normal;}
.sidebar .stops h5 strong{font-weight:bold;font-size:13px;}
.sidebar .stops h5:hover{cursor:pointer;background:#FBFBFB;}
.sidebar .stops:focus {
    outline-width: 0;
}

.map{width:100%;float: left;margin-right: 0 !important;clear: right;margin-bottom: 0px;display:inline-block;background-color:beige;height:580px;}


	@media all and (max-width: 784px) {
		.sidebar{
			width:100% !important;
			height:250px !important;
		}
		.map{
			width:100% !important;
			margin-top:10px !important;
		}
		.stops{
			width:100%;
			height:190px !important;
		}
	}