/*
#id_hero_carousel_nav .hero-carousel-nav
#id_hero_1 .hero-carousel-nav-item

#id_photo_grid_nav .hero-carousel-nav
#id_photo_grid_img_1 .hero-carousel-nav-item
*/

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 320px */
:root {
	--global-hero-height: 20rem; /* SET IN JS, WINDOW WIDTH <= --global-hero-height-test */
	--global-hero-height-test: 800px; /*  */
	--global-hero-padding-top: var(--global-nav-height);
}

/* /////////////////////////////////////////////////////////////////////////////// HOME */
/* //////////////////////////////////////////////////////////////////////// HOME : HERO */
#id_hero {
  flex-direction: column-reverse;
  align-items: center; /* display nav at bottom center */
	background-color: var(--white);
	padding-top: var(--global-hero-padding-top); /* !!! FORCES PAGE CONTENT BELOW NAV */
}

#id_hero_carousel_nav {
  height: 1.875rem; /* 1.625rem */
  margin-bottom: 1rem;
}

.hero-carousel-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.hero-carousel-nav-item {
	/* EXPANDED HIT AREA FOR SMALL VISUAL */
  margin: .75rem .1875rem;
	width: 1.875rem;
  height: 1.125rem; /* CLICK AREA .125rem */

  display: inline-block;
  position: relative;
  color: var(--black);
  text-decoration: none;
  transition: var(--duration-short);
}

.hero-carousel-nav-item::before {
	content: "";
	position: absolute;
	width: 100%;
	height: .125rem;
	bottom: .5rem; /* 0; */
	left: 0;
	background-color: rgba(0,0,0,0.2);
}

.hero-carousel-nav-item.active::before {
	background-color: rgba(0,0,0,0.6);
}

.hero-carousel-nav-item::after {
	content: "";
	position: absolute;
	width: 100%;
	height: .125rem;
	bottom: .5rem; /* 0; */
	left: 0;
	background-color: rgba(0,0,0,0.6);
	transition: color var(--duration-short) ease-in-out 0s;
	transform: scaleX(0);
	transition: transform var(--duration-short) ease-in-out 0s;
	transform-origin: bottom right; /* MUST BE PLACED AFTER TRANSITION */
}

.hero-carousel-nav-item:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left; /* IF OMITTED, TRANSITION RETURNS TO ORIGIN POINT */
}

.hero-carousel-nav-item:hover,
.hero-carousel-nav-item:focus {
	/* EXPANDED HIT AREA FOR SMALL VISUAL: HOVER */
  text-decoration: none;
}

.hero-carousel-nav-item-active {
	/* background-color: rgba(255,0,255,1); */
	pointer-events: none;
}

.visuallyhidden {
	display: none;
}

.hero-carousel {
  display: flex;
  scroll-snap-type: x mandatory;
  scroll-snap-stop: always;
  overflow-x: scroll;
  scroll-behavior: smooth;
	width: 100%;
  height: var(--global-hero-height); /* !!! SQUARE: NOT FULL HEIGHT, VAR SET IN JS <= 800px WINDOW WIDTH */
  background-color: var(--black);

  /* Hide scrollbar in IE. */
  -ms-overflow-style: none;
}

.hero-carousel::-webkit-scrollbar {
  /* Hide scrollbar in WebKit and Blink powered browsers. */
  display: none;
}

.hero-carousel-item {
  display: flex;
  flex-direction: row;
	/*
	aspect-ratio: 1 / 1;
	*/

	min-width: 100%;
	width: 100%;
	height: 100%;
	flex-shrink: 0;
  scroll-snap-align: start;
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.hero-carousel-item-content {
  /* 100h & 100w covers entire carousel image */
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  
  /*
  background-color: rgba(255,0,255,0.3);
  */
}

.hero-carousel-item h1 {
  /* ALL CAROUSEL H1s */
  letter-spacing: .07em; /* 7% */
	margin-top: 1.125rem;
	margin-bottom: .375rem;
}

.hero-carousel-item p {
  /* ALL CAROUSEL ps */
	margin-top: 0rem;
	margin-bottom: 0rem;
	padding: 0rem .25rem;
}

.hero-carousel-item .cta {
  /* ALL CAROUSEL ctas */
	padding-top: 0rem;
	padding-bottom: 1rem;
	margin-top: auto; /* !!! FORCES CTA TO BOTTOM */
}

#id_hero_1 {
	background-image: url('../images/home/home_hero_porsche_6911_1x_450x450.jpg');
}

