.section-header-wrap-block.section-block-demo11-header .change-language .change-language-title {
    color: var(--bs-body-bg)
}

.section-block-demo11-header[head-position=position-fixed] {
    padding: 20px 0;
    width: 100%
}

.section-block-demo11-header[data-screen=screen-xxl] .layout {
    width: 84.1%
}

.section-block-demo11-header.fixed-nav[head-position=position-fixed] {
    background-color: rgba(0, 0, 0, .6)
}

.section-block-demo11-header .header-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex: 1;
    border-bottom: 2px solid rgb(255, 255, 255, .5);
    padding: 0;
    transition: all .3s linear
}

.section-block-demo11-header.fixed-nav-active .header-row {
    border: 2px solid transparent
}

.section-header-wrap-block.section-block-demo11-header .nav {
    padding: 0;
    flex: 1
}

.section-block-demo11-header.section-header-wrap-block {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.section-block-demo11-header.section-header-wrap-block .nav>li>a {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    line-height: 45px;
    padding: 0
}

.section-block-demo11-header .nav>li:nth-child(n+2) {
    margin-left: 31px
}

.section-block-demo11-header .search-toggle svg {
    filter: brightness(0) invert()
}

.section-block-demo11-header[head-active-bg=head-ac-bg][head-active-style="4"] .nav>li>a::after {
    bottom: 0
}

.section-block-demo11-header[head-active-bg=head-ac-bg][head-active-style="4"][head-active-bg-ani=head-ac-bg-an3] .nav>li.active>a::after,
.section-block-demo11-header[head-active-bg=head-ac-bg][head-active-style="4"][head-active-bg-ani=head-ac-bg-an3] .nav>li:hover>a::after {
    width: 100%
}

.section-block-demo11-header .search {
    margin-left: 31px
}

.section-block-demo11-header .change-language .change-after {
    display: block;
    width: 2px;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: -13px
}

@media only screen and (max-width:1680px) {
    .section-block-demo11-header[data-screen=screen-xxl] .layout {
        width: 95%
    }

    .section-block-demo11-header .nav>li:nth-child(n+2) {
        margin-left: 10px
    }

    .section-block-demo11-header .logo img {
        height: 2rem
    }

    .section-block-demo11-header .header-box {
        flex: 1;
        padding: 0 15px
    }

    .section-block-demo11-header .logo {
        padding: 0 10px
    }
}

@media only screen and (max-width:1366px) {
    .section-block-demo11-header.section-header-wrap-block .nav>li>a {
        font-size: 14px
    }
}

@media only screen and (max-width:1080px) {
    .section-block-demo11-header .nav>li {
        font-size: 12px;
        margin-left: 5px
    }

    .section-block-demo11-header.section-header-wrap-block .nav>li>a {
        font-size: 12px
    }

    .section-block-demo11-header .search {
        margin-left: 0
    }

    .section-block-demo11-header .logo img {
        height: 1rem
    }
}

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

    .section-block-demo11-header .mobile-head-logo .logo {
        display: block
    }

    .section-block-demo11-header .header-box {
        display: none
    }

    .section-block-demo11-header .mobile-head-logo .logo img {
        height: 4rem;
        width: auto;
        padding: 10px 0
    }

    .section-block-demo11-header[head-position=position-fixed] {
        background-color: rgba(0, 0, 0, .6) !important;
        position: fixed
    }

    .section-block-demo11-header.fixed-nav-active[head-position=position-fixed] {
        background-color: rgba(206, 200, 184, .5) !important;
        box-shadow: 0 0 8px rgba(0, 0, 0, .2)
    }

    .section-block-demo11-header[head-position=position-fixed] {
        padding: 0
    }

    .section-block-demo11-header.section-header-wrap-block .mobile-head-items.layout {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media only screen and (max-width:522px) {
    .section-block-demo11-header .mobile-head-logo .logo img {
        height: 2rem
    }
}