/* @2x */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   -moz-min-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

  #logo {
    background-image: url("../images/logo_solutions_op@2x.png");
  }
  #nav .head .logo,
  #footer .logo {
    background-image: url("../images/logo_solutions_op@2x.png");
  }

  .support .toggle .back {
    background-image: url("../images/support_close@2x.png");
  }

  .product-view .zones .atex {
    background-image: url("../images/atex_inactive@2x.png");
  }
  .product-view .zones .atex.active {
    background-image: url("../images/atex@2x.png");
  }
  .products .product-item .atex {
    background-image: url("../images/atex@2x.png");
  }

  .flag-sv {
    background-image: url("../images/flag-sv@2x.png");
  }
  .flag-fi {
    background-image: url("../images/flag-fi@2x.png");
  }
  .flag-en {
    background-image: url("../images/flag-en@2x.png");
  }

}


/* @3x */
@media
only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (   -moz-min-device-pixel-ratio: 3),
only screen and (     -o-min-device-pixel-ratio: 3/1),
only screen and (        min-device-pixel-ratio: 3),
only screen and (                min-resolution: 288dpi),
only screen and (                min-resolution: 3dppx) {

  #logo {
    background-image: url("../images/logo_solutions_op@3x.png");
  }
  #nav .head .logo,
  #footer .logo {
    background-image: url("../images/logo_solutions_op@3x.png");
  }

  .support .toggle .front {
    background-image: url("../images/support@3x.png");
  }
  .support .toggle .back {
    background-image: url("../images/support_close@3x.png");
  }

  .product-view .zones .atex {
    background-image: url("../images/atex_inactive@3x.png");
  }
  .product-view .zones .atex.active {
    background-image: url("../images/atex@3x.png");
  }
  .products .product-item .atex {
    background-image: url("../images/atex@3x.png");
  }

}


/* @4x */
@media
only screen and (-webkit-min-device-pixel-ratio: 4),
only screen and (   -moz-min-device-pixel-ratio: 4),
only screen and (     -o-min-device-pixel-ratio: 4/1),
only screen and (        min-device-pixel-ratio: 4),
only screen and (                min-resolution: 384dpi),
only screen and (                min-resolution: 4dppx) {

  #logo {
    background-image: url("../images/logo_solutions_op@4x.png");
  }
  #nav .head .logo,
  #footer .logo {
    background-image: url("../images/logo_solutions_op@4x.png");
  }

}