@charset "utf-8";
.page-topicdetaillist .pane-main h1.topic-title {
  text-align: center;
  margin: 20px 0 0;
}
.block-topic-details--header {
  display: none;
}
.pager {
  margin: 0 0 50px;
}
.page-topicdetaillist .block-topic-details--items .topic-icon {
  width: 100px;
}
.page-topicdetaillist .block-topic-details--items li a {
  padding: 3px 0 0 20px;
}
.page-topicdetaillist .block-topic-details--items li {
  padding: 16px 10px;
}
.block-topic-details--items {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .page-topicdetaillist .pane-main h1.topic-title {
    font-size: 6vw;
    margin: 6vw 0 3vw;
  }
  .pager {
    margin: 0 0 4vw;
    font-size: 3.58vw;
  }
  #pagination .pager-next, #pagination .pager-previous {
    top: 20vw;
  }
  .pager-next a, .pager-previous a {
    font-size: 3.58vw;
  }
  .pager-next a:after, .pager-previous a:after {
    top: 1.6vw;
    width: 2vw;
    height: 2vw;
  }
  .pager-next a {
    padding: 0 3vw 0 0;
  }
  .page-topicdetaillist .block-topic-details--items li a {
    padding: 0;
  }
  .block-topic-details--items {
    margin: 0 4vw 6vw;
  }
  .block-topic-details {
    margin: 0;
  }
  .page-topicdetaillist .block-topic-details--items li {
    padding: 4vw 7vw 4vw 3vw;
    font-size: 3.6vw;
  }
  .block-topic-details--items li img {
    top: 3.5vw;
    left: 28%;
    height: 6vw;
  }
  .action-buttons {
    margin: 9vw 5vw;
  }
  .action .btn {
    margin-top: 0;
    padding: 4vw 0;
    font-size: 4.1vw;
  }
  .pane-main {
    margin: 0 0 13vw;
  }
  .pagination {
    padding: 0;
  }
}