.flag:not(.icon) {
  display: inline-block;
  width: 16px;
  height: 13px;
  line-height: 13px;
  vertical-align: baseline;
  margin: 0 0.5em 0 0;
  text-decoration: inherit;
  speak: none;
  font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.flag:not(.icon):before {
  display: inline-block;
  content: '';
  width: 16px;
  height: 13px;
  /*background: url("../images/flags-v2.svg") no-repeat 0 0;*/
  background: url("../images/flags.svg") no-repeat 0 0;
  /*background-size: 16px 80px;*/
  background-size: 16px 94px;
}

.flag.de:before,
.flag.germany:before {
  background-position: 0 -2px;
}
.flag.fr:before,
.flag.france:before {
  background-position: 0 -16px;
}
.flag.it:before,
.flag.italy:before {
  background-position: 0 -30px;
}
.flag.gb:before,
.flag.united.kingdom:before {
  background-position: 0 -43px;
}

.flag.be:before,
.flag.belgium:before {
  background-position: 0 -68px;
}

.flag.ch:before,
.flag.switzerland:before {
  background-position: 0 -55px;
}

.flag.us:before,
.flag.int:before,
.flag.united.states:before,
.flag.international:before {
  background-position: 0 -81px;
}

@media screen and (max-width: 767px){
  .flag:not(.icon) {
    height:20px;
    width:23px;
  }
  .flag:not(.icon):before {
    /*background-size: 23px 105px;*/
    background-size: 23px 123px;
    height:18px;
    width:23px;
  }
  .flag.de:before,
  .flag.germany:before {
    background-position: 0 0;
  }
  .flag.fr:before,
  .flag.france:before {
    background-position: 0 -19px;
  }
  .flag.it:before,
  .flag.italy:before {
    background-position: 0 -38px;
  }
  .flag.gb:before,
  .flag.united.kingdom:before {
    background-position: 0 -56px;
  }
  .flag.be:before,
  .flag.belgium:before {
    background-position: 0 -90px;
  }
  .flag.ch:before,
  .flag.switzerland:before {
    background-position: 0 -73px;
  }
  .flag.us:before,
  .flag.int:before,
  .flag.united.states:before,
  .flag.international:before {
    background-position: 0 -108px;
  }
}