.comment17 {
  padding: 0 10px
}
.comment17__section {
  margin-bottom: 30px
}
@media only screen and (min-width: 960px) {
  .comment17__section {
    margin-bottom: 22px
  }
}
.comment17__section__header,.comment16__section__header {
  font-size: 18px;
  font-weight: normal;
  color: #333333;
  margin: 0 0 15px
}
.comment17__section__header > span{
  font-size: 14px
}
.comment17__section__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-left: -3px;
  margin-right: -3px
}
@media screen and (max-width:700px){
    .comment17__section__header {
  font-size: 15px;
  font-weight: normal;
  color: #111;
  margin: 0 0 15px
}
    .comment16__section__header {
  font-size: 15px;
  font-weight: normal;
  color: #111;
  margin: 15px 0 ;
}
.comment17__section__header > span{
  font-size: 13px
}
}
@media only screen and (min-width: 960px) {
  .comment17__section__list {
    margin-left: -5px;
    margin-right: -5px
  }
}
.comment17__section__list__item {
  padding: 0 3px;
  margin-bottom: 6px;
  width: 25%
}
.comment17__section__list__item img {
  width: 100%;
  height: auto;
  vertical-align: bottom
}
@media only screen and (min-width: 960px) {
  .comment17__section__list__item {
    width: 16.66666667%;
    padding: 0 5px;
    margin-bottom: 10px
  }
}
.comment17__section__list__link {
  display: block;
  -webkit-transition: opacity .25s linear;
  transition: opacity .25s linear
}
.comment17__section__list__link:hover {
  opacity: .6
}