.head-body{
  z-index: 99;
  width: 100%;
  padding: 20px 0;
  height: 64px;
  font-size: 0;
  top: 0%;
  background-color: white;
  position: absolute;
}

.head-container{
  width: 100%;
  height: 23px;
  position: absolute;
}

.text-center{
  text-align: center;
}

@media (max-width: 767px){

  .head-container{
    width: 100%;
    height: 17px;
    margin-top: 6px;
    position: absolute;
  }
  .head-menu{
    position: absolute;
    width: 30%;
    height: 17px;
    left: 4%;
  }
  .head-menu-img{
    width: 15px;
    height: 15px;
    padding: 0px;
    background-size: cover;
  }
  .head-index{
    position: absolute;
    //width: 30%;
    height: 21px;
    margin-left: -32px;
    left:50%;
  }
  .head-index-img{
    width: 60px;
    height: 21px;
    top: -3px;
    padding: 0px;
    background-size: cover;
  }
  .head-project{
    position: absolute;
    height: 17px;
    right: 4%;
  }
  .head-project-img{
    width: 15px;
    height: 15px;
    padding: 0px;
    background-size: cover;
  }
}

@media (min-width: 768px){
  .head-index{
    position: absolute;
    width: 30%;
    height: 23px;
    left: 4%;
  }
  .head-index-img{
    width: 64px;
    height: 23px;
    padding: 0px;
    background-size: cover;
  }
  .head-menu{
    position: absolute;
    height: 23px;
    top: 3px;
    left:48.3%;
  }
  .head-menu-img{
    width: 46px;
    height: 17px;
    padding: 0px;
    background-size: cover;
  }
  .head-project{
    position: absolute;
    height: 23px;
    right: 4%;
  }
  .head-project-img{
    width: 46px;
    height: 17px;
    padding: 0px;
    background-size: cover;
  }
}

@media (min-width: 992px){
  .head-index{
    position: absolute;
    width: 30%;
    height: 23px;
    left: 4%;
  }
  .head-index-img{
    width: 64px;
    height: 23px;
    padding: 0px;
    background-size: cover;
  }
  .head-menu{
    position: absolute;
    height: 23px;
    left:48.3%;
    top: 3px;
  }
  .head-menu-img{
    width: 46px;
    height: 17px;
    padding: 0px;
    background-size: cover;
  }
  .head-project{
    position: absolute;
    height: 23px;
    right: 4%;
  }
  .head-project-img{
    width: 46px;
    height: 17px;
    padding: 0px;
    background-size: cover;
  }
}

@media (min-width: 1200px){
  .head-index{
    position: absolute;
    width: 30%;
    height: 23px;
    left: 4%;
  }
  .head-index-img{
    width: 64px;
    height: 23px;
    padding: 0px;
    background-size: cover;
  }
  .head-menu{
    position: absolute;
    height: 23px;
    left:48.3%;
    top: 3px;
  }
  .head-menu-img{
    width: 46px;
    height: 17px;
    padding: 0px;
    background-size: cover;
  }
  .head-project{
    position: absolute;
    height: 23px;
    right: 4%;
  }
  .head-project-img{
    width: 46px;
    height: 17px;
    padding: 0px;
    background-size: cover;
  }
}
