@media screen and (min-width: 1440px) {
  .custom-container {
    padding-left: 72px;
    padding-right: 73px;
  }
  .header {
    height: 900px;
  }
  .header::after {
    top: -210px;
    -webkit-transform: skewY(-10deg);
            transform: skewY(-10deg);
  }
  .header .header-top {
    padding-top: 39px;
    padding-bottom: 68px;
  }
  .header .header-bottom {
    position: relative;
    right: -105px;
    margin-top: 0;
  }
  .header .header-bottom .custom-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header .header-bottom .hero-img {
    width: auto;
    height: 761px;
  }
  .options {
    padding-left: 165px;
    padding-right: 165px;
    margin-top: 110px;
  }
  .options .text {
    width: 312px;
  }
  .bdd-testing .col-left {
    left: 50px;
  }
  .bdd-testing .col-left img {
    width: auto;
    height: 630px;
  }
  .bdd-testing .col-right {
    position: relative;
    left: 350px;
  }
  .itms-recorder {
    position: relative;
    left: 125px;
    margin-top: 150px;
  }
  .itms-recorder .col-left {
    width: 450px;
  }
  .itms-recorder .col-right img {
    width: auto;
    height: 698.96px;
  }
  .footer::after {
    top: 170px;
  }
  .footer .footer-wrapper {
    position: relative;
    top: 480px;
  }
}

@media screen and (min-width: 1600px) {
  .header-bottom p {
    width: 459px;
  }
  .bdd-testing {
    left: 0;
  }
  .itms-recorder {
    left: -100px;
  }
}

@media screen and (min-width: 1920px) {
  .header .header-bottom .hero-img {
    right: -100px;
  }
  .footer::after {
    top: 170px;
  }
}

@media screen and (min-width: 2100px) {
  .header::after {
    top: -240px;
  }
  .header .header-bottom .hero-img {
    right: -200px;
  }
}

@media screen and (min-width: 2200px) {
  .header .header-bottom .hero-img {
    right: -400px;
  }
}

@media screen and (min-width: 2400px) {
  .bdd-testing {
    left: 300px;
  }
  .itms-recorder {
    left: -300px;
  }
  .header .header-bottom .hero-img {
    right: -550px;
  }
}

@media screen and (min-width: 2560px) {
  .header .header-bottom .hero-img {
    right: -600px;
  }
}
/*# sourceMappingURL=custom-xl.css.map */