.language-navi {
/*  position: absolute;
  top:-10px;
  right: 0;
  z-index: 100;*/
  padding: 0!important;
}

.language-navi li {
  float: right;
}

.language-navi li a {
/*  width: 30px;
  height: 30px;*/
  display: block;
  opacity: 1;
  padding: 8px;
  transition: opacity 0.5s ease;
  background: #eee;
}

.language-navi li a:hover {
  background: #12367c;
  color: #fff;
}

li a.language-navi-active {
  background: #12367c;
  color: #fff;
}

@media screen and (min-width: 320px) and (max-width: 759px) {

  .language-navi {
    top: -70px;
    right: -10px;
  }
}