#id_hero_1 > h1 {
  /* CUSTOMIZE HERE */
}

#id_hero_1 > p {
  /* CUSTOMIZE HERE */
}

#id_hero_1 .hero-carousel-item-content {
  align-content: flex-start; /* display content at bottom center */
  padding-bottom: 1rem;
  background-image: linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,0.2), rgba(0,0,0,0.1), rgba(0,0,0,0));
  /* background-color: rgba(0,255,0,0.2); */
}

#id_hero_2 {
	background-image: url('../images/home/home_hero_audi_5894_1x_450x450.jpg');
	/* background: rgba(255, 255, 0, 0.5); */
}

#id_hero_2 > h1 {
  /* CUSTOMIZE HERE */
}

#id_hero_2 > p {
  /* CUSTOMIZE HERE */
}

#id_hero_2 .hero-carousel-item-content {
  align-content: flex-start; /* display content at bottom center */
  padding-bottom: 1rem;
  background-image: linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,0.3), rgba(0,0,0,0));
  /* background-color: rgba(0,0,0,0.2); */
  /* background-color: rgba(0,255,0,0.2); */
}

#id_hero_3 {
	background-image: url('../images/home/home_hero_volkswagen_4969_1x_450x450.jpg');
}

#id_hero_3 > h1 {
  /* CUSTOMIZE HERE */
}

#id_hero_3 > p {
  /* CUSTOMIZE HERE */
}

#id_hero_3 .hero-carousel-item-content {
  align-content: flex-start; /* display content at bottom center */
  padding-bottom: 1rem;
  background-image: linear-gradient(to bottom, rgba(0,0,0,.6), rgba(0,0,0,0.2), rgba(0,0,0,0.1), rgba(0,0,0,0));
  /* background-color: rgba(255,0,0,0.2); */
}

#id_hero_4 {
	background-image: url('../images/home/home_hero_bmw_6397_1x_450x450.jpg');
}

#id_hero_4 > h1 {
  /* CUSTOMIZE HERE */
}

#id_hero_4 > p {
  /* CUSTOMIZE HERE */
}

#id_hero_4 .hero-carousel-item-content {
  align-content: flex-start; /* display content at bottom center */
  padding-bottom: 1rem;
  background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0.2), rgba(0,0,0,0));
  /* background-color: rgba(0,0,255,0.2); */
}

#id_hero_5 {
	background-image: url('../images/home/home_hero_mercedesbenz_6328_1x_450x450.jpg');
}

#id_hero_5 > h1 {
  /* CUSTOMIZE HERE */
}

#id_hero_5 > p {
  /* CUSTOMIZE HERE */
}

#id_hero_5 .hero-carousel-item-content {
  align-content: flex-start; /* display content at bottom center */
  padding-bottom: 1rem;
  background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0.2), rgba(0,0,0,0));
  /* background-color: rgba(0,0,255,0.2); */
}

.hero-carousel-image {
  display: block;
}

/* ///////////////////////////////////////////////////////// HOME : SERVICES & ABOUT US */
.duplex-grid {
	display: grid;
  grid-template-columns: auto;
	gap: var(--global-grid-gap);
	width: 100%;
	height: auto;
  padding: 0rem;
}

.grid-item-services,
.grid-item-aboutus {
  padding: 1.75rem;
	height: 32rem; /* 847px : 52.9375rem / 410px : 25.625rem */
  min-width: 100%; /* 17rem */
  width: 100%;
	border-radius: var(--global-border-radius);

  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

#id_home_services {
	align-content: flex-end;
	padding-bottom: 2rem;
	background-image: url('../images/home/home_ourservices_1x_7518_pccb_424x512.jpg');
  background-position: center top; /* center top */
	background-color: var(--black);
	/* border: .125rem solid var(--grey8); */
}

