/*$screen-lxl-min: 1678px;*/
@media (min-width: calc(991px + 1px)) {
  .two-media-blocks.layout-3 .container {
    margin-bottom: 110px;
  }
}
@media (max-width: 991px) {
  .two-media-blocks.layout-3 .media-wrapper {
    margin-bottom: 110px;
  }
}
@media (max-width: 575px) {
  .two-media-blocks.layout-3 .media-wrapper {
    padding-right: 60px;
  }
}
.two-media-blocks.layout-3 .media-block--large {
  height: 100%;
}
.two-media-blocks.layout-3 .media-block--large .block-list {
  height: 100%;
}
.two-media-blocks.layout-3 .media-block--large .block-list .bi_image {
  height: 100%;
}
.two-media-blocks.layout-3 .media-block--large .block-list .bi_image img {
  height: auto;
  width: 100%;
  max-width: 700px;
}
.two-media-blocks.layout-3 .media-block--small {
  position: absolute;
  bottom: -110px;
  right: 0;
}
@media (min-width: 1599px) {
  .two-media-blocks.layout-3 .media-block--small {
    right: 4.16666667%;
  }
}
@media (max-width: 1399px) {
  .two-media-blocks.layout-3 .media-block--small {
    right: -4.16666667%;
  }
}
@media (max-width: 991px) {
  .two-media-blocks.layout-3 .media-block--small {
    right: -60px;
  }
}
@media (max-width: 575px) {
  .two-media-blocks.layout-3 .media-block--small {
    right: 0;
  }
}
.two-media-blocks.layout-3 .media-block--small .block-list .bi_image img {
  max-width: 260px;
}
@media (max-width: 1399px) {
  .two-media-blocks.layout-3 .media-block--small .block-list .bi_image img {
    max-width: 200px;
  }
}
@media (max-width: 1199px) {
  .two-media-blocks.layout-3 .media-block--small .block-list .bi_image img {
    max-width: 180px;
  }
}
@media (max-width: 991px) {
  .two-media-blocks.layout-3 .media-block--small .block-list .bi_image img {
    max-width: 160px;
  }
}
@media (max-width: 575px) {
  .two-media-blocks.layout-3 .media-block--small .block-list .bi_image img {
    max-width: 140px;
  }
}
@media (min-width: 992px) and (max-width: 1399px) {
  .two-media-blocks.layout-3 .custom-reverse-offset-lg-0 {
    padding-right: 4.16666667%;
  }
}

@media (min-width: calc(991px + 1px)) {
  .reverse .two-media-blocks.layout-3 .media-block--small {
    left: unset !important;
    right: 0;
  }
}
.reverse .two-media-blocks.layout-3 {
  /*        .custom-reverse-offset-lg-0 {
      @media (min-width: 992px) and (max-width: 1399px) {
          padding-right: 0;
      }
  }*/
}