.div-1 {
  /* float: left; */
  width: 90%;
  overflow: hidden;
  white-space: nowrap;
}

.div-2 {
  /* float: left; */
  width: 60px;
  overflow: hidden;
}

.div-1:after {
  content: " .................................................................................................................................................................................................................................................................";
  color: #eee;
}

@media screen and (max-width: 767px) {
  .div-1 {
    white-space: nowrap;
    width: 74%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .div-1:after {
    content: " ........................................................................................................";
  }
}