.GuideImage {
    width: 90px;
    height: 150px;
    background: transparent url(../Images/Delhimetro/Guide.jpg) no-repeat;
    overflow: hidden;
    text-indent: 99999px;
    border: 0;
    text-decoration: none;
    background-position: 16px 16px;
}

@media only screen and (max-width: 480px) {

    #tableRoute td:nth-child(4),
    td:nth-child(5),
    td:nth-child(6),
    th:nth-child(4),
    th:nth-child(5),
    th:nth-child(6)
      {
        display: none;
    }

    .stationlist td:nth-child(6),
    td:nth-child(7),
    td:nth-child(8),
    th:nth-child(6),
    th:nth-child(7),
    th:nth-child(8)
      {
        display: none;
    }
}

.bs-docs-sidenav.affix {
    top: 80px;
}

[class*="span"] {
margin-left: 0px !important;
}


.attribution {
  background-color: #2F9953;
  border-radius: 2px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 12px;
  padding: 0 2px;
  position: absolute;
}
.ads {
  margin-top: 18px;
}
.url-link {
  color: #4285f4;
  text-decoration: none;
}
.title-link {
  border: none;
  color: rgba(0,0,0,0.87);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
.url {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* You could either hide or show the body using display property. */
.body {
  color: rgba(0,0,0,0.54);
  padding-top: 2px;
}
.image {
  padding-bottom: 5px;
  width: 300px;
}
.image img {
  border: none;
  width: 100%;
}
.title {
  padding-bottom: 5px;
}