/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-globe-mobile {
  background-image: url(/static/images/sprite/country-flags.png);
  background-position: 0px 0px;
  width: 15px;
  height: 15px;
}
.icon-globe {
  background-image: url(/static/images/sprite/country-flags.png);
  background-position: -15px 0px;
  width: 15px;
  height: 15px;
}
.icon-india-mobile {
  background-image: url(/static/images/sprite/country-flags.png);
  background-position: 0px -15px;
  width: 18px;
  height: 12px;
}
.icon-india {
  background-image: url(/static/images/sprite/country-flags.png);
  background-position: 0px -27px;
  width: 15px;
  height: 10px;
}
.icon-japan-mobile {
  background-image: url(/static/images/sprite/country-flags.png);
  background-position: -30px 0px;
  width: 18px;
  height: 12px;
}
.icon-japan {
  background-image: url(/static/images/sprite/country-flags.png);
  background-position: -15px -27px;
  width: 15px;
  height: 10px;
}
.icon-us-mobile {
  background-image: url(/static/images/sprite/country-flags.png);
  background-position: -30px -12px;
  width: 18px;
  height: 12px;
}
.icon-us {
  background-image: url(/static/images/sprite/country-flags.png);
  background-position: -30px -27px;
  width: 15px;
  height: 10px;
}

@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 192dpi) {
  .icon-globe-mobile {
    background-image: url(/static/images/sprite/country-flags@2x.png);
    background-size: 48px 37px;
  }
  .icon-globe {
    background-image: url(/static/images/sprite/country-flags@2x.png);
    background-size: 48px 37px;
  }
  .icon-india-mobile {
    background-image: url(/static/images/sprite/country-flags@2x.png);
    background-size: 48px 37px;
  }
  .icon-india {
    background-image: url(/static/images/sprite/country-flags@2x.png);
    background-size: 48px 37px;
  }
  .icon-japan-mobile {
    background-image: url(/static/images/sprite/country-flags@2x.png);
    background-size: 48px 37px;
  }
  .icon-japan {
    background-image: url(/static/images/sprite/country-flags@2x.png);
    background-size: 48px 37px;
  }
  .icon-us-mobile {
    background-image: url(/static/images/sprite/country-flags@2x.png);
    background-size: 48px 37px;
  }
  .icon-us {
    background-image: url(/static/images/sprite/country-flags@2x.png);
    background-size: 48px 37px;
  }
}