@media (min-width: 1440px) {
    .navigation-bar {
        display: flex;
        flex-direction: row;
        gap: 1vw;
        padding: 19px 17px 15px;
        align-items: center;
        color: #000;
        position: sticky;
        top: 0;
        background-color: white;
    }

    .navigation-bar > .navigation-bar__logo {
        font-size: 0;
    }

    .navigation-bar > .navigation-bar__logo > img {
        height: 30px;
        margin-bottom: 4px;
    }

    .navigation-bar > .navigation-bar__download {
        margin-left: auto;
        display: flex;
        flex-direction: row;
        gap: 0.5vw;
    }

    .navigation-bar > .navigation-bar__download > a {
        font-size: 16px;
        color: white;
        font-family: Sarabun, sans-serif;
        font-weight: 700;
        margin-left: auto;
        background-color: #FF5000;
        padding: 0.4em 1.5em;
        border-radius: 30px;
        border: 1px solid #FF5000;
        cursor: pointer;
    }

    .navigation-bar > .navigation-bar__download > a:hover {
        color: white;
        background-color: #dd4600;
        border: 1px solid #dd4600;
    }

    .navigation-bar > .navigation-bar__hamburger {
        display: none;
    }

    .navigation-bar-menu {
        display: flex;
        flex-direction: row;
        gap: 1.5vw;
        list-style: none;
    }

    .navigation-bar-menu > .navigation-bar-menu__item > a:hover {
        color: #FF5000;
    }

    .navigation-bar-menu > .navigation-bar-menu__item--active > a {
        color: #FF5000;
    }

    .hamburger-menu {
        display: none;
    }
}

@media (max-width: 1439px) {
    .navigation-bar {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 0 20px;
        height: 56px;
        background-color: #fff;
        top: 0;
        position: sticky;
    }

    .navigation-bar > .navigation-bar__logo {
        font-size: 0;
    }

    .navigation-bar > .navigation-bar__logo > img {
        width: 100px;
    }

    .navigation-bar > .navigation-bar__menu {
        display: none;
    }

    .navigation-bar > .navigation-bar__download {
        display: none;
    }

    .navigation-bar > .navigation-bar__hamburger {
        font-size: 0;
    }

    .navigation-bar > .navigation-bar__hamburger > img {
        width: 24px;
        height: auto;
    }

    .hamburger-menu {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        background-color: rgba(0, 0, 0, 0.25);
        width: 100vw;
        height: 100vh;
    }

    .hamburger-menu-content {
        display: grid;
        grid-template:
          "logo close" 40px
          "links links" 1fr
          "download download" auto;
        padding: 24px;
        border-radius: 30px 0 0 30px;
        width: 304px;
        margin-left: auto;
        background-color: white;
        height: 100vh;
    }

    .hamburger-menu-content > .hamburger-menu-content__logo {
        grid-area: logo;
        height: 24px;
        align-self: center;
    }

    .hamburger-menu-content > .hamburger-menu-content__close {
        grid-area: close;
        text-align: right;
        align-self: center;
        font-size: 0;
    }

    .hamburger-menu-content > .hamburger-menu-content__links {
        grid-area: links;
    }

    .hamburger-menu-content > .hamburger-menu-content__download {
        grid-area: download;
    }

    .hamburger-menu-content-links {
        list-style: none;
        display: flex;
        flex-direction: column;
        margin: 24px 0 16px;
        border-bottom: 1px solid #E8E8E8;
    }

    .hamburger-menu-content-links > .hamburger-menu-content-links__item {
        font-family: 'Prompt', sans-serif;
        height: 48px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        font-size: 16px;
        font-weight: 500;
    }

    .hamburger-menu-content-links > .hamburger-menu-content-links__item--active {
        color: #FF5000;
    }

    .hamburger-menu-content-links > .hamburger-menu-content-links__item::after {
        content: '';
        background-image: url(/wp-content/themes/etomo/assets/image/common/icon/right-arrow-gray.png?rev=202510151957);
        width: 6px;
        height: 10px;
    }

    .hamburger-menu-content-download {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .hamburger-menu-content-download > .hamburger-menu-content-download__title {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }

    .hamburger-menu-content-download > .hamburger-menu-content-download__button {
        font-size: 14px;
        color: white;
        font-weight: 700;
        background-color: #FF5000;
        padding: 0.7em 2em;
        border-radius: 1000px;
        text-decoration: none;
        border: 1px solid #FF5000;
        text-align: center;
        width: 100%;
    }
}