.site-header.teepro-header-2 {
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, .1);
    .middle-section {
        display: flex;
    }
    .main-nav-wrap {
        display: flex;
        flex: 1 1 0;
        justify-content: center;
        align-items: center;
    }
    .nb-header-sub-menu>li:last-child>a {
        padding-right: 0;
    }
    .top-section-wrap {
        .text-section {
            flex: 1;
            font-size: 16px;
            .start_design {
                font-size: 16px;
                font-weight: bold;
                &:hover {
                    text-decoration: underline;
                }
            }
        }
        .header_top_right_menu {
            padding-right: 10px;
            font-size: 16px;
            ul {
                margin: 0;
                padding: 0;
            }
            .user-menu {
                right: 50%;
                transform: translateX(50%);
                &::before {
                    right: 50%;
                }
            }
        }
        .sub-navigation {
            .nb-header-sub-menu {
                >li {
                    &:not(:last-child) {
                        >a {
                            border-right: 0 none;
                        }
                    }
                }
			}
			.menu-menu-top-left-container {
				~ .WOOCS_SELECTOR {
					.dd-selected{
						border-left:none;
					}
				}
			}
        }
        @include media-breakpoint-down(xs) {
            .top-section {
                justify-content: flex-end;
                .sub-navigation {
                    display: none;
                }
                .header_top_right_menu {
                    padding-right: 0;
                    &:before {
                        display: none;
                    }
                }
            }
        }
    }
    &.header-mobile {
        .main-logo {
            display: flex;
            flex: 1;
            order: 1;
        }
        .main-nav-wrap {
            flex: none;
            order: 3;
            padding-left: 15px;
            .nb-navbar {
                margin: 0
            }
        }
        .icon-header-section {
            order: 2;
        }
        .top-section-wrap {
            .top-section {
                justify-content: center;
                .text-section {
                    display: none;
                }
            }
        }
    }
    &.header-desktop {
        .middle-section-wrap {
            .main-nav-wrap {
                .nb-navbar {
                    >li {
                        &.menu-item {
                            >a {
                                >span {
                                    position: relative;
                                    padding-bottom: 5px;
                                    &::after {
                                        content: '';
                                        position: absolute;
                                        left: 0;
                                        bottom: 0;
                                        right: 0;
                                        top: 0;
                                        border-bottom-width: 1px;
                                        border-bottom-style: solid;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}