.headerTop{ background: #4377bc;	 color: #fff; padding: 5px; }
.tpLeft{font-size: 11px;margin-top: 7px;}
.tpLeft .fa-home{    font-size: 20px; vertical-align: middle; margin-top: -2px;}
.headerTop a{color:#fff;}
.headerTop ul{list-style: none; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin: 0px}
.headerTop ul li{margin-left: 20px; font-size: 20px;}
.tpLeft{float: left;}

.headerMiddle {display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.headerMiddle .homepage-image{width: 140px}
  
  .navbar-default, .header_view{background: none;  background: #4377bc !important; border-top:7px solid #b5d443 !important;}
  #main-navigation ~ nav #navigationUser a{line-height: 30px; border-radius:0; }
 #main-navigation a:hover,  #navigationUser a:hover{background: #b5d443}
 
 @media screen and (max-width:768px){
     .headerMiddle{flex-direction:column;}
      .pkp_structure_main{
      width:100%;
  }
  #sidebar{width:100%; margin-top:40px;}
 }
 
  @media screen and (max-width:448px){
      .headerTop ul{width:100%;margin: 0px;
    padding: 0px;justify-content: center;
    border-top: 1px solid #ffffff57;
    margin-top: 36px;
    padding-top: 6px;
    }
  }