.details{
  width: 100%;
  height: 265px;
  margin: 0;
  padding: 15px 0;
}
.left{
  width: 50%;
  padding-top: 15px;
  border-right: 1px solid #ccc;
}
.left:nth-child(even) {
  border-right: 0;
  padding-left: 100px;
}
a:hover{
  color: #000;
  text-decoration: none;
}
a{
  color: #000;
}

@media screen and (max-width: 768px) {
  .left{
    float: left;
    padding-left: 0;
  }
  .left:nth-child(even){
    padding-left: 15px;
    padding-right: 0;
  }
  .left p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
  }
}