& when (@media-common = true) {
    .page-header {
        background-color: @color-white;
        border: 0px;
        margin-bottom: 0px;

        .header {
            &.content {
                min-height: 85px;
                font-family: @font-family-header-name__base;
                .minicart-wrapper {
                    z-index: 102;
                    .block-minicart {
                        z-index: 102;
                    }
                    .action.showcart {
                        .counter.qty {
                            background-color: @color-secondary;
                        }
                    }
                }

                .nav-sections {
                    background-color: @color-white;

                    .nav-sections-items {
                        .nav-sections-item-content {
                            padding: 10px 0;
                        }
                        // ves store menu
                        #store\.menu {
                            .ves-megamenu {

                            }
                        }
                    }
                }
            }

            .navigation {
                background-color: transparent;

                ul.ui-menu {
                    li.ui-menu-item {
                        a {
                            .navigation-text-style;

                            span.logged-in {
                                color: @color-secondary;
                            }
                        }
                    }
                }
            }
            .block-search {
                .search-btn:before {
                    display: none;
                }
            }
            .logo {
                img {
                    width: 250px;
                    margin-top: 9px;
                }
            }
            #search-btn {
                cursor: pointer;
            }
        }
    }
}

//
//  Mobile (styles-m.css)
//  _____________________________________________
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
    .page-header {
        .header {
            &.content {
                .login-link {
                    display: none;
                }

                .minicart-wrapper {
                    position: absolute;
                    top: 11px;
                    right: 40px;
                }
                .minisearch {
                    label {
                        position: absolute;
                        top: 11px;
                        right: 1px;
                        margin-top: 10px;
                    }
                }

                .nav-sections {
                    .nav-sections-items {
                        .nav-sections-item-title {
                            width: 50%;

                            a.nav-sections-item-switch {
                                color: @color-primary;
                                text-transform: uppercase;
                                font-weight: bold;
                            }
                        }
                        // ves store menu row
                        #store\.menu {
                            .ves-megamenu {
                            }
                        }
                    }
                }
            }
            .logo {
                margin-top: 4px;
            }
        }
    }
}

//
//  Desktop (style-l.css)
//  _____________________________________________
.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    .page-header {
        .panel {
            &.wrapper {
                display: none;
            }
        }

        .header {
            &.content {
                .nav-sections {
                    .nav-sections-items {
                        
                    }
                    // ves store menu row
                    #store\.menu {
                        .ves-megamenu {
                            position: relative;
                            top: -3px;
                            nav.navigation {
                                ul {
                                    li.nav-item {
                                        &.active > a {
                                            background-color: transparent;
                                        }
                                        .submenu.dropdown-menu {
                                            
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
                .login-link {
                    .navigation-text-style;
                    position: relative;
                    float: right;
                    z-index: 10;
                    top: 5px;

                    &.logged {
                        color: @color-secondary;
                    }
                }
                #search_mini_form {
                    display:none;
                }
                #remove_search-btn {
                    display: none;
                }
                .minicart-wrapper {
                    z-index: 102;
                    .block-minicart {
                        z-index: 102;
                    }
                    .action.showcart  {
                        // position: relative;
                        // top: -10px;
                    }
                }
                .block-search {
                    width: auto;

                    .search-btn:before {
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        font-size: 22px;
                        line-height: 28px;
                        color: #555555;
                        content: '\e615';
                        font-family: @icons__font-name;
                        margin: 0;
                        vertical-align: top;
                        display: inline-block;
                        font-weight: normal;
                        overflow: hidden;
                        speak: none;
                        text-align: center;
                    }
                    .minisearch {
                        float: left;
                        width: 90%;

                        button {
                            margin-right: 10%;
                        }
                    }
                    .remove_search-btn:before {
                        float: left;
                        margin-left: 6px;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        font-size: 22px;
                        line-height: 28px;
                        color: #555555;
                        content: '\e616';
                        font-family: @icons__font-name;
                        vertical-align: top;
                        display: inline-block;
                        font-weight: normal;
                        overflow: hidden;
                        speak: none;
                        text-align: center;
                    }
                }
                .block-search-show {
                    float: left;
                    width: 60%;
                }
            }

            .navigation {
                margin: -17px 0 0 0;
            }

            .logo {
                margin-right: 40px;
            }

            #search-btn {
                // position: relative;
                // top: -8px;
            }
        }
    }
}