#id_home_aboutus {
	align-content: flex-start;
	padding-top: 1.75rem;
	background-image: url('../images/home/home_aboutus_1x_7518_pccb_424x512.jpg');
  background-position: center; /* center bottom */
	background-color: var(--white);
	/* border: .125rem solid var(--grey3); */
}

#id_home_services h2,
#id_home_aboutus h2 {
  text-align: left;
  width: 100%;
	margin-top: 0rem;
	margin-bottom: .875rem;
}

#id_home_services p,
#id_home_aboutus p {
  text-align: left;
  width: 100%;
	margin-top: 0rem;
	margin-bottom: 1.25rem;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 375px */
@media (min-width: 375px) {
/* //////////////////////////////////////////////////////////////// HOME : HERO : 375px */
	:root {
		--global-hero-padding-top: var(--global-nav-height); /* !!! FORCES PAGE CONTENT BELOW NAV */
	}

	.hero-carousel-item h1 {
		/* ALL CAROUSEL H1s */
		margin-top: 1.375rem;
	}
	
	.hero-carousel-item p {
		/* ALL CAROUSEL ps */
		padding: 0rem .5rem;
	}
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 451px */
@media (min-width: 451px) {
/* //////////////////////////////////////////////////////////////// HOME : HERO : 451px */
	/* 451w - 799w 1x IMAGES 800x800px */
	#id_hero_1 {
		background-image: url('../images/home/home_hero_porsche_6911_1x_800x800.jpg');
	}

	#id_hero_2 {
		background-image: url('../images/home/home_hero_audi_5894_1x_800x800.jpg');
		/* background: rgba(255, 255, 0, 0.5); */
	}

	#id_hero_3 {
		background-image: url('../images/home/home_hero_volkswagen_4969_1x_800x800.jpg');
	}

	#id_hero_4 {
		background-image: url('../images/home/home_hero_bmw_6397_1x_800x800.jpg');
	}

	#id_hero_5 {
		background-image: url('../images/home/home_hero_mercedesbenz_6328_1x_800x800.jpg');
	}
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 480px */
@media (min-width: 480px) {
/* //////////////////////////////////////////////////////////////// HOME : HERO : 480px */
	.hero-carousel-item p {
		/* ALL CAROUSEL ps */
		margin-top: .375rem;
		margin-bottom: 1.25rem;
	}

/* ///////////////////////////////////////////////// HOME : SERVICES & ABOUT US : 480px */
	#id_home_services {
		background-image: url('../images/home/home_ourservices_1x_7518_pccb_759x918.jpg');
		background-position-y: -1rem;
	}

	#id_home_aboutus {
		background-image: url('../images/home/home_aboutus_1x_7518_pccb_759x918.jpg');
		padding-top: 2.5rem;
	}
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 600px */
@media (min-width: 600px) {
/* //////////////////////////////////////////////////////////////// HOME : HERO : 600px */
	:root {
		--global-hero-padding-top: 0rem; /* !!! FORCES PAGE CONTENT BELOW NAV */
	}

	.hero-carousel-item-content {
		justify-content: end; /* !!! ALIGNS ALL HERO PANEL TEXT TO BOTTOM */
	}
	
	.hero-carousel-item h1 {
		/* ALL CAROUSEL H1s */
	  letter-spacing: .07em; /* 7% */
		margin-top: 0rem;
		margin-bottom: .375rem;
	}
	
	.hero-carousel-item p {
		/* ALL CAROUSEL ps */
		margin-top: 0rem;
		margin-bottom: 1.5rem;
	}

	.hero-carousel-item .cta {
		/* ALL CAROUSEL ctas */
		margin-top: initial; /* !!! REMOVE: MOVES ALL CONTENT TO BOTTOM */
	}

	/* WORK HERE TO CUSTOMIZE HERO PANELS */

/* ///////////////////////////////////////////////// HOME : SERVICES & ABOUT US : 600px */
	#id_home_aboutus {
		padding-top: 3rem;
	}
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 800px */
@media (min-width: 800px) {
/* //////////////////////////////////////////////////////////////// HOME : HERO : 800px */
	#id_hero {
		height: 100%; /* You must set a specified height */
	
		flex-direction: row;
		align-items: flex-end; /* display nav at bottom center */
	}
	
	#id_hero_carousel_nav {
		position: absolute; /* overlay nav on hero carousel */
	}

	.hero-carousel-nav-item {
		color: var(--white);
	}

	.hero-carousel-nav-item::before {
		background-color: rgba(255,255,255,0.2);
	}

	.hero-carousel-nav-item.active::before {
		background-color: rgba(255,255,255,0.6);
	}

	.hero-carousel-nav-item::after {
		background-color: rgba(255,255,255,0.6);
	}

	.hero-carousel {
		height: 100%; /* !!! FULL HEIGHT */
	}

	.hero-carousel-item p {
		padding: 0rem var(--global-padding);
	}

