﻿.ul-custom-waterfall.col-6 .item {
  width: 16.6667%;
}

.ul-custom-waterfall.col-5 .item {
  width: 20%;
}

.ul-custom-waterfall .item,
.ul-custom-waterfall.col-4 .item {
  width: 25%;
}

.ul-custom-waterfall.col-3 .item {
  width: 33.33333%;
}

.ul-custom-waterfall.col-2 .item {
  width: 50%;
}

.ul-custom-waterfall.col-1 .item {
  width: 100%;
}

.ul-custom-waterfall .waterfall {
  height: 0;
  overflow: hidden;
  position: relative;
}

.ul-custom-waterfall .item {
  position: absolute;
  top: -120%;
}

.ul-custom-waterfall .item .inner {
  margin: 0px 19px 58px;
}

.ul-custom-waterfall .item.loaded:not(.nodraw) .inner {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.ul-custom-waterfall .item img {
  width: 100%;
  height: auto;
  display: block;
}

.loadmore-box {
  font-size: 14px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  color: #333;
}

.loading-box {
  font-size: 14px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  color: #333;
  display: none;
}

.finish-box {
  font-size: 14px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  color: #999;
  display: none;
}

.isloaded .loadmore-box {
  display: block;
}

.isloading .loading-box {
  display: block;
}

.isfinish .finish-box {
  display: block;
}

.isloading .loadmore-box,
.isfinish .loadmore-box {
  display: none;
}

/* isloaded */
@media only screen and (max-width: 1199px) {

  .ul-custom-waterfall .item .inner {
    margin: 0px 10px 25px;
  }

  .row-socialmedia .box {
    margin: 0 -10px 32px;
  }

  .ul-custom-waterfall .m-txt1 {
    padding: 20px 15px 25px;
  }

  .ul-custom-waterfall .m-txt1 b {
    display: block;
    margin: 15px 0 20px;
  }
}

@media only screen and (max-width: 767px) {
  .ul-custom-waterfall .txt {
    height: 50px;
    padding: 0 15px;
  }

  .ul-custom-waterfall .txt .tit {
    background-size: 20px auto;
    padding-left: 30px;
    height: 18px;
  }

  .ul-custom-waterfall .txt span {
    font-size: 14px;
  }
  .row-socialmedia .box {
    margin: 0 -10px 10px;
}
.row-socialmedia {
  padding: 30px 0 50px;
}
}