.section-block-demo54-header.section-header-wrap-block .nav>li li a,
.section-block-demo54-header.section-header-wrap-block .nav[data-module]>li:not([data-sub-type]) li a {
    color: #000
}

.section-block-demo54-header[head-active-bg=head-ac-bg][head-active-style="1"][head-active-bg-ani=head-ac-bg-an4] .nav>li>a::after {
    height: 5px;
    bottom: 0;
    margin: 0 2px;
    transform: skew(30deg) translate(-50%)
}

.section-block-demo54-header .header-nav>.sns>.sns-items span {
    padding-right: 24px
}

.section-block-demo54-header .header-nav>.sns>.sns-items a {
    padding: 0 10px
}

.section-block-demo54-header .header-nav>.sns>.sns-items {
    order: 1;
    padding: 0 0 0 4vw;
    width: 25vw
}

.section-block-demo54-header .header-nav>.sns>.sns-desc {
    order: 3;
    padding: 0 5vw;
    width: 25vw;
    text-wrap: nowrap
}

.section-block-demo54-header .header-nav>.sns::after {
    content: '';
    width: 13vw;
    order: 2
}

.section-block-demo54-header .header-nav>.sns {
    border-bottom: 1px solid #3e3d41;
    padding: 12px 0 11px;
    color: #b6b6b6;
    justify-content: space-between
}

.section-block-demo54-header .header-nav {
    position: relative;
    transform: translate(2vw)
}

.section-block-demo54-header .header-nav::after {
    content: '';
    position: absolute;
    right: 4px;
    width: 1px;
    height: 100%;
    background-color: #3e3d41;
    transform: skew(-15deg)
}

.section-block-demo54-header .header-nav::before {
    content: '';
    position: absolute;
    left: 4px;
    width: 1px;
    height: 100%;
    background-color: #3e3d41;
    transform: skew(15deg)
}

.section-block-demo54-header .logo img {
    width: 9vw
}

.section-block-demo54-header.section-header-wrap-block .change-language .change-language-title {
    color: #fff
}

.section-block-demo54-header .logo {
    background: top/100% url(https://ecdn6.globalso.com/upload/m/image_other/2024-05/logo-bg.png) no-repeat;
    padding: 2vw 2vw;
    width: 13vw;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 2;
    transform: translate(-50%)
}

.section-block-demo54-header .nav>li>a {
    line-height: 56px
}

@media screen and (max-width:992px) {
    .section-block-demo54-header .layout {
        display: none
    }

    .section-block-demo54-header .logo img {
        width: 160px
    }

    .section-block-demo54-header .logo {
        padding: 10px 20px;
        width: 200px
    }
}

@media screen and (max-width:480px) {
    .section-block-demo54-header .logo img {
        width: 80px
    }

    .section-block-demo54-header .logo {
        padding: 0;
        width: 120px
    }
}

@media (min-width:993px) {
    .section-block-demo54-header[search-style=search-style-2] .search-dropdown-menu .form-control::placeholder {
        color: #000
    }

    .section-block-demo54-header .nav>li>a {
        color: #fff
    }

    .section-block-demo54-header .search {
        margin-left: 3vw
    }

    .section-block-demo54-header .change-language {
        margin-right: 3vw
    }

    .section-block-demo54-header .header-nav .nav {
        justify-content: space-around
    }

    .section-block-demo54-header .header-nav .nav>li>a {
        overflow: visible
    }

    .section-block-demo54-header .header-nav .nav>li:last-child {
        margin-right: 5vw
    }

    .section-block-demo54-header .header-nav::after {
        right: 1px
    }

    .section-block-demo54-header .header-nav::before {
        left: 1px
    }

    .section-block-demo54-header .header-nav>.sns>.sns-items a {
        padding: 0
    }

    .section-block-demo54-header .header-nav>.sns>.sns-desc {
        padding: 0;
        text-align: center
    }

    .section-block-demo54-header .header-nav>.sns>.sns-items {
        padding: 0 2vw;
        display: flex;
        justify-content: space-around
    }
}

@media screen and (max-width:1200px) {
    .section-block-demo54-header .nav>li>a {
        line-height: 30px
    }

    .section-block-demo54-header .header-nav::after {
        right: -2px
    }

    .section-block-demo54-header .header-nav::before {
        left: -2px
    }

    .section-block-demo54-header .header-nav>.sns {
        padding: 10px 0
    }

    .section-block-demo54-header .header-nav .nav {
        padding: 0 1rem
    }

    .section-block-demo54-header .header-nav>.sns>.sns-desc {
        text-align: right;
        width: 30vw
    }
}