.lity{
  z-index: 9999;
}
.lity-wrap{
  padding: 20px;
  padding-top: 60px;
}
.lity-iframe .lity-container{
  width: calc(151vh - 160px);
  max-width: 90%;
}
.lity-inline .lity-content{
  max-height: calc(100vh - 160px);
  overflow: auto;
}
.lity-image .lity-content{
  max-height: calc(100vh - 160px);
}
.lity-image .lity-content img {
  max-height: calc(100vh - 160px) !important;
}
.lity-close{
  position: absolute;
  right:0;
  top:-40px;
  color:transparent;
  width: 40px;
  height: 40px;
  &:active {
      top:-40px;
    }
  &:hover,
  &:focus,
  &:active,
  &:visited{
      color:transparent;
  }
  &:before,&:after{
      content:'';
      width: 42px;
      height: 1px;
      display: block;
      background: #fff;
  }
  &:before{
      transform: rotate(45deg);
      top:10px;
      left:0;
      position: absolute;
  }
  &:after{
      transform: rotate(-45deg);
      position: absolute;
      top:10px;
  }
}

@media print, all and (min-width: 768px) {
  .lity-wrap{
    padding: 80px 0;
  }
}