@media (max-width: 767px) {
  .content-main > div {
    padding: 0;
  }
}
.content-wrap {
  background-color: #3e3e3e;
  position: relative;
}
.news-wrap {
  min-height: 1000px;
  padding: 10px 10px 10px;
}
.news-item {
  margin-top: 20px;
}
.news-item .title {
  margin: 0 0 10px;
  font-size: 20px;
}
.news-item .title > a {
  color: #d8d8d8;
}
.news-item .title > a:hover {
  color: #028be6 /*#00c1de*/;
}
.news-item .info {
  color: #c8c8c8;
}
.news-item .info span {
  margin-right: 20px;
  font-size: 14px;
}
.news-item .info span.icon {
  margin-right: 6px;
}
.news-item .content-desc > img {
  max-width: 100%;
  max-height: 500px;
}
.news-item .content-desc > p {
  color: #d8d8d8;
  margin: 0;
  padding: 30px 0;
  font-size: 14px;
}
.news-item .more-wrap {
  border-bottom: 1px solid #4d4d4d;
  padding: 0 10px 20px 0;
  text-align: right;
}
.news-item .more-wrap > a {
  color: #028be6;
}
/*.news-item:last-child .more-wrap { border-bottom: none; }*/

.pagination-wrap {
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .news-item .title {
    font-size: 24px;
  }
  .news-item {
    margin-top: 60px;
  }
  .news-wrap {
    padding: 1px 60px 40px;
  }
  .news-item .content-desc > p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .news-item .title {
    font-size: 24px;
  }
  .news-item {
    margin-top: 60px;
  }
  .news-item:first-child {
    margin-top: 30px;
  }
  .news-wrap {
    padding: 1px 20px 40px;
  }
  .news-item .content-desc > p {
    font-size: 16px;
  }
}