.tdx-mobile-header-ad { display: none; } @media (max-width: 767px) { .tdx-mobile-header-ad + main#main { padding-top: 0; } body.admin-bar .tdx-mobile-header-ad { --tdx-mobile-header-offset: 50px; } .tdx-mobile-header-ad { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; clear: both; width: 100%; height: 100px; min-height: 100px; max-height: 100px; margin: var(--tdx-mobile-header-offset, 0px) 0 0; padding: 0; background: linear-gradient(135deg, rgba(15, 23, 42, .38), rgba(30, 41, 59, .18)); border: 1px solid rgba(148, 163, 184, .16); border-radius: 8px; box-sizing: border-box; overflow: hidden; } .tdx-mobile-header-ad__inner { display: flex; align-items: center; justify-content: center; width: 320px !important; max-width: calc(100% - 16px); height: 100px; min-height: 100px; max-height: 100px; flex: 0 1 320px; margin: 0 auto; background: transparent; line-height: 0; text-align: center; overflow: hidden; } .tdx-mobile-header-ad__inner > :not(script) { flex: 0 0 auto; align-self: center; max-width: 100% !important; max-height: 100% !important; margin: auto !important; } .tdx-mobile-header-ad__inner img, .tdx-mobile-header-ad__inner video { max-width: 100%; display: block; margin: auto; } .tdx-mobile-header-ad__inner iframe { display: block; border: 0; max-width: 100% !important; max-height: 100% !important; margin: auto !important; } }