@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (min-resolution: 108dpi) {

	/* home */
	.bg-index-header { background-image: url(../img/home/index-header@2x.png); }
	.bg-index-header-black { background-image: url(../img/home/index-header-black@2x.png); }

	/* automotive */
	.bg-agn-header { background-image: url(../img/automotive/agn-header@2x.jpg); }
	.bg-agn-header-grey { background-image: url(../img/automotive/agn-cockpit@2x.jpg); }

	/* spacetime */
	.bg-spacetime-header { background-image: url(../img/spacetime/spacetime-header@2x.png); }
	.bg-spacetime-iot { background-image: url(../img/spacetime/spacetime-iot@2x.png); }
	.img-spacetime-world { width: 600px; top: 100px !important; }

	/* fleet */
	.bg-fleet-header { background-image: url(../img/fleet/fleet-header@2x.png); }

	/* compactmaps */
	.bg-co-header { background-image: url(../img/compact-maps/co-header@2x.png); }
	.bg-co-features { background-image: url(../img/compact-maps/co-features@2x.png); }
	.bg-co-sourcecode { background-image: url(../img/compact-maps/co-sourcecode@2x.png); }

	/* geniusmaps */
	.bg-gm-header { background-image: url(../img/geniusmaps/gm-header@2x.jpg); }
	.img-gm-screen-full { width: 492px; }

	/* maps */
	.bg-maps-genoa { background-image: url(../img/maps/genoa@2x.png); }
	.bg-maps-zagreb { background-image: url(../img/maps/zagreb@2x.png); }
	.bg-maps-dalmacija { background-image: url(../img/maps/dalmacija@2x.png); }
	.bg-maps-pula { background-image: url(../img/maps/pula@2x.png); }

	/* pillarpage-spacetime */
	.bg-pp-spacetime-header { background-image: url(../img/pillarpage/spacetime/pp-spacetime-header-abstractworld@2x.jpg); }

	/* blog	*/
	.bg-blog-header { background-image: url(../img/blog/banner.jpg); }
}

