//-----------------------------------
// HEADER 5
//-----------------------------------
@media screen and (min-width:1370px) {
    header.noo-main-header.header-5 .noo-header-nav-wrapper.nav-fullwith .container {
        padding-left: @header_5_nav_layout_padding;
        padding-right: @header_5_nav_layout_padding;
    }
}
header.header-5 {
    position: relative;
    .noo-header-nav-wrapper {
        position: relative;
        height: @header_height_header3;
        .transition(all 0.35s ease 0s);
        .container {
            .noo-header-wrapper {
                line-height: @header_height_header3;
                .header-left-offcanvas {
                    position: relative;
                    z-index: 2;
                    float: left;
                    .canvas-menu-toggle-wrapper {
                        padding-right: 70px;
                    }
                }
                .header-left {
                    float: left;
                    .header-logo {
                        position: relative;
                        z-index: 1;
                        display: table;
                        height: @header_height_header3;
                        a {
                            display: table-cell;
                            vertical-align: middle;
                            img {
                                max-height: @header_height_header3;
                                @media(max-width: @screen-md-max) {
                                    max-width: 160px;
                                }
                            }
                        }
                    }
                }
                .header-center {
                    float: left;
                    .header-customize {
                        line-height: @header_height_header3;
                        .search-with-category {
                            @media(max-width: 1650px) {
                                width: 200px;
                            }
                        }
                    }
                }
                .header-right {
                    float: right;
                    .menu-wrapper {
                        float: left;
                        .navbar-nav {
                            >li {
                                >a {
                                    color: inherit;
                                    padding-top: 0;
                                    padding-bottom: 0;
                                    line-height: @header_height_header3;
                                    @media(max-width: 1199px) {
                                        padding:0 8px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        #primary-menu {
            position: relative;
            background-color: @header_5_nav_bg_color;
            ul.noo-main-menu {
                >li {
                    >a {
                        font-family: @menu_font;
                        font-size: @menu_font_size;
                        font-weight: @menu_font_weight;
                        line-height: 60px;
                        padding: 0 15px;
                    }
                }
            }
            .sub-menu {
                color: @text_color;
            }
            .container {
                display: table;
                >* {
                    display: table-cell;
                    vertical-align: middle;
                }
                .header-customize-nav {
                    .header-customize-item {
                        margin-left: 20px;
                        float: right;
                    }
                }
            }
            .noo-account {
                >a {
                    line-height: 60px;
                }
            }
        }
        .header-customize {
            ul {
                margin: 0;
                padding: 0;
                list-style: none;
                li {
                    display: inline-block;
                    vertical-align: middle;
                }
                &.noo-customize-info-html {
                    li {
                        padding: 0 20px;
                        text-transform: uppercase;
                        color: @heading_color;
                        span {
                            display: table;
                            line-height: 24px;
                        }
                        b {
                            display: block;
                            font-size: 14px;
                            font-weight: 700;
                        }
                    }
                }
            }
        }
        &.sticky-in {
            .transition(all 0s ease 0s);
        }
        &.sticky-on {
            height: 60px;
            .container {
                .noo-header-wrapper {
                    .header-left-offcanvas {
                        .header-customize {
                            height: 60px;
                        }
                    }
                }
                .header-left {
                    .header-logo {
                        line-height: 60px;
                        height: 60px;
                        img {
                            max-height: 40px;
                            padding-top: 10px;
                            padding-bottom: 10px;
                        }
                    }
                }
                .header-center {
                    .menu-wrapper {
                        #main-menu {
                            &>li {
                                &>a {
                                    padding-top: 0px;
                                    padding-bottom: 0px;
                                }
                            }
                        }
                    }
                    .header-customize {
                        // position: absolute;
                        line-height: 60px;
                    }
                }
                .header-right {
                    float: right;
                    .menu-wrapper {
                        float: left;
                        .navbar-nav {
                            >li {
                                >a {
                                    padding-top: 0;
                                    padding-bottom: 0;
                                    line-height: 60px;
                                    @media(max-width: 1199px) {
                                        padding:0 8px;
                                    }
                                }
                            }
                        }
                    }
                    .header-customize {
                        line-height: 60px;
                    }
                }
            }
            #primary-menu {
                ul.noo-main-menu {
                    >li {
                        >a {
                            line-height: 60px;
                            padding-top: 0;
                            padding-bottom: 0;
                        }
                    }
                }
            }
        }
        &.sticky-out {
            height: 60px !important;
            .container {
                .noo-header-wrapper {
                    .header-left-offcanvas {
                        .header-customize {
                            height: 60px;
                        }
                    }
                }
                .header-left {
                    .header-logo {
                        line-height: 60px;
                        height: 60px;
                        img {
                            max-height: 40px;
                            padding-top: 10px;
                            padding-bottom: 10px;
                        }
                    }
                }
                .header-center {
                    .menu-wrapper {
                        #main-menu {
                            &>li {
                                &>a {
                                    padding-top: 20px;
                                    padding-bottom: 20px;
                                }
                            }
                        }
                    }
                    .header-customize {
                        line-height: 60px;
                    }
                }
                .header-right {
                    float: right;
                    .menu-wrapper {
                        float: left;
                        .navbar-nav {
                            >li {
                                >a {
                                    padding-top: 0;
                                    padding-bottom: 0;
                                    line-height: 60px;
                                    @media(max-width: 1199px) {
                                        padding:0 8px;
                                    }
                                }
                            }
                        }
                    }
                    .header-customize {
                        line-height: 60px;
                    }
                }
            }
        }
    }
    .noo-sticky-wrapper.is-sticky {
        .header-sticky {
            background-color: @header_5_nav_bg_color;
        }
        .noo-header-wrapper {
            display: none;
        }
    }
}