header {
    background-color: #ffffff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
    position: sticky; /* Make the header sticky */
    top: 0; /* Stick to the top of the viewport */
    z-index: 1000; /* Ensure the header is above other content */
  
  }





.menu{
    z-index: 15;
    margin-right: 2px;
}

.menu-bar{
align-content: center;
justify-items:end; 
padding-top: 10px;
padding-right: 0px;
}

.menu-bar-text :hover{
  color: #adcce9;
}
.menu-text{
  padding:10px 16px !important;
}

.u-menu-bar{
  align-content: center;
  justify-items:end;
  padding-top: 5px;
  padding-right: 10px;
}


/******************************************************************/


/*-------------------------------------*/
/*             Company Name            */
/*------------------------------------*/

.mininame{
  display: block;
}
 .deskname{
  display:none;
 }

@media(min-width:1300px){
  .mininame{
    display: none;
  }
   .deskname{
    display: block;
   }
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/


.u-repeater-header{
display: grid;
grid-template-columns:7% 29% 54%;
grid-gap: 10px;
height: 70px;
}

.menu-collapse .u-nav-link svg {
  min-width: 1em;
  width: auto;
  height: 29px;
  vertical-align: top;
}

@media(max-width:1024px){/* From burger menu bar change to menu bar*/
  .u-repeater-header{
    grid-template-columns:17fr 61fr 19fr;
  }
  .menu-bar{
    padding-top: 10px;
  }
  .u-menu-bar{
  padding-right: 0;
}
}


.header-logo {
  position: absolute;
  height: 90px;
  width: auto;
}
body {
  user-select: none;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE10+ */
}

.header-name{
  color:#5b6284;
  font-family: 'segoe';
  font-size: 35px;
  margin: 0;
  padding: 0;
}

.u-nav-2{
  text-align: left; 
  font-size: 18px; 
  margin-left: 25px !important;
}

@media(max-width:1300px){/* Laptop VERSION*/
  .header-name{
    font-size: 21px;
    font-weight: bold;
  }
  .header-logo {
    height: 36px;
    margin-top: 8px;
  }
  .u-repeater-header{
    height: 53px;
  }
}

@media(max-width:1301px) and (min-width:991px){
  .u-repeater-header{
    grid-template-columns:5% 30% 54%;
  }
  .menu-text{
    padding: 10px 11px !important;
  }

}


@media(max-width:700px){/* Tablet VERSION*/
  .header-name{
    font-size: 21px;
    font-weight: bold;
  }
  .header-logo {
    height: 36px;
    margin-top: 8px;
  }
  .u-repeater-header{
    height: 53px;
  }
}




@media(max-width:426px){/* MOBILE VERSION*/
  .header-name{
    font-size: 21px;
    font-weight: bold;
  }
  .header-logo {
    height: 36px;
    margin-top: 8px;
  }
  .u-repeater-header{
    height: 53px;
  }
}




@media(width:820px)/*Ipad Air*/{
  .u-repeater-header{
    grid-template-columns:7% 68% 23%
  }
}



/* iPad Pro 12.9 竖屏 */
@media only screen 
  and (device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait) {

  /* 显示汉堡按钮 */
  .menu-collapse {
    display: block !important;
  }

  /* 隐藏横向菜单 */
  .u-nav-container {
    display: none !important;
  }

  .u-repeater-header{
    grid-template-columns: 5% 30% 61%
  }
  .menu-bar{
    margin-left:580px;
  }

}