.section-block-demo66-header {
    background: 0 0;
    box-shadow: none;
    padding: 10px 0
}

.section-block-demo66-header .layout {
    padding: 0 3.8%
}

.section-block-demo66-header.fixed-nav {
    background-color: rgba(14, 33, 108, .52)
}

.section-block-demo66-header .logo img {
    height: 4.5rem;
    max-width: 21rem
}

.section-block-demo66-header .head-top {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end;
    padding: 0 4.2% 7px
}

.section-block-demo66-header .head-top .head-sns {
    padding: 10px 0 0
}

.section-block-demo66-header .head-top .head-sns li {
    position: relative;
    list-style: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .3);
    margin-left: 24px;
    padding: 10px 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -ms-transition: all .3s ease
}

.section-block-demo66-header .head-top .head-sns li a img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.section-block-demo66-header .head-top .head-sns li:hover {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.section-block-demo66-header .head-bottom {
    padding: 5px 4.2% 0
}

.section-block-demo66-header .nav {
    -webkit-box-pack: right;
    -webkit-justify-content: right;
    -ms-flex-pack: right;
    justify-content: right
}

.section-block-demo66-header .nav>li {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 28px
}

.section-block-demo66-header .nav>li>a {
    padding: 5px 8px;
    color: #fff
}

.section-block-demo66-header[search-style=search-style-1][search-placeholder-color=placeholder-color-white] .search .form-control {
    font-size: 12px;
    border-width: 0 0 1px 0;
    border-color: #fff;
    border-radius: 0;
    padding-left: 0
}

.section-block-demo66-header[search-style=search-style-1][search-placeholder-color=placeholder-color-white] .search .btn-search svg {
    fill: #fff
}

.section-block-demo66-header[search-style=search-style-1][search-placeholder-color=placeholder-color-white] .search .form-control::-webkit-input-placeholder {
    opacity: 1
}

.section-block-demo66-header[search-style=search-style-1][search-placeholder-color=placeholder-color-white] .search .form-control::-moz-placeholder {
    opacity: 1
}

.section-block-demo66-header[search-style=search-style-1][search-placeholder-color=placeholder-color-white] .search .form-control:-ms-input-placeholder {
    opacity: 1
}

.section-block-demo66-header[search-style=search-style-1][search-placeholder-color=placeholder-color-white] .search .form-control::placeholder {
    opacity: 1
}

.section-block-demo66-header .change-language {
    margin-left: 33px;
    font-size: 16px
}

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

@media only screen and (max-width:1600px) {
    .section-block-demo66-header .nav>li {
        margin: 0 10px
    }
}

@media only screen and (max-width:1280px) {
    .section-block-demo66-header .nav {
        padding: 0 1rem
    }

    .section-block-demo66-header .logo img {
        max-width: 11rem
    }

    .section-block-demo66-header .nav>li {
        margin: 0 5px
    }

    .section-block-demo66-header .change-language {
        margin-left: 10px
    }
}

@media only screen and (max-width:992px) {

    .section-block-demo66-header .head-bottom,
    .section-block-demo66-header .head-top {
        display: none
    }

    .section-block-demo66-header .logo img {
        max-width: 8rem
    }
}