//-----------------------------------
// HEADER 3
//-----------------------------------
@media screen and (min-width:1370px) {
    header.noo-main-header.header-3 .noo-header-nav-wrapper.nav-fullwith {
        padding-left: @header_3_nav_layout_padding;
        padding-right: @header_3_nav_layout_padding;
    }
}
header.header-3 {
    position: relative;
    background-color: @header_3_nav_bg_color;
    .noo-header-nav-wrapper {
        position: relative;
        height: @header_height_header3;
        .transition(all 0.35s ease 0s);
        .container {
            .noo-header-wrapper {
                .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 {
                                    padding-top: 0;
                                    padding-bottom: 0;
                                    line-height: @header_height_header3;
                                    @media(max-width: 1199px) {
                                        padding:0 5px;
                                    }
                                }
                            }
                        }
                    }
                    .header-customize {
                        line-height: @header_height_header3;
                    }
                }
            }
        }
        &.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;
                    }
                }
            }
        }
        &.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_3_nav_bg_color;
        }
    }
}