.description {
  position: relative;
}
.description p {
  padding-bottom: 15px;
  font-size: 18px;
  margin-bottom: 0;
}
@media all and (max-width: 500px) {
  .description:not(.active).container {
    margin-bottom: 2em;
  }
  .description:not(.active):after {
    content: "Expand";
    position: absolute;
    bottom: -1.5em;
    color: orange;
    text-decoration: underline;
    cursor: pointer;
    right: 10px;
  }
  .description:not(.active) > div {
    max-height: 5.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
  }
}
@media all and (max-width: 500px) and all and (min-width: 1160px) {
  .description:not(.active):after {
    right: 0;
  }
}
@media all and (max-width: 500px) and all and (max-width: 1159px) {
  .description:not(.active):after {
    right: 10px;
  }
}
@media all and (min-width: 501px) {
  .description.expandable:not(.active).container {
    margin-bottom: 2em;
  }
  .description.expandable:not(.active):after {
    content: "Expand";
    position: absolute;
    bottom: -1.5em;
    color: orange;
    text-decoration: underline;
    cursor: pointer;
    right: 10px;
  }
  .description.expandable:not(.active) > div {
    max-height: 5.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
  }
}
@media all and (min-width: 501px) and all and (min-width: 1160px) {
  .description.expandable:not(.active):after {
    right: 0;
  }
}
@media all and (min-width: 501px) and all and (max-width: 1159px) {
  .description.expandable:not(.active):after {
    right: 10px;
  }
}
.battles_listing ul {
  margin: 30px 0 30px 30px;
}
.battles_listing ul li {
  list-style-type: disc;
}
.article_page_top_bg {
  background: #f3f6fa;
  padding: 15px 0;
  margin: 0 0 20px;
  width: 100%;
  text-align: center;
}
.article_page_top_bg h1,
.article_page_top_bg h2 {
  font-size: 36px;
  color: #030201;
  line-height: 1;
  text-align: left;
}