/*Mobile CSS Below*/
@media only screen and (max-width: 480px) {
  img.img-fluid.rounded-circle{
    width: 70px;
    height: 70px;
    margin: 8px auto;
  }
  .col-md-7 > p{
    padding: 10px;
  } 
}

/*Desktop CSS Below*/
@media only screen and (min-width: 480px) {
  .list-group-item {
    padding: 5px 10px;
  }
  .timeline-label > p {
    padding: 10px;
  }
    
  .col-4.text-center > p{
    /* font-weight: bold;*/
    font-size : 15px;
    padding: 10px;
    min-height: 50px;
  }
  img.img-fluid.rounded-circle{
    width: 100px;
    height: 100px;
    margin: 10px auto;
  }
  
}


.timeline-label > p{
    font-family: helvetica,arial,sans-serif;
    font-size: 15px;
}


.timeline-label > img{
  width: 100%;
}
.map-row{
  position: relative;
}
#base-img{
  position: absolute;
  z-index: 100;
  left: 0;
  right: 0;
}
.btn-on-img{
  position: absolute;
  z-index: 500;
  border-radius: 50%;
}

  /* Radial Out */
  .hvr-radial-out {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    overflow: hidden;
    color: rgb(0, 0, 0, 0);

    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .hvr-radial-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    color: rgb(0, 0, 0, 0);
    border-radius: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
    color: white;
    font-weight: bold;
  }
  .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