@media (min-width: 768px) and (-webkit-max-device-pixel-ratio: 1.4), (min-width: 768px) and (max-resolution: 107dpi) {

	/* home */
	.bg-index-header { background-image: url(../img/home/index-header.png); }
	.bg-index-header-black { background-image: url(../img/home/index-header-black.png); }

	/* automotive */
	.bg-agn-header { background-image: url(../img/automotive/agn-header.jpg); }
	.bg-agn-header-grey { background-color: #E0E1E4; background-image: url(../img/automotive/agn-cockpit.jpg); }

	/* spacetime */
	.bg-spacetime-header { background-image: url(../img/spacetime/spacetime-header.png); }
	.bg-spacetime-iot { background-image: url(../img/spacetime/spacetime-iot.png); }
	.img-spacetime-world { width: 600px; top: 100px !important; }

	/* fleet */
	.bg-fleet-header { background-image: url(../img/fleet/fleet-header.png); }

	/* compactmaps */
	.bg-co-header { background-image: url(../img/compact-maps/co-header.png); }
	.bg-co-features { background-image: url(../img/compact-maps/co-features.png); }
	.bg-co-sourcecode { background-image: url(../img/compact-maps/co-sourcecode.png); }

	/* geniusmaps */
	.bg-gm-header { background-image: url(../img/geniusmaps/gm-header.jpg); }
	.img-gm-screen-full { width: 492px; }

	/* maps */
	.bg-maps-genoa { background-image: url(../img/maps/genoa.png); }
	.bg-maps-zagreb { background-image: url(../img/maps/zagreb.png); }
	.bg-maps-dalmacija { background-image: url(../img/maps/dalmacija.png); }
	.bg-maps-pula { background-image: url(../img/maps/pula.png); }

	/* pillarpage-spacetime */
	.bg-pp-spacetime-header { background-image: url(../img/pillarpage/spacetime/pp-spacetime-header-abstractworld.jpg); }
	
	/* blog	*/
	.bg-blog-header { background-image: url(../img/blog/banner.jpg); }
}

@media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 767px) and (min-resolution: 108dpi) {

	/* home */
	.bg-index-header { background-image: url(../img/home/m.index-header@2x.png); }
	.bg-index-header-black { background-image: url(../img/home/m.index-header-black@2x.png); }

	/* automotive */
	.bg-agn-header { background-image: url(../img/automotive/m.agn-header@2x.jpg); }
	.bg-agn-header-grey { background-color: #E0E1E4; background-image: url(../img/automotive/m.agn-cockpit@2x.jpg); }
	.scale1_2 { transform: scale(1.2); }

	/* spacetime */
	.bg-spacetime-header { background-image: url(../img/spacetime/m.spacetime-header@2x.png); }
	.bg-spacetime-iot { background-image: url(../img/spacetime/m.spacetime-iot@2x.png); }

	/* fleet */
	.bg-fleet-header { background-image: url(../img/fleet/m.fleet-header@2x.png); }

	/* compactmaps */
	/* TODO: do the same for lower pixel ratio on mobile */
	.bg-co-header { height: 96px;}
	/*.bg-co-header { background-image: url(../img/compact-maps/m.co-header@2x.png); }*/
	.bg-co-features { background-image: url(../img/compact-maps/m.co-features@2x.png); }
	.bg-co-sourcecode { background-image: url(../img/compact-maps/m.co-sourcecode@2x.png); }

	/* geniusmaps */
	.bg-gm-header { background-image: url(../img/geniusmaps/m.gm-header@2x.jpg); }

	/* maps */
	.bg-maps-genoa { background-image: url(../img/maps/m.genoa@2x.png); }
	.bg-maps-zagreb { background-image: url(../img/maps/m.zagreb@2x.png); }
	.bg-maps-dalmacija { background-image: url(../img/maps/m.dalmacija@2x.png); }
	.bg-maps-pula { background-image: url(../img/maps/m.pula@2x.png); }

	/* pillarpage-spacetime */
	.bg-pp-spacetime-header { background-image: url(../img/pillarpage/spacetime/m.pp-spacetime-header-abstractworld@2x.jpg); }
	
	/* blog	*/
	.bg-blog-header { background-image: url(../img/blog/banner.jpg); }
}

@media (max-width: 767px) and (-webkit-max-device-pixel-ratio: 1.4), (max-width: 767px) and (max-resolution: 107dpi) {

	/* home */
	.bg-index-header { background-image: url(../img/home/m.index-header.png); }
	.bg-index-header-black { background-image: url(../img/home/m.index-header-black.png); }

	/* automotive */
	.bg-agn-header { background-image: url(../img/automotive/m.agn-header.jpg); }
	.bg-agn-header-grey { background-color: #E0E1E4; background-image: url(../img/automotive/m.agn-cockpit.jpg); }
	.scale1_2 { transform: scale(1.2); }

	/* spacetime */
	.bg-spacetime-header { background-image: url(../img/spacetime/m.spacetime-header.png); }
	.bg-spacetime-iot { background-image: url(../img/spacetime/m.spacetime-iot.png); }

	/* fleet */
	.bg-fleet-header { background-image: url(../img/fleet/m.fleet-header.png); }
	/* compactmaps */
	.bg-co-header { height: 96px;}
	/*.bg-co-header { background-image: url(../img/compact-maps/m.co-header.png); }*/
	.bg-co-features { background-image: url(../img/compact-maps/m.co-features.png); }
	.bg-co-sourcecode { background-image: url(../img/compact-maps/m.co-sourcecode.png); }

	/* geniusmaps */
	.bg-gm-header { background-image: url(../img/geniusmaps/m.gm-header.jpg); }

	/* maps */
	.bg-maps-genoa { background-image: url(../img/maps/m.genoa.png); }
	.bg-maps-zagreb { background-image: url(../img/maps/m.zagreb.png); }
	.bg-maps-dalmacija { background-image: url(../img/maps/m.dalmacija.png); }
	.bg-maps-pula { background-image: url(../img/maps/m.pula.png); }

	/* pillarpage-spacetime */
	.bg-pp-spacetime-header { background-image: url(../img/pillarpage/spacetime/m.pp-spacetime-header-abstractworld.jpg); }
	
	/* blog	*/
	.bg-blog-header { background-image: url(../img/blog/banner.jpg); }
}

/* assets */
.img-app-badge { height: 60px; }
.img-bluetag_down { margin: auto; }


.flag-icon-background {
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
}
.flag-icon {
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;
	width: 3em;
	line-height: 1em;
}
.flag-icon:before {
	content: "\00a0";
}

.flag-icon-hr {
	background-image: url(../img/assets/croatia-flag.svg);
}