@media (max-width: 500px) {
  custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-landing-hero .text-container .partial-bar h1 {
    margin-left: 13px;
    width: auto;
  }
}
@media screen and (min-width: 768px) and (orientation: portrait) {
  custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-landing-hero .text-container .partial-bar h1 {
    margin-left: 13px !important;
    width: auto;
  }
}
@media screen and (min-width: 1000px) and (orientation: landscape) {
  custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-landing-hero .text-container .partial-bar h1 {
    margin-left: -90px !important;
    text-align: center;
    width: auto;
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 1200px) {
  custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-landing-hero .text-container .partial-bar h1 {
    margin-left: -105px !important;
    font-size: 4.06rem;
  }
}
@media screen and (min-width: 1500px) {
  custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-landing-hero .text-container .partial-bar h1 {
    margin-left: -61px !important;
    font-size: 4.06rem;
  }
}
@media screen and (min-width: 1600px) {
  custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-landing-hero .text-container .partial-bar h1 {
    margin-left: -58px !important;
    font-size: 4.06rem;
  }
}
@media screen and (min-width: 1920px) {
  custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-landing-hero .text-container .partial-bar h1 {
    margin-left: -8px !important;
    font-size: 4.06rem;
  }
}
@media screen and (min-width: 2100px) {
  custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-landing-hero .text-container .partial-bar h1 {
    margin-left: 40px !important;
    font-size: 4.06rem;
  }
}
@media screen and (min-width: 2560px) {
  custom-html--sitecore #ai-hero .row.ai-hero-header .interactive-landing-hero .text-container .partial-bar h1 {
    margin-left: 100px !important;
    font-size: 4.06rem;
  }
}