.site-header.teepro-header-3 {
		box-shadow: 0px 2px 5px 0px rgba(0,0,0,.1);
	.middle-section {
      display: flex;
      align-items: center;
	}
	.main-nav-wrap {
		flex: 1 1 0;
	
	}

	.nb-header-sub-menu > li:last-child > a {
	  padding-right: 0;
	}
	.top-section-wrap{
        border-bottom: 1px solid #eeeeee;
	  .header_top_right_menu{
			padding-right: 10px;
					font-size: 16px;
				ul{
					padding: 0;
					margin: 0;
				}
		}

		.sub-navigation{
			
			.nb-header-sub-menu {
				>li{
					>a{
						border-left: 1px solid #fff;
					}
					
					&:not(:last-child){
						>a{
							border-right: 0 none;
						}
					}
				}
			}
		}
		.user_submenu{
			display: flex;
			align-items: center;
		}
		@include media-breakpoint-down(xs){
			.top-section{
				//justify-content: flex-end;
				.sub-navigation{
					display: none;
				}
			}
		}
	}

	&.header-mobile{
		.main-logo {
				display: flex;
		} 
		.main-nav-wrap{
				flex: none;
				order: 3;
				.mobile-toggle-button{
					line-height: 1;
				}
				.nb-navbar{
					margin: 0
			}
		}
		.icon-header-section{
				order: 2;
				margin-right: 15px;
        }
        .top-section-wrap{
            .top-section{
                .text-section{
                    display: none;
                }
                @include media-breakpoint-down(sm){
                   .sub-navigation{
                       display: none;
                   }
                   .header_top_right_menu{
                       padding-right: 0;
                   }
                }
            }
        }
        .middle-section-wrap{
            .middle-section{
                justify-content: flex-end;
            }
        }
       
    }
  
}