/* //////////////////////////////////////////////////////////////// HOME : HERO : 800px */
	/* 800w - 999w 1x IMAGES 1000x750px */
	#id_hero_1 {
		background-image: url('../images/home/home_hero_porsche_6911_1x_1000x750.jpg');
	}

	#id_hero_2 {
		background-image: url('../images/home/home_hero_audi_5894_1x_1000x750.jpg');
		/* background: rgba(255, 255, 0, 0.5); */
	}

	#id_hero_3 {
		background-image: url('../images/home/home_hero_volkswagen_4969_1x_1000x750.jpg');
	}

	#id_hero_4 {
		background-image: url('../images/home/home_hero_bmw_6397_1x_1000x750.jpg');
	}

	#id_hero_5 {
		background-image: url('../images/home/home_hero_mercedesbenz_6328_1x_1000x750.jpg');
	}

	#id_hero_1 .hero-carousel-item-content {
		align-content: flex-end; /* display content at bottom center */
		padding-bottom: 4.25rem;
		background-image: linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,0.2), rgba(0,0,0,0.1), rgba(0,0,0,0));
	}

	#id_hero_2 .hero-carousel-item-content {
		align-content: flex-end; /* display content at bottom center */
		padding-bottom: 8rem;
		background-image: linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,0.3), rgba(0,0,0,0));
	}
	
	#id_hero_3 .hero-carousel-item-content {
		align-content: flex-end; /* display content at bottom center */
		padding-bottom: 7.5rem;
		background-image: linear-gradient(to top, rgba(0,0,0,.6), rgba(0,0,0,0.2), rgba(0,0,0,0.1), rgba(0,0,0,0));
	}
	
	#id_hero_4 .hero-carousel-item-content {
		align-content: flex-end; /* display content at bottom center */
		padding-bottom: 3rem;
		background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0.2), rgba(0,0,0,0));
	}

	#id_hero_5 .hero-carousel-item-content {
		align-content: flex-end; /* display content at bottom center */
		padding-bottom: 3rem;
		background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0.2), rgba(0,0,0,0));
	}

/* ///////////////////////////////////////////////// HOME : SERVICES & ABOUT US : 800px */
	.duplex-grid {
		grid-template-columns: auto auto; /* !!! SWITCH FROM 1 COLUMN TO 2 */
	}

	.grid-item-services,
	.grid-item-aboutus {
		padding: 2.5rem;
		height: 40rem;
	}

	#id_home_services {
		background-image: url('../images/home/home_ourservices_1x_7518_pccb_540x653.jpg');
		background-position-y: center;
		padding-bottom: 2.5rem;
	}

	#id_home_aboutus {
		background-image: url('../images/home/home_aboutus_1x_7518_pccb_540x653.jpg');
		background-position-y: .75rem;
		padding-top: 2.5rem; /* 6.5rem */
	}
	
	#id_home_services p,
	#id_home_aboutus p {
		margin-bottom: 1.5rem;
	}

	#id_home_services button,
	#id_home_aboutus button,
	#id_home_services button.btn-scroll-x-effect::after,
	#id_home_services button.btn-scroll-y-effect::after,
	#id_home_aboutus button.btn-scroll-x-effect::after,
	#id_home_aboutus button.btn-scroll-y-effect::after {
		padding: .625rem 1.25rem; /* 10px / 20px */
	}
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 992px */
@media (min-width: 992px) {
/* //////////////////////////////////////////////////////////////// HOME : HERO : 992px */
	#id_hero_2 .hero-carousel-item-content {
		padding-bottom: 7rem;
	}

	#id_hero_3 .hero-carousel-item-content {
		padding-bottom: 6.5rem;
	}

