.section-block-demo3-header .nav>li>a {
    line-height: 22px
} 
@media (min-width:993px) {
    .section-block-demo3-header .nav[data-module]>li:not([data-sub-type]) li a b {
        top: 50%
    }
    .section-block-demo3-header .logo {
        text-align: center;
        flex: 1
    }

    .section-block-demo3-header .nav-toggle {
        color: #fff;
        cursor: pointer
    }

    .section-block-demo3-header .nav-toggle:after {
        display: none
    }

    .section-block-demo3-header .nav-toggle .la:after {
        content: "\f0c9";
        font-size: 2rem
    }

    .section-block-demo3-header .nav-menu {
        display: block;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, .95);
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99;
        padding: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        overflow: hidden;
        border: none
    }
    [head-nav-active] .section-block-demo3-header .nav-menu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    [head-nav-active] .section-block-demo3-header .nav {
        opacity: 1
    }

    .section-block-demo3-header .nav {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        padding: 4% 0;
        margin: 0 auto;
        overflow: hidden;
        overflow-y: auto;
        text-align: center;
        opacity: 0;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        -webkit-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s
    }

    .section-block-demo3-header .nav::-webkit-scrollbar {
        width: 1rem;
        height: 1rem
    }

    .section-block-demo3-header .nav::-webkit-scrollbar-thumb {
        background-color: #6c6c6e
    }

    .section-block-demo3-header .nav>li {
        position: relative;
        display: block;
        margin: 0 auto;
        line-height: 2em;
        max-width: 400px
    }

    .section-block-demo3-header .nav>li>a {
        position: relative;
        color: #fff;
        font-size: 1.7rem;
        line-height: 2em;
        margin-bottom: -1px;
        padding: .7rem 1.8rem;
        text-transform: uppercase;
        border: 1px solid #3f3f3f
    }

    .section-block-demo3-header .nav li a b {
        position: absolute;
        top: 50%;
        right: 1rem;
        width: 24px;
        height: 24px;
        margin-top: -12px;
        border-radius: 50%;
        background: #333;
        text-align: center;
        line-height: 24px;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        transition-delay: 0s
    }

    .section-block-demo3-header .nav li,
    .section-block-demo3-header .nav li a {
        position: relative
    }

    .section-block-demo3-header .nav li .desc,
    .section-block-demo3-header .nav li .ico {
        display: none
    }

    .section-block-demo3-header .nav li a b svg {
        position: absolute;
        top: 50%;
        margin: 0;
        margin-top: -6px;
        margin-left: -6px;
        width: 12px;
        height: 12px;
        fill: #fff
    }

    .section-block-demo3-header .nav>li>a b {
        transform: rotate(-90deg)
    }

    .section-block-demo3-header .nav li li[active]>a b,
    .section-block-demo3-header .nav>li[active]>a b {
        transform: rotate(0)
    }

    .section-header-wrap-block.section-block-demo3-header .nav>li>a b svg {
        fill: #fff
    }

    .section-block-demo3-header .nav>li ul {
        position: relative;
        top: unset !important;
        left: unset !important;
        display: none;
        visibility: visible;
        width: 100%;
        border-top: none;
        background: 0 0;
        box-shadow: none;
        text-align: center;
        opacity: 1;
        transition: unset;
        transform: unset !important
    }

    .section-block-demo3-header .nav>li ul ul {
        padding-top: 6px;
        padding-bottom: 0
    }

    .section-block-demo3-header .nav>li>ul li {
        padding: 6px 1rem;
        border-bottom: 0
    }

    .section-block-demo3-header .nav>li ul li a {
        color: #fff;
        text-transform: capitalize;
        font-size: 1.2rem
    }

    .section-block-demo3-header .nav>li ul li li a {
        font-size: 1.1rem;
        color: #aaa
    }

    .section-block-demo3-header .nav>li ul li li li a {
        font-size: 1rem
    }

    .section-block-demo3-header .nav li:hover>a {
        color: #fff;
        opacity: .8
    }

    .section-block-demo3-header .nav-toggle-close {
        position: absolute;
        top: 1rem;
        left: 0rem;
        color: #fff;
        font-size: 3rem;
        cursor: pointer;
        z-index: 9;
        opacity: 0;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease
    }

    [head-nav-active] .section-block-demo3-header .nav-toggle-close {
        opacity: 1;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s
    }

    .section-block-demo3-header .nav-toggle-close .la::after {
        content: "\f057"
    }

    .section-block-demo3-header .change-language {
        padding-left: 1.5rem;
        border-left: 2px solid rgba(255, 255, 255, .8)
    }

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

    .section-block-demo3-header .change-language .change-language-title svg,
    .section-block-demo3-header .search .search-toggle svg {
        fill: #fff
    }

    .section-block-demo3-header .nav {
        max-width: unset
    }

    .section-block-demo3-header .nav,
    .section-block-demo3-header .nav>li ul {
        text-align: left
    }

    .section-block-demo3-header .nav>li>a {
        padding: .5rem;
        font-size: 1rem
    }

    .section-block-demo3-header .nav li a b {
        background-color: transparent
    }

    .section-block-demo3-header .nav>li {
        max-width: 100%
    }

    .section-block-demo3-header .nav>li>a b {
        transform: rotate(0)
    }

    .section-header-wrap-block.section-block-demo3-header .nav>li ul,
    .section-header-wrap-block.section-block-demo3-header .nav>li>a,
    .section-header-wrap-block.section-block-demo3-header .nav>li>ul li {
        padding-left: 5px;
        padding-right: 0;
        border: none
    }

    .section-block-demo3-header .logo {
        filter: brightness(0)
    }

    .section-block-demo3-header .mobile-head-item .nav {
        position: relative
    }

    .section-header-wrap-block.section-block-demo3-header .nav>li {
        margin: 0
    }

    .section-header-wrap-block.section-block-demo3-header .nav li a b {
        right: 0;
        top: 20px
    }

    .section-block-demo3-header .nav>li ul li li a {
        font-size: 13px
    }
}
 
@media (max-width:993px) {
    .section-block-demo3-header .layout:not(.mobile-head-items){display:none;}
}