.blog-all-bg {
  background: url("../images/blog/blog-bg.jpg") 50% 0 no-repeat;
  height: 360px;
}

.blog-title {
  margin-top: 56px;
}
.fb-subscribe {
  font-weight: 700;
  color: $link-color;
  font-size: 15px;
  line-height: 18px;
  margin-top: 100px;
}
.fb-subscribe-btn {

  .btn_ {
    background: none !important;
    width: 184px;
    padding-left: 52px;
    position: relative;
    color: $main-color !important;
    box-shadow: none;
    text-align: left;
    margin-top: 26px;
    &:before {
      background: url("../images/s-1.svg") 50% 50% no-repeat;
      background-size: 11px 24px;
      width: 11px;
      height: 24px;
      position: absolute;
      top: 50%;
      margin-top: -12px;
      left: 24px;
      content: '';
    }
    &:active {
      box-shadow: 0px 0px 12px 0px rgba(151, 151, 151, 0.35);
    }
  }
}

.select-blog {
  width: 100%;
  max-width: 360px;
  margin-top: 23px;
  form {
    @include wfl;
  }
  .input-wr {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  select {
    cursor: pointer;
    font-weight: 700;
  }
}

.blog-list-col {text-align: center;}

.blog-list-wr {
  display: inline-block;
  width: 100%;
  max-width: 360px;
  * {
    text-align: left;
  }
}

.img-blog-list {
  width: 100%;
  float: left;
  a {
    width: 100%;
    float: left;
    img {
      max-width: 100%;
    }
  }
}

.blog-date {
font-size: 12px;
color: #888888;
}








@media (max-width: 991px) {
  .blog-all-bg {
    background-position: 30% 0;
  }
  .fb-subscribe {
    max-width: 270px;
  }
}

@media (max-width: 767px) {
  .blog-title {
    text-align: left;
  }
}
@media (max-width: 550px) {
  .blog-all-bg {
    background-position: 33% 0;
  }

}