.page-select {
  padding: 60px 0; }

.social_respons_list {
  width: 100%;
  background: url(../../images/banner2.png) center center no-repeat;
  background-size: auto 100%;
  height: 230px;
  padding: 66px 0 0 10%; }
  .social_respons_list p {
    font-size: 36px;
    color: #FFFFFF; }

.list-content {
  padding: 0; }
  .list-content .nav-frame {
    margin-bottom: 60px; }
  .list-content .list .col {
    overflow: hidden; }
    .list-content .list .col:nth-child(2n+1) {
      clear: left; }
    .list-content .list .col a {
      text-decoration: none;
      overflow: hidden;
      display: block; }
      .list-content .list .col a .list-detail {
        background: #F7F8FA; }
        .list-content .list .col a .list-detail .list-img {
          width: 100%; }
          .list-content .list .col a .list-detail .list-img img {
            display: block;
            width: 100%;
            height: 378px; }
        .list-content .list .col a .list-detail .list-page-1 {
          padding: 23px 22px 15px;
          border-bottom: 1px solid #DDE8F6;
          height: 101px; }
          .list-content .list .col a .list-detail .list-page-1 span {
            font-size: 14px;
            color: #777777;
            display: block; }
          .list-content .list .col a .list-detail .list-page-1 .list-page-top {
            font-size: 30px;
            color: #333333;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            line-clamp: 1;
            overflow: hidden;
            height: 42px; }
        .list-content .list .col a .list-detail .list-page-2 {
          padding: 13px 22px 20px;
          font-size: 14px;
          color: #333333;
          line-height: 26px;
          height: 110px; }
          .list-content .list .col a .list-detail .list-page-2 span {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            line-clamp: 3;
            overflow: hidden; }

.page-select {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .page-select .pagination > li a, .page-select .pagination > li span {
    margin-right: 8px;
    padding: 14px 20px; }
  .page-select .pagination > li:last-child a {
    margin-right: 0; }

@media (min-width: 320px) and (max-width: 600px) {
  .page-select {
    padding: 30px 0; }

  .social_respons_list {
    height: 95px;
    padding: 24px 0 0 20px; }
    .social_respons_list p {
      font-size: 17px; }

  .container {
    padding: 0 20px; }

  .list-content .nav-frame {
    display: none; }
  .list-content .list .list-detail {
    margin-top: 20px; }
    .list-content .list .list-detail .list-page-1 .list-page-top {
      font-size: 17px; }
    .list-content .list .list-detail .list-page-2 {
      padding: 12px 12px 13px; }

  .grid-module .col.sm-span-12, .grid-module .col.xs-span-12 {
    padding: 0; } }

/*# sourceMappingURL=social_respons_list.css.map */