.header.ovo-header > .container {
    width: calc(100% - 48px);
    max-width: 1720px;
}

.header.ovo-header .main-header .header-left {
    flex-wrap: nowrap;
    gap: 24px;
    min-height: 104px;
    padding: 12px 0;
}

.header.ovo-header .main-header .header-logo {
    flex: 0 0 180px;
    width: 180px;
    max-width: 180px;
}

.header.ovo-header .header-logo img {
    display: block;
    width: 100%;
    height: 80px;
    min-height: 0;
    object-fit: contain;
    object-position: left center;
}

.header.ovo-header .main-header .header-nav {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
}

.header.ovo-header .nav-main-menu {
    float: none;
    width: 100%;
}

.header.ovo-header .nav-main-menu > .main-menu {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin: 0;
    padding: 0;
}

.header.ovo-header .nav-main-menu > .main-menu > li {
    flex: 0 0 auto;
    float: none;
    padding: 0;
}

.header.ovo-header .nav-main-menu > .main-menu > li > a {
    padding: 22px 12px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    white-space: nowrap;
}

.header.ovo-header .nav-main-menu > .main-menu > li.has-children > a {
    padding-inline-end: 28px;
}

.header.ovo-header .nav-main-menu > .main-menu > li.has-children > a::after {
    right: auto;
    inset-inline-end: 8px;
}

.header.ovo-header .main-header .header-right {
    flex: 0 0 auto;
    width: auto;
    padding: 0;
    gap: 12px;
    white-space: nowrap;
}

.header.ovo-header .header-right .btn {
    padding: 14px 20px;
    white-space: nowrap;
}

@media (min-width: 1400px) {
    .header.ovo-header .nav-main-menu > .main-menu { gap: 12px; }
}

@media (max-width: 1199px) {
    .header.ovo-header .main-header .header-left { gap: 16px; min-height: 88px; }
    .header.ovo-header .main-header .header-right { order: 2; margin-inline-start: auto; }
    .header.ovo-header .main-header .header-nav { order: 3; flex: 0 0 28px; width: 28px; }
    .header.ovo-header .header-nav .burger-icon { position: relative; inset: auto; transform: none; margin: 0; }
    .header.ovo-header .header-logo img { height: 64px; }
}

@media (max-width: 575px) {
    .header.ovo-header > .container { width: calc(100% - 32px); }
    .header.ovo-header .main-header .header-logo { flex-basis: 150px; width: 150px; max-width: 150px; }
    .header.ovo-header .main-header .header-left { min-height: 80px; padding: 8px 0; }
}