/* ///////////////////////////////////////////////// HOME : SERVICES & ABOUT US : 992px */
	#id_home_aboutus {
		padding-top: 4rem; /* 6.5rem */
	}

	#id_home_services button,
	#id_home_aboutus button,
	#id_home_services button.btn-scroll-x-effect::after,
	#id_home_services button.btn-scroll-y-effect::after,
	#id_home_aboutus button.btn-scroll-x-effect::after,
	#id_home_aboutus button.btn-scroll-y-effect::after {
		padding: .75rem 1.25rem; /* 12px / 20px */
	}
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 1000px */
@media (min-width: 1000px) {
/* /////////////////////////////////////////////////////////////// HOME : HERO : 1000px */
	/* 1000w - 1599w 1x IMAGES 1600x1200px */
	#id_hero_1 {
		background-image: url('../images/home/home_hero_porsche_6911_1x_1600x1200.jpg');
	}

	#id_hero_2 {
		background-image: url('../images/home/home_hero_audi_5894_1x_1600x1200.jpg');
		/* background: rgba(255, 255, 0, 0.5); */
	}

	#id_hero_3 {
		background-image: url('../images/home/home_hero_volkswagen_4969_1x_1600x1200.jpg');
	}

	#id_hero_4 {
		background-image: url('../images/home/home_hero_bmw_6397_1x_1600x1200.jpg');
	}

	#id_hero_5 {
		background-image: url('../images/home/home_hero_mercedesbenz_6328_1x_1600x1200.jpg');
	}
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 1200px */
@media (min-width: 1200px) {
/* //////////////////////////////////////////////// HOME : SERVICES & ABOUT US : 1200px */
	.grid-item-services,
	.grid-item-aboutus {
		padding: 3.75rem;
		height: 52.9375rem; /* 847px : 52.9375rem / 410px : 25.625rem */
		min-width: 30rem; /* 40rem 640px */
	}

	#id_home_services {
		background-image: url('../images/home/home_ourservices_1x_7518_pccb_700x847.jpg');
		padding-bottom: 4rem;
	}

	#id_home_aboutus {
		background-image: url('../images/home/home_aboutus_1x_7518_pccb_700x847.jpg');
		background-position-y: center;
		padding-top: 6.5rem;
	}

	#id_home_services p,
	#id_home_aboutus p {
		margin-bottom: 2.5rem;
	}

	#id_home_services button,
	#id_home_aboutus button,
	#id_home_services button.btn-scroll-x-effect::after,
	#id_home_services button.btn-scroll-y-effect::after,
	#id_home_aboutus button.btn-scroll-x-effect::after,
	#id_home_aboutus button.btn-scroll-y-effect::after {
		font-size: .75rem; /* 12px */
		padding: .875rem 1.75rem; /* 14px / 28px */
	}
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 1600px */
@media (min-width: 1600px) {
/* /////////////////////////////////////////////////////////////// HOME : HERO : 1600px */
	/* 1600w+ 2x IMAGES 2000x1500px */
	#id_hero_1 {
		background-image: url('../images/home/home_hero_porsche_6911_1x_2000x1500.jpg');
		/*
		background-image: url('../images/home/home_hero_porsche_6911_1x_1600x1200.jpg');
		*/
	}

	#id_hero_2 {
		background-image: url('../images/home/home_hero_audi_5894_1x_2000x1500.jpg');
		/* background: rgba(255, 255, 0, 0.5); */
		/* background-image: url('../images/home/home_hero_audi_5894_1x_1600x1200.jpg'); */
	}

	#id_hero_3 {
		background-image: url('../images/home/home_hero_volkswagen_4969_1x_2000x1500.jpg');
		/* background-image: url('../images/home/home_hero_volkswagen_4009_1x_1600x1200.jpg'); */
	}

	#id_hero_4 {
		background-image: url('../images/home/home_hero_bmw_6397_1x_2000x1500.jpg');
		/*
		background-image: url('../images/home/home_hero_bmw_6397_1x_1600x1200.jpg');
		*/
	}

	#id_hero_5 {
		background-image: url('../images/home/home_hero_mercedesbenz_6328_1x_2000x1500.jpg');
		/* background-image: url('../images/home/home_hero_mercedesbenz_6328_1x_1600x1200.jpg'); */
	}
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* //////////////////////////////////////////////////////////////// HOME : HERO : 451px */
	/* <450w 2x IMAGES 900x900px */
	#id_hero_1 {
		background-image: url('../images/home/home_hero_porsche_6911_2x_900x900.jpg');
	}

	#id_hero_2 {
		background-image: url('../images/home/home_hero_audi_5894_2x_900x900.jpg');
		/* background: rgba(255, 255, 0, 0.5); */
	}

	#id_hero_3 {
		background-image: url('../images/home/home_hero_volkswagen_4969_2x_900x900.jpg');
	}

	#id_hero_4 {
		background-image: url('../images/home/home_hero_bmw_6397_2x_900x900.jpg');
	}

	#id_hero_5 {
		background-image: url('../images/home/home_hero_mercedesbenz_6328_2x_900x900.jpg');
	}

