/*header{
  width: 100%;
  max-width: 1280px;
  margin: auto;
 
  width: 100%;
  height: 60px;
  position: relative;
  display: flex;
  z-index: 100;
  
  padding: 0px 20px 20px;
  background-color: white

  
}*/
/* margin: top;*/
  /*top: 0;*/

.navi{
  width: 100%;
  height: 60px;
  display: flex;
}  

.navi-list {
 justify-content: space-evenly;
 height: 20;
 display: flex;
 padding: 0px 10px;
 top: 0;
 object-fit: cover;
}


@media screen and (max-width:768px){
  .header-list{
    overflow: hidden;
  }
   .resizeimage img {
    width: 100%;
  }
}
  /*z-index: 200;
  overflow: hidden; 
  height: 50px;
  background-color: white;
  width: 100%;
  margin-top: 0;
  padding-top: 0px;
  left: 0;
  display: flex;
  justify-content: space-between;
}
/*.header-list {
  height: 3px;
  display: flex;
}  
.li {
  display: flex;
  padding: 0;


}
/* .ul {
    display: flex;
    padding: 0;
    height: 100px;
  }*/ 

 /*.header-logo{
   height: 3px;
   background-size: 3px;
  }*/
  
  
  


/*@media screen and (max-width:768px){
    .header{
      overflow: hidden;
     

    }
     .resizeimage img {
      width: 100%;
    }
}*/