@media only screen and (max-width: 768px){
        #mapContainer{
              height:300px !important;
              }
        }
      #mapContainer{
                  width:100%; height:365px;border: 0px solid rgb(238, 238, 238);
              }
              #tip{
                  height:30px;
                  background-color:#fff;
                  padding-left:10px;
                  padding-right:10px;
                  position:absolute;
                  font-size:12px;
                  right:10px;
                  bottom:20px;
                  border-radius:3px;
                  line-height:30px;
                  border:1px solid #ccc;
              }
              div.info-top {
                  position: relative;
                  background: none repeat scroll 0 0 #F9F9F9;
                  border-bottom: 1px solid #CCC;
                  border-radius:5px 5px 0 0;
              }
              div.info-top div {
                  display: inline-block;
                  color: #333333;
                  font-size:14px;
                  font-weight:bold;
                  line-height:31px;
                  padding:0 10px;
                  text-align:left;
              }
              div.info-top img {
                  position: absolute;
                  top: 10px;
                  right: 10px;
                  transition-duration: 0.25s;
              }
              div.info-top img:hover{
                  box-shadow: 0px 0px 5px #000;
              }
              div.info-middle {
                  font-size:12px;
                  padding:10px;
                  line-height:21px;
                  text-align:left
              }
              div.info-bottom {
                  height:0px;
                  width:100%;
                  clear:both;
                  text-align:center;
              }
              div.info-bottom img{
                  position: relative;
                  z-index:104;
              }