/* patterns */

.pattern-section {
  position: relative;
}

.pattern-right-top:before {
  content: "";
  background: url(img/pattern_right_corner-01.svg) no-repeat center center transparent;
  width: 156px;
  height: 187px;
  position: absolute;
  right: 0;
  top: 0;
  pointer-events: none;
}

.pattern-watermark-bottom-left:after {
  content: "";
  background: url(img/pattern_watermark_left.png) no-repeat center center transparent;
  width: 494px;
  height: 592px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.microsite-section.pattern-right-top:before {
  opacity: 0;
}

/* main pattern */

.page-main-pattern.pattern-section:before {
  opacity: 1;
  z-index: 1;
  top: 100%;
}

.page-main-pattern.pattern-section.show-pattern:before {
  position: fixed;
  top: 101px;
}

/* pattern responsive */

@media only screen and (max-width: 1200px) {
  .pattern-right-top:before {
    width: 140px;
    height: 169px;
  }
}

@media only screen and (max-width: 991px) {
  .pattern-right-top:before {
    width: 110px;
    height: 132px;
  }

  .pattern-watermark-bottom-left:after {
    max-width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .page-main-pattern.pattern-section.show-pattern:before {
    top: 85px;
  }

  .pattern-right-top:before {
    width: 80px;
    height: 96px;
  }
}

@media only screen and (max-width: 320px) {
  .page-main-pattern.pattern-section.show-pattern:before {
    top: 75px;
  }

}