/*
    Created on : 06.11.2016, 15:29:07
    Author     : Klaus Mergen <kmergenweb@gmail.com>
*/

.flag {
  width: 32px;
  height: 32px;
  background-image: url(../images/sprite-flags-32x32.png);
  background-repeat: no-repeat;
  display: inline-block;

}


.flag.flag-en {
    background-position: -320px -161px;
}
.flag.flag-it {
   background-position: -193px -221px;
  }
  @media (min-width:768px) {
    .flag.flag-en{
      margin-top: -4px;
    }
    .flag{
      float: left;
      margin-right: 5px;
      margin-bottom: 5px;
      margin-top: -7px;
    }
  }
@media (max-width:767px) {
  .flag.flag-en {
    margin-top: 5px;
    margin-bottom: 0px;
   }
    .flag{
      margin-left: 100px;
      margin-bottom: 5px;
    }
}
  @media (max-width:667px) {
      .flag{
        margin-left: 90px;
        margin-bottom: 5px;
      }
    }
@media (max-width:567px) {
  .flag{
      margin-left: 80px;
      margin-bottom: 5px;
    }
}
@media (max-width:480px) {
  .flag{
    margin-top: 4px;
    margin-left:60px;
    margin-bottom: 1px;
  }
}
@media (max-width:414px) {

  .flag{
    margin-top: 2px;
    margin-bottom: 3px;
    margin-left: 50px;
  }
}
@media (max-width:375px) {
  .flag{
    margin-left: 42px;
  }
}
@media (max-width:320px) {
  .flag{
    margin-left: 35px;
  }
}