#ng .dots {
  position: absolute;
  bottom: 3.5em;
  left: 3.5em;
  z-index: 5;
}
#ng .dot {
  cursor: pointer;
  height: 0.4em;
  width: 0.4em;
  background-color: #ffffff6a;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
#ng .dot:not(:first-child) {
  margin-left: 9.5px;
}
#ng .dot.active,
#ng .dot:hover {
  background-color: #ffffff;
}
#ng .dots > div {
  float: left;
  padding: 0 6px;
}
#ng .dots > div:first-child {
  padding: 0 6px 0 0;
}
#ng .dots > div:only-child {
  display: none;
}

@media only screen and (max-width: 768px) {
  #ng .dots {
    right: 0%;
    left: 22px;
    bottom: 20px !important;
    margin: 0 4px;
  }
}