@media screen and (min-width: 1200px) {
  .container {
    max-width: clamp(1130px, 90vw, 1320px);
  }
}
@media screen and (min-width: 1600px) {
  .container {
    max-width: 1536px;
  }
}
@media screen and (max-width: 1920px) {
  .hero-banner .bannerGirl {
    right: 33%;
    max-width: 30%;
    width: 100%;
    height: auto;
    z-index: -1;
  }
  .hero-banner .bannerGirl-2 {
    right: 30%;
    width: 100%;
    max-width: 30%;
    height: auto;
    z-index: -1;
  }
}
@media screen and (max-width: 1700px) {
  .hero-banner .bannerGirl {
    right: 35%;
    width: 30%;
    z-index: -1;
  }
  .hero-banner .bannerGirl-2 {
    right: 25%;
    width: 100%;
    max-width: 29%;
    height: auto;
    z-index: -1;
  }
}
@media screen and (max-width: 1600px) {
  .hero-banner .bannerGirl {
    right: 32%;
    width: 30%;
  }
  .hero-banner .bannerGirl-2 {
    right: 30%;
    width: 100%;
    max-width: 30%;
    height: auto;
  }
}
@media screen and (max-width: 1200px) {
  .hero-banner .bannerGirl {
    right: 31%;
    width: 29%;
    height: auto;
    z-index: -1;
  }
  .hero-banner .bannerGirl-2 {
    right: 29%;
    max-width: 33%;
    width: 100%;
    height: auto;
    z-index: -1;
  }
}/*# sourceMappingURL=media.css.map */