.thim-our-gallery-heading{
  .title{
    text-transform: capitalize;
    text-align: center;
    font-size: 42px;
    font-weight: 900;
  }
  .article_heading{
    .heading-des{
      margin: 10px auto 40px;
      text-align: center;
    }
  }

}




.thim-our-gallery{
  &.layout-1{
    .item{
      position: relative;
      &:hover{
        .post-info{
          bottom: 30px;
          opacity: 1;
        }
      }
      .image{
        &::after{
          content: '';
        }
        &::before{
          height: 50%;
          bottom: 0;
          background: linear-gradient(to bottom,transparent,rgba(0,0,0,0.5));
        }
      }
      .post-info{
        position: absolute;
        left: 30px;
        bottom: 0;
        opacity: 0;
        transition: all 0.3s ;
        .title{
          a{
            color: #fff;
            font-size: 18px;
          }
        }
        .count{
          color: #ffae00;
          font-size: 16px;
          font-weight: 300;
        }
      }
    }
  }
  .item{
    .title{
      font-size: 20px;
      margin-top: 10px;
      margin-bottom: 5px;
    }
    .image{
      position: relative;
      display: inline-block;

      &:hover{
        cursor: pointer;
      }

      &::before{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        background-color: #000;
        @include transition(all .3s);
        left: 0;
        right: 0;
      }

      &:hover::before{
        opacity: 0.6;
      }

      &::after{
        content: "\f002";
        font-family: FontAwesome;
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        text-align: center;
        @include translate(0,-50%);
        display: block;
        opacity: 0;
        font-size: 20px;
        color: #fff;
      }

      &:hover::after{
        opacity: 0.8;
      }

    }

    .loading{
      &::after{
        content: "\f1ce";
        font-family: FontAwesome;
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        text-align: center;
        display: block;
        opacity: 0;
        font-size: 20px;
        color: #fff;
        -webkit-animation: fa-spin 2s infinite linear;
        animation: fa-spin 2s infinite linear;
        margin-top: -20px;
        line-height: 40px;
        height: 40px;
      }

    }

    .count{
      font-size: 14px;
    }
  }

  .owl-dots{
    margin-top: 38px !important;

    .owl-dot {
      border: 2px solid transparent;
      width: 14px;
      height: 14px;
      margin: 0 5px;
      border-radius: 50%;
      cursor: pointer;
      @include transition(all 0.5s);
      span {
        width: 10px;
        height: 10px;
        background: #7c7a7e;
        margin: 0;
      }
      &.active, &:hover {
        border-color: #7c7a7e;
        span {
          background: transparent;
        }
      }
    }
  }

}



@media only screen and (max-width: 480px) {
  .thim-our-gallery{
    text-align: center;
    .item{
      .image{
        margin: 0 auto;
      }
    }
  }

}