#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;
}

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