
.header.style-24 .header-top{
    border-bottom: 1px solid #3f3f3f;
    color: #868686;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 0.17em;
    padding: 15px 20px;
    text-align: center;
}
.header.style-24 .header-top p{
    margin: 0;
}
.header.style-24 .header-mid{
    position: relative;
}
.header.style-24 .top-bar-menu::before,
.header.style-24 .top-bar-menu::after,
.header.style-24 .header-mid .header-right::before,
.header.style-24 .header-mid .header-right::after{
    display: table;
    content: '';
    clear: both;
}
.header.style-24 .top-bar-menu{
    margin: 0;
}
.header.style-24 .top-bar-menu > li{
    float: left;
    border: 1px solid #3f3f3f;
    margin: -1px 0 0 -1px;
}
.header.style-24 .top-bar-menu > li > a,
.header.style-24 .header-mid .header-right > * > a > .text{
    display: inline-block;
    vertical-align: top;
    padding: 10px calc(20px - 0.17em) 10px 20px;
    font-size: 12px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 0.17em;
}
.header.style-24 .top-bar-menu > li > a:not(:hover),
.header.style-24 .header-mid .header-right > * > a:not(:hover){
    color: #fff;
}
.header.style-24 .header-mid .header-right > *{
    float: left;
    border: 1px solid #3f3f3f;
    margin: -1px -1px 0 0;
}
.header.style-24 .header-mid .header-right > * > a{
    font-size: 0;
    line-height: 0;
}
.header.style-24 .header-mid .header-right > * > a .icon{
    display: none;
}
.header.style-24 .header-mid .header-right .block-minicart{
    margin-right: 0;
    border-right: none;
}
.header.style-24 .block-minicart .woo-cart-link .count{
    position: static;
    display: inline-block;
    vertical-align: top;
    min-width: 50px;
    height: auto;
    font-size: 12px;
    line-height: 30px;
    border-radius: 0;
    padding: 10px;
}
.header.style-24 .header-bot{
    position: relative;
    background-color: #fff;
    margin-top: -1px;
}
.header.style-24 .logo{
    padding: 10px 0;
}
.header.style-24 .header-bot .header-right > * > a{
    font-size: 20px;
    line-height: 30px;
    padding: 35px 30px;
}
.header.style-24 .box-header-nav .main-menu > .menu-item > a{
    padding: 35px 13px;
}
.header.style-24 .box-header-nav .main-menu > .menu-item > a .label-image{
    left: calc(100% - 13px);
}
.header.style-24 .block-search.style-02 .search-form{
    min-height: 100vh;
}
@media (min-width: 768px){
    .header.style-24 .header-mid::before,
    .header.style-24 .header-mid::after{
        display: table;
        content: '';
        clear: both;
    }
    .header.style-24 .header-mid .header-left{
        float: left;
        margin-right: -1px;
    }
    .header.style-24 .header-mid .header-right{
        float: right;
        margin-left: -1px;
    }
    .header.style-24 .header-bot .header-inner{
        display: table;
        width: 100%;
    }
    .header.style-24 .header-bot .header-inner > *{
        display: table-cell;
        vertical-align: middle;
    }
    .header.style-24 .header-bot .header-left{
        width: 210px;
    }
    .header.style-24 .header-bot .header-center{
        text-align: center;
    }
    .header.style-24 .header-bot .header-right{
        text-align: right;
    }
    .header.style-24 .header-bot .header-right > *{
        text-align: left;
    }
    .header.style-24 .header-bot .header-right > .block-menu-bar > a{
        padding-right: 0;
    }
}
@media (min-width: 1200px){
    .header.style-24 .header-bot .header-right > .block-search > a{
        padding-right: 0;
    }
    .header.style-24 .block-search.style-02 .woo-search-link::before,
    .header.style-24 .block-search.style-02 .woo-search-link::after{
        left: 25px;
    }
}
@media (max-width: 991px){
    .header.style-24 .header-bot .header-right > * > a{
        padding: 30px 25px;
    }
}
@media (max-width: 767px){
    .header.style-24 .header-top{
        padding: 10px 15px;
    }
    .header.style-24 .top-bar-menu,
    .header.style-24 .header-mid .header-right{
        display: table;
        margin: auto;
    }
    .header.style-24 .top-bar-menu > li > a,
    .header.style-24 .header-mid .header-right > * > a > .text{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .header.style-24 .block-minicart .woo-cart-link .count{
        padding: 5px 10px;
        width: 40px;
    }
    .header.style-24 .header-bot{
        text-align: center;
        padding: 5px 0;
    }
    .header.style-24 .header-bot .header-right > * > a{
        padding-top: 5px;
        padding-bottom: 5px;
    }
}