.fusion-gallery {
  &.fusion-gallery-layout-masonry {
    &.fusion-grid-2,
    &.fusion-grid-two {
      &.fusion-masonry-has-vertical {
        .fusion-element-landscape {
          width: 100%;
        }
      }
    }

    &.fusion-grid-3,
    &.fusion-grid-three {
      &.fusion-masonry-has-vertical {
        .fusion-element-landscape {
          width: ~"calc(100% / 3 * 2)";
        }
      }
    }

    &.fusion-grid-4,
    &.fusion-grid-four {
      &.fusion-masonry-has-vertical {
        .fusion-element-landscape {
          width: 50%;
        }
      }
    }

    &.fusion-grid-5,
    &.fusion-grid-five {
      &.fusion-masonry-has-vertical {
        .fusion-element-landscape {
          width: 40%;
        }
      }
    }

    &.fusion-grid-6,
    &.fusion-grid-six {
      &.fusion-masonry-has-vertical {
        .fusion-element-landscape {
          width: ~"calc(100% / 3)";
        }
      }
    }

    .fusion-gallery-column {
      .fusion-gallery-image.fusion-gallery-image-liftup {
        img {
          display: none;
        }
      }
    }
  }

  .fusion-gallery-column {
    padding: 0;
    display: none;

    .fusion-gallery-image {
      overflow: hidden;
      opacity: 1;

      &.fusion-gallery-image-liftup {
        display: block;
        position: relative;
        max-width: 100%;
        transform: perspective(1000px) scale(1);
        transition: transform 0.35s,-webkit-transform 0.35s;

        &.hover,
        &:hover {
          z-index: 1;
          box-shadow: 0 3px 15px rgba(0,0,0,.4);
          transform: perspective(1000px) scale(1.03);
        }

        img {
          display: block;
        }
      }
    }

    .fusion-gallery-caption {
      line-height: 2.87;
    }
  }
}

.fusion-grid-column {
  .fusion-grid-1 &,
  .fusion-grid-one & {
    width: 100%;
  }

  .fusion-grid-2 &,
  .fusion-grid-two & {
    width: 50%;
  }

  .fusion-grid-3 &,
  .fusion-grid-three & {
    width: ~"calc(100% / 3)";
  }

  .fusion-grid-4 &,
  .fusion-grid-four & {
    width: 25%;
  }

  .fusion-grid-5 &,
  .fusion-grid-five & {
    width: 20%;
  }

  .fusion-grid-6 &,
  .fusion-grid-six & {
    width: ~"calc(100% / 6)";
  }
}
@media only screen and (max-width: 800px) {
  .fusion-gallery {
    .fusion-column {
      &.fusion-gallery-column {
        &.fusion-element-landscape {
          width: 100%;
        }
      }
    }
  }
}