.section-block-demo12-header .header-top {
    background-color: #ebedec
}

.section-block-demo12-header .header-top .layout {
    height: 57px
}

.section-block-demo12-header .head-contact li {
    margin-right: 0
}

.section-block-demo12-header .head-contact li+li {
    margin-left: 2rem
}

.section-block-demo12-header .head-contact,
.section-block-demo12-header .head-contact a {
    color: var(--bs-theme-color);
    font-size: 1.5rem
}

.section-block-demo12-header .head-contact svg {
    color: currentColor;
    fill: currentColor
}

.section-block-demo12-header .header-center {
    background-color: #fff
}

.section-block-demo12-header .header-center .layout {
    height: 110px
}

.section-block-demo12-header .header-bottom {
    background-color: var(--bs-sec-theme-color)
}

.section-block-demo12-header .header-center .btn,
.section-block-demo12-header .header-center .search {
    margin-right: 8rem
}

.section-block-demo12-header .header-center .search {
    margin-left: auto
}

.section-block-demo12-header .btn {
    padding: 0;
    font-size: 2rem
}

.section-block-demo12-header .btn[btn-hover-animation=btn-ani-style1][btn-reverse-position=reverse-position]:hover i.la {
    margin-right: 5px
}

.section-block-demo12-header .btn[btn-hover-animation=btn-ani-style1]:hover i.la {
    transform: unset
}

.section-block-demo12-header .nav>li {
    margin: 0 1.5rem
}

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

.section-block-demo12-header .nav {
    padding: 0;
    justify-content: center
}

.section-block-demo12-header[search-style=search-style-1] .search form {
    position: relative;
    padding: 0 3rem 0 0;
    border-radius: 30px;
    background-color: var(--bs-theme-color)
}

.section-block-demo12-header[search-style=search-style-1] .search .form-control {
    margin: 0;
    padding: 0 17px;
    width: 313px;
    height: 40px;
    border: 2px solid var(--bs-theme-color);
    border-radius: 30px;
    background-color: #fff;
    color: #000;
    font-size: 16px;
    line-height: 36px
}

.section-block-demo12-header[search-style=search-style-1] .search .btn-search {
    width: 3.5rem
}

.section-block-demo12-header[search-style=search-style-1] .search svg {
    fill: #fff
}

.section-block-demo12-header.fixed-nav {
    top: -167px
}


@media (max-width:1550px) {

    .section-block-demo12-header .head-contact,
    .section-block-demo12-header .head-contact a {
        font-size: 1.2rem
    }

    .section-block-demo12-header .header-center .btn,
    .section-block-demo12-header .header-center .search {
        margin-right: 5rem
    }

    .section-block-demo12-header[search-style=search-style-1] .search .form-control {
        width: 275px
    }

    .section-block-demo12-header .btn {
        font-size: 1.7rem
    }
}

@media (max-width:1366px) {

    .section-block-demo12-header .head-contact,
    .section-block-demo12-header .head-contact a {
        font-size: 1rem
    }

    .section-block-demo12-header .header-center .btn,
    .section-block-demo12-header .header-center .search {
        margin-right: 3rem
    }

    .section-block-demo12-header[search-style=search-style-1] .search .form-control {
        width: 245px
    }

    .section-block-demo12-header .btn {
        font-size: 1.5rem
    }
}
@media (max-width:992px) {
    .section-block-demo12-header .header-outer-wrap {
        display: none
    }
}