.custom-html--sitecore {
    /* Adjust Hero Area */
    /* Adjust 2nd Block */
    /*CSS for 2nd Section Vid Adjustment */
    /* for Iphone 12 and 13 Max 
  @media only screen 
  and (device-width: 1284px) 
  and (device-height: 2778px)  {
  .ui-container.brand-purpose-top-marquee .top-marquee-carousel-container .top-marquee-carousel-text-container {
  bottom: 50%;
  }
  }*/
  }
  @media (min-width: 1000px) {
    .custom-html--sitecore .ui-container.brand-purpose-top-marquee .top-marquee-carousel-container .top-marquee-carousel-text-container {
      bottom: 20%;
      padding: 0 10%;
    }
  }
  @media (min-width: 1200px) {
    .custom-html--sitecore .ui-container.brand-purpose-top-marquee .top-marquee-carousel-container .top-marquee-carousel-text-container {
      bottom: 20%;
    }
  }
  @media (min-width: 1100px) and (max-width: 1300px) {
    .custom-html--sitecore .logo .logo-panel .row-logo .logo-text-animate.text-animate-0 {
      padding: 15% 10% 0 10% !important;
    }
    .custom-html--sitecore .bp-pagezone-container .row .block-content .module-container {
      top: 5%;
    }
  }
  @media (min-width: 1300px) {
    .custom-html--sitecore .ui-container.brand-purpose-top-marquee .top-marquee-carousel-container .top-marquee-carousel-text-container {
      padding: 0 20%;
      bottom: 25%;
    }
  }
  @media (min-width: 1600px) {
    .custom-html--sitecore .ui-container.brand-purpose-top-marquee .top-marquee-carousel-container .top-marquee-carousel-text-container {
      bottom: 24.8rem;
    }
  }
  @media (min-width: 1800px) {
    .custom-html--sitecore .ui-container.brand-purpose-top-marquee .top-marquee-carousel-container .top-marquee-carousel-text-container {
      padding: 0 25%;
    }
    .custom-html--sitecore .ui-container.brand-purpose-top-marquee .top-marquee-carousel-container .top-marquee-carousel-text-container {
      bottom: 28rem;
    }
  }
  @media (min-width: 2300px) {
    .custom-html--sitecore .ui-container.brand-purpose-top-marquee .top-marquee-carousel-container .top-marquee-carousel-text-container {
      padding: 0 20%;
      bottom: 50%;
      transform: translate(0%, 20%);
    }
  }
  @media (min-width: 2500px) {
    .custom-html--sitecore .ui-container.brand-purpose-top-marquee .top-marquee-carousel-container .top-marquee-carousel-text-container {
      padding: 0 35%;
      transform: translate(0%, 50%);
    }
  }
  @media (max-width: 1299px) and (min-width: 1000px) {
    html:not(.ie) .custom-html--sitecore .parallax-block .logo-video-animation .logo {
      padding-top: 4rem !important;
    }
    .custom-html--sitecore .logo .parallax-logo-svg {
      top: 25.36rem;
    }
    .custom-html--sitecore .ui-container.brand-purpose-top-marquee .TopMarqueeCarouselBlock .top-marquee-carousel,
    .custom-html--sitecore .ui-container.brand-purpose-top-marquee .TopMarqueeCarouselBlock {
      min-height: unset;
    }
    .custom-html--sitecore .animate .text-content-container .new-row .video-animate-text {
      transform: scale(0.9);
      padding-top: 2.4rem;
    }
    html:not(.ie) .custom-html--sitecore .parallax-block .logo-video-animation {
      top: -4rem !important;
    }
    .custom-html--sitecore .logo .logo-panel .row-logo .logo-text-animate {
      font-size: 4rem;
    }
  }
  @media (min-width: 1300px) {
    .custom-html--sitecore .animate .text-content-container .new-row {
      padding-top: 16rem !important;
    }
  }
  @media (min-width: 1500px) {
    .custom-html--sitecore .animate .text-content-container .new-row {
      padding-top: 20rem !important;
    }
  }
  @media (min-width: 1900px) {
    .custom-html--sitecore .animate .text-content-container .new-row {
      padding-top: 24rem !important;
    }
  }
  @media (max-width: 1399px) and (min-width: 1300px) {
    html:not(.ie) .custom-html--sitecore .parallax-block .logo-video-animation .logo {
      padding-top: 7.2rem !important;
    }
    .custom-html--sitecore .logo .parallax-logo-svg {
      top: 26.96rem;
    }
  }
  .custom-html--sitecore .bp-pagezone-container .row .col-12 .cta-middle {
    padding-top: 4rem;
    padding-bottom: 12rem;
  }
  @media (min-width: 1200px) {
    html:not(.ie) .custom-html--sitecore .parallax-block .logo-video-animation .video-animation.animate .video-animation-panel .parallax-video.vid-adjustment {
      right: 25%;
    }
  }