/* Safari: absolute + right:0 shrink-to-fit often sticks to the static (left) position.
   Stretch the devices layer across the banner and push the mockup to the end. */
@media (min-width: 768px) {
  [data-tnav="section-mobile"] [data-devices-mockup] {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    max-width: none !important;
    display: flex !important;
    justify-content: flex-end !important;
    height: 77%;
    max-height: 464px;
  }
}

@media (min-width: 1024px) {
  [data-tnav="section-mobile"] [data-devices-mockup] {
    height: 100%;
  }
}