/* //////////////////////////////////////////////// HOME : SERVICES & ABOUT US : <480px */
	/* 0 - 479w 2x IMAGES 847x1024px */
	#id_home_services {
		background-image: url('../images/home/home_ourservices_2x_7518_pccb_847x1024.jpg');
	}

	#id_home_aboutus {
		background-image: url('../images/home/home_aboutus_2x_7518_pccb_847x1024.jpg');
	}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 451px */
	@media (min-width: 451px) {
/* //////////////////////////////////////////////////////////////// HOME : HERO : 451px */
	/* 451w - 799w 2x IMAGES 1600x1600px */
		#id_hero_1 {
			background-image: url('../images/home/home_hero_porsche_6911_2x_1600x1600.jpg');
		}

		#id_hero_2 {
			background-image: url('../images/home/home_hero_audi_5894_2x_1600x1600.jpg');
			/* background: rgba(255, 255, 0, 0.5); */
		}

		#id_hero_3 {
			background-image: url('../images/home/home_hero_volkswagen_4969_2x_1600x1600.jpg');
		}

		#id_hero_4 {
			background-image: url('../images/home/home_hero_bmw_6397_2x_1600x1600.jpg');
		}
	}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 480px */
	@media (min-width: 480px) {
/* ///////////////////////////////////////////////// HOME : SERVICES & ABOUT US : 480px */
	/* 480w - 799w 2x IMAGES 1518x1836px */
		#id_home_services {
			background-image: url('../images/home/home_ourservices_2x_7518_pccb_1518x1836.jpg');
		}

		#id_home_aboutus {
			background-image: url('../images/home/home_aboutus_2x_7518_pccb_1518x1836.jpg');
		}
	}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 800px */
	@media (min-width: 800px) {
/* //////////////////////////////////////////////////////////////// HOME : HERO : 800px */
	/* 800w - 999w 2x IMAGES 2000x1500px */
		#id_hero_1 {
			background-image: url('../images/home/home_hero_porsche_6911_2x_2000x1500.jpg');
			/*
			background-image: url('../images/home/home_hero_porsche_6911_1x_1600x1200.jpg');
			*/
		}

		#id_hero_2 {
			background-image: url('../images/home/home_hero_audi_5894_2x_2000x1500.jpg');
			/* background: rgba(255, 255, 0, 0.5); */
		}

		#id_hero_3 {
			background-image: url('../images/home/home_hero_volkswagen_4969_2x_2000x1500.jpg');
		}

		#id_hero_4 {
			background-image: url('../images/home/home_hero_bmw_6397_2x_2000x1500.jpg');
		}

		#id_hero_5 {
			background-image: url('../images/home/home_hero_mercedesbenz_6328_2x_2000x1500.jpg');
		}

/* ///////////////////////////////////////////////// HOME : SERVICES & ABOUT US : 800px */
	/* 800w - 1199w 2x IMAGES 1080x1306px */
		#id_home_services {
			background-image: url('../images/home/home_ourservices_2x_7518_pccb_1080x1306.jpg');
		}

		#id_home_aboutus {
			background-image: url('../images/home/home_aboutus_2x_7518_pccb_1080x1306.jpg');
		}
	}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 1000px */
	@media (min-width: 1000px) {
/* /////////////////////////////////////////////////////////////// HOME : HERO : 1000px */
	/* 1000w - 1599w 1x IMAGES 3200x2400px */
		#id_hero_1 {
			background-image: url('../images/home/home_hero_porsche_6911_2x_3200x2400.jpg');
			/*
			background-image: url('../images/home/home_hero_porsche_6911_1x_1600x1200.jpg');
			*/
		}

		#id_hero_2 {
			background-image: url('../images/home/home_hero_audi_5894_2x_3200x2400.jpg');
			/* background-image: url('../images/home/home_hero_audi_5894_1x_1600x1200.jpg'); */
			/* background: rgba(255, 255, 0, 0.5); */
		}

		#id_hero_3 {
			background-image: url('../images/home/home_hero_volkswagen_4969_2x_3200x2400.jpg');
			/*
			background-image: url('../images/home/home_hero_volkswagen_4009_1x_1600x1200.jpg');
			*/
		}

		#id_hero_4 {
			background-image: url('../images/home/home_hero_bmw_6397_2x_3200x2400.jpg');
			/*
			background-image: url('../images/home/home_hero_bmw_6397_1x_1600x1200.jpg');
			*/
		}

		#id_hero_5 {
			background-image: url('../images/home/home_hero_mercedesbenz_6328_2x_3200x2400.jpg');
			/* background-image: url('../images/home/home_hero_mercedesbenz_6328_1x_1600x1200.jpg'); */
		}
	}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 1200px */
	@media (min-width: 1200px) {
/* //////////////////////////////////////////////// HOME : SERVICES & ABOUT US : 1200px */
	/* 1200w+ 2x IMAGES 1400x1694px */
		#id_home_services {
			background-image: url('../images/home/home_ourservices_2x_7518_pccb_1400x1694.jpg');
		}

		#id_home_aboutus {
			background-image: url('../images/home/home_aboutus_2x_7518_pccb_1400x1694.jpg');
		}
	}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MEDIA : 1600px */
	@media (min-width: 1600px) {
/* /////////////////////////////////////////////////////////////// HOME : HERO : 1600px */
	/* 1600w+ 2x IMAGES 4000x3200px */
		#id_hero_1 {
			background-image: url('../images/home/home_hero_porsche_6911_2x_4000x3000.jpg');
			/*
			background-image: url('../images/home/home_hero_porsche_6911_1x_1600x1200.jpg');
			*/
		}

		#id_hero_2 {
			background-image: url('../images/home/home_hero_audi_5894_2x_4000x3000.jpg');
			/* background: rgba(255, 255, 0, 0.5); */
			/* background-image: url('../images/home/home_hero_audi_5894_1x_1600x1200.jpg'); */
		}

		#id_hero_3 {
			background-image: url('../images/home/home_hero_volkswagen_4969_2x_4000x3000.jpg');
			/*
			background-image: url('../images/home/home_hero_volkswagen_4009_1x_1600x1200.jpg');
			*/
		}

		#id_hero_4 {
			background-image: url('../images/home/home_hero_bmw_6397_2x_4000x3000.jpg');
			/*
			background-image: url('../images/home/home_hero_bmw_6397_1x_1600x1200.jpg');
			*/
		}

		#id_hero_5 {
			background-image: url('../images/home/home_hero_mercedesbenz_6328_2x_4000x3000.jpg');
			/* background-image: url('../images/home/home_hero_mercedesbenz_6328_1x_1600x1200.jpg'); */
		}
	}
}

@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
/* <480w 3x IMAGES ???px */
}