.site-header {
    position: relative;
}
.desktop-header {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--ati-m-gap)
}
.mobile-header {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    min-height: 100px;
    gap: var(--ati-m-gap);
}
@media screen and (max-width: 1024px) {
    .mobile-header .ati-logo {
        position: absolute;
        left: 50%;
        transform: translate(-50%, -100%);
    }
}