@include responsive_320
  .bl-moment
    overflow: hidden
    .wrap-image
      height: 350px
      width: 100%
      img
        width: 100%
        height: 100%
        object-fit: cover

    .view-full
      cursor: pointer
      position: relative
      &:before, &:after
        content: ''
        width: 18px
        height: 3px
        border-radius: 4px
        display: block
        background-color: black
        position: absolute
        right: 0
        top: 58%
      &:before
        -webkit-transform: rotate(45deg) translateY(-50%)
        transform: rotate(45deg) translateY(-50%)
        -webkit-transform-origin: 96% 0%
        transform-origin: 96% 0%
      &:after
        webkit-transform: rotate(-45deg) translateY(-50%)
        transform: rotate(-225deg) translateY(-50%)
        -webkit-transform-origin: 96% 0%
        transform-origin: 96% 0%
  .owl-carousel-gallery
    .wrap-image
      width: 100%
      height: 0
      position: relative
      padding-bottom: 56.25%
      img
        position: absolute
        width: 100%
        height: 100%
        object-fit: cover
@include responsive_375
  .bl-moment
    overflow: hidden
    .wrap-image
      height: 350px
      width: 100%
      img
        width: 100%
        height: 100%
        object-fit: cover

    .view-full
      cursor: pointer
      position: relative
      &:before, &:after
        content: ''
        width: 18px
        height: 3px
        border-radius: 4px
        display: block
        background-color: black
        position: absolute
        right: 0
        top: 58%
      &:before
        -webkit-transform: rotate(45deg) translateY(-50%)
        transform: rotate(45deg) translateY(-50%)
        -webkit-transform-origin: 96% 0%
        transform-origin: 96% 0%
      &:after
        webkit-transform: rotate(-45deg) translateY(-50%)
        transform: rotate(-225deg) translateY(-50%)
        -webkit-transform-origin: 96% 0%
        transform-origin: 96% 0%
  .owl-carousel-gallery
    .wrap-image
      width: 100%
      height: 0
      position: relative
      padding-bottom: 56.25%
      img
        position: absolute
        width: 100%
        height: 100%
        object-fit: cover
@include responsive_425
  .bl-moment
    overflow: hidden
    .wrap-image
      height: 350px
      width: 100%
      img
        width: 100%
        height: 100%
        object-fit: cover

    .view-full
      cursor: pointer
      position: relative
      &:before, &:after
        content: ''
        width: 18px
        height: 3px
        border-radius: 4px
        display: block
        background-color: black
        position: absolute
        right: 0
        top: 58%
      &:before
        -webkit-transform: rotate(45deg) translateY(-50%)
        transform: rotate(45deg) translateY(-50%)
        -webkit-transform-origin: 96% 0%
        transform-origin: 96% 0%
      &:after
        webkit-transform: rotate(-45deg) translateY(-50%)
        transform: rotate(-225deg) translateY(-50%)
        -webkit-transform-origin: 96% 0%
        transform-origin: 96% 0%
  .owl-carousel-gallery
    .wrap-image
      width: 100%
      height: 0
      position: relative
      padding-bottom: 56.25%
      img
        position: absolute
        width: 100%
        height: 100%
        object-fit: cover
@include responsive_768
  .bl-moment
    overflow: hidden
    .wrap-image
      height: 350px
      width: 100%
      img
        width: 100%
        height: 100%
        object-fit: cover

    .view-full
      cursor: pointer
      position: relative
      &:before, &:after
        content: ''
        width: 18px
        height: 3px
        border-radius: 4px
        display: block
        background-color: black
        position: absolute
        right: 0
        top: 58%
      &:before
        -webkit-transform: rotate(45deg) translateY(-50%)
        transform: rotate(45deg) translateY(-50%)
        -webkit-transform-origin: 96% 0%
        transform-origin: 96% 0%
      &:after
        webkit-transform: rotate(-45deg) translateY(-50%)
        transform: rotate(-225deg) translateY(-50%)
        -webkit-transform-origin: 96% 0%
        transform-origin: 96% 0%
  .owl-carousel-gallery
    .wrap-image
      width: 100%
      height: 0
      position: relative
      padding-bottom: 56.25%
      img
        position: absolute
        width: 100%
        height: 100%
        object-fit: cover

@include responsive_992
  .bl-moment
    .wrap-image
      height: 265px

@include responsive_1024

@include responsive_1200