* {
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
      }

      .sidebar {
        position:relative;
        font-size: 13px;
        height:100vh;
        right:0;
        overflow:hidden;
        margin-top: 5px;
        border-left:1px solid rgba(0,0,0,0.25);
      }
      .pad2 {
        padding:20px;
      }

      .c{
        font-weight: normal;
      }

      .map {
 
        position: relative;
        display: block;
        
 
    bottom: 0;
    display: block;
    min-height: 100vh;
   
      }

 

       

      a {
        color:#404040;
        text-decoration:none;
      }

      a:hover {
        color:#101010;
      }

      .heading {
        background:#fff;
        min-height:160px;
 
        padding:0 10px;
     
        color: #000;
      }
      .heading h1{
        
        padding: 0px 0 0 10px!important;
        margin:0!important;
        font-size: 16px;
        font-weight: normal;
      }
      .listings {
        height:100%;
        overflow:auto;
        padding-bottom:60px;
        border-radius: 5px;
        margin: 5px 10px 10px 10px;
      }

      .listings .item {
        display:block;
        border-bottom:1px solid #eee;
        padding:10px;
        text-decoration:none;
        width: 100%;
        text-align: left;
      }

      .listings .item:last-child { border-bottom:none; }
      .listings .item .title {
        display:block;
        color:#000;
 
      }

      .geocoder {
        position: relative;
        z-index: 1;
        width: 96%;
        margin:8px 10px 10px 10px;
        text-align: left;
 
    }

    .mapboxgl-ctrl-geocoder {
min-width: 100%;
}

      .listings .item .title small { font-weight:400; }
      .listings .item.active .title,
      .listings .item .title:hover { color:#4c4c4c; }
      .listings .item.active {
        background-color:#ececec;
      }
      ::-webkit-scrollbar {
        width:3px;
        height:3px;
        border-left:0;
        background:rgba(0,0,0,0.1);
      }
      ::-webkit-scrollbar-track {
        background:none;
      }
      ::-webkit-scrollbar-thumb {
        background:#00853e;
        border-radius:0;
      }

      .marker {
        border: none;
        cursor: pointer;
        height: 35px;
        width: 31px;
        background-repeat: no-repeat;
        background-image: url(https://dhlexpress.com.sg/assets/img/pin.png);
      }

      .clearfix { display:block; }
      .clearfix:after {
        content:'.';
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
      }
      .mapboxgl-popup {
        padding-bottom: 50px;
      }
      .mapboxgl-popup-content {
        font:400 14px/20px 'Delivery', Sans-serif;
        padding:0;
        width:150%;
      }
      .mapboxgl-popup-content-wrapper {
        padding:1%;
      }
      .mapboxgl-popup-content h3 {
        background:#ffc107;
        color:#000;
        margin:0;
        display:block;
        padding:10px;
        border-radius:3px 3px 0 0;
        font-weight:700;
        font-size: 18px!important;
        margin-top:-15px;
      }
      .mapboxgl-popup-close-button{
        padding: 0 10px;
      }
      .mapboxgl-popup-content h4 {
        margin:0;
        display:block;
        padding: 10px 10px 10px 10px;
        font-weight:400;
        font-size: 16px!important;
      }

      .mapboxgl-popup-content div {
        padding:10px;
      }

      .mapboxgl-container .leaflet-marker-icon {
        cursor:pointer;
      }

      .mapboxgl-popup-anchor-top > .mapboxgl-popup-content {
        margin-top: 15px;
      }

      .mapboxgl-popup-anchor-top > .mapboxgl-popup-tip {
        border-bottom-color: #91c949;
      }