/************************************************/
/*                   SHARED                     */
/************************************************/

.hidden {
	display: none;
}



/* BANNERS */

.androiduinta {
	margin-bottom: 30px;
}
#productQuickLinkIconsGrid{
	margin-top: 80px;
	margin-bottom: 60px;
	display: grid;
	grid-template-columns: repeat(7,140px);
	justify-content: center;
}
#productQuickLinkIconsGrid img{
	display: flex;
	filter: invert(55%);
	width: 100%;
}
#productQuickLinkIconsGrid img:hover{
	filter: invert(69%) sepia(86%) saturate(4987%) hue-rotate(7deg) brightness(97%) contrast(103%);
	cursor: pointer;
}

#strada_slide_img p{
	max-width: 257px;

}
.productInfoGrid{
	margin-top : 80px;
	margin-bottom : 240px;
	display: grid;
	margin-left: 15%;
	margin-right: 0px;
	grid-template-columns: 2fr 700px;	
}

.learnMoreContainer{
	transform: translateY(70%);
}

.productHeader{
    font-family: bebas-neue, sans-serif;
    font-style: normal;
    font-weight: bold;
    color: #EA7600;
    font-size: 34px;
    line-height: 1;
    letter-spacing: 10px;
    margin-bottom: 1rem;	
}

.productBlurb{
	font-family: open-sans, sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 23px;	
}

.productInfoList{
	padding: 0;
	list-style:none;
	display: block;
	margin-bottom: 1rem;
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;			
}
.productInfoList .productInfoListItem::marker{
    content: "\2022";
    color: #5F5F61;
    font-weight: bold;
} 

.productInfoListItem{
	font-family: open-sans, sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 23px;	
	list-style:none;
	padding-left:0.5em;
	padding-bottom: 0.5em;
}

.madeInUsaImg{
	position:relative;
	left: 50%;
	transform: translateX(-50%);
	height: 150px;
	margin-bottom: 16px;
    filter: invert(63%) sepia(3%) saturate(363%) hue-rotate(161deg) brightness(87%) contrast(88%);	
}

.detailsBtn{
	position:relative;
	left: 50%;
	transform: translateX(-50%);	
	border-radius: 26px;
	border:solid 1px rgba(110, 110, 110, 0.4);
	font-size: 13px;
	padding: 10px 25px;
	width : 200px;
    font-family: montserrat, sans-serif;
    line-height: 16px;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 0px 2px 2px rgb(0 0 0 / 60%);
    letter-spacing: 0px;
    display: inline-block;
    white-space: nowrap;
	background: linear-gradient(to bottom, #6e6e6e, #a4a4a4 80%);
	color:white;
	text-decoration: none;
}

.detailsBtn:hover{
	text-decoration: none;
	background: linear-gradient(to bottom, #de6a00, #ffa81c 80%);
	color:white;
}


/* TEXT */



#android11CarouselContent{
	margin-top: 200px;
}

.logoAndImgContainer{
	position:relative;
	background-position: center center;
	background-size: cover;
	height: 600px;
	width: 100%;
}

.productLogoType{
	position: absolute;
	left: 15%;
	top:40%;
	filter: drop-shadow(3px 5px 2px rgb(255 255 255 / 0.4)) invert(100%) opacity(90%);
    max-width: 800px;
}
.leftLogoType{
	display: block;
}
.centeredLogoType{
	display : none;
}

.productDisplayImg{
	position: absolute;	
	max-width: 700px;
	top: 100%;
	right: 0;
	transform:translateY(-50%);
}
.productDisplayImg img{
	
	max-width: 700px;
}


/****************************************************************************************************/
/*** Banner Carousel ************************************************************************************/
/****************************************************************************************************/
.carousel-content .button_pill {
	font-family: montserrat, sans-serif;
	font-size: 15px;
	border: 2px solid white;
	color: white;
	background: none;
	text-transform: uppercase;
	width: 256px;
	border-radius: 5px;
	padding-top: 6px;
	padding-bottom: 3px;
	
}

#thirtyYearsLink{
	position : absolute; 
	width: 60%; 
	height : 40%; 
	left: 20%; 
	top : 10%	
}
.carousel-content .button_pill:hover {
	color: white;
	background-color: #EA7600;
	text-decoration: none;
}

#page_banner_carousel {
	padding-top: 70px;
	min-height: 625px;
}

.page_banner {
	display: grid;
	grid-template: minmax(340px, auto) minmax(285px, auto) / 1fr;
}

.carousel-inner {
	overflow-y: visible;
	min-height: 625px;
}

.carousel_img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.carousel_img img {
	max-width: 100%;
}

.carousel-content {
	width: 100%;
	background-color: #8A8B8E;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-shadow: 3px 3px 10px #000000BF;
	
}

.carousel-content h2 {
	font-family: DaxOT, sans-serif;
	font-size: 48px;
	font-weight: 500;
	color: white;
	opacity: .8;
	text-shadow: 3px 3px 10px #000000BF;
	margin-top: 10px;
	text-align: center;
}

.carousel-content p {
	color: white;
	font-weight: 300;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 22px;
	text-shadow: #000000BF 3px 3px 3px;
	width: 90%;
	text-align: center;
	max-width: 350px;
	margin-bottom: 30px;
}

.carousel-content a {
	width: 190px;
}

#page_banner_carousel .carousel-indicators>li {
	width: 12px;
	height: 12px;
	border-width: 0px;
	border: 1px solid grey;
	border-radius: 7px;
	background-color: #c2c2c2;
	margin: 0 10px;
	cursor: pointer;
}

#page_banner_carousel .carousel-indicators>li.active,
.carousel-indicators>li:hover {
	background-color: white;
	opacity: 0.75;
}




/************************************************/
/*                 TOP SECTION                  */
/************************************************/

/* Rugged landscape banner / logo styles */
#main_banner {
	background-image: url("/images/banners/juniper-logo-image-background.webp");
	background-position: top center;
	background-size: cover;
}
#thirtyYearsDiv{
	display:flex
}
#rock_solid_learn_more {
	padding: 10px 0;
	display: none;
}



#rock_solid_container {
	background-color: #8A8B8E;
	opacity: 75%;
	background-position: center;
	text-align: center;
	margin-top: 48px;
}

#rock_solid_logo {
	width: 265px;
}

#top_section {
	display: flex;
	flex-wrap: wrap;
}


/*------------------------------------------------------------------------------------------------*\
|
|
|
|
|
|
| xxs breakpoint
|
|
|
|
|
|
\*------------------------------------------------------------------------------------------------*/
@media (max-width: 349px) {

	/****************************************************************************************************/
	/*** Banner Carousel ************************************************************************************/
	/****************************************************************************************************/
	#page_banner_carousel {
		height: 715px;
	}
	#android11CarouselContent{
		margin-top: 0px;
	}
	.carousel-inner {
		height: 715px;
	}
	.androiduinta {
		display: none;
		padding-bottom: 30px;
		}
	.page_banner {
		display: grid;
		grid-template: 340px 375px / 1fr;
	}

	.carousel-indicators {
		bottom: 310px;
	}

	.carousel-conent h2 {
		padding-top: 30px;
	}
	#thirtyYearsDiv{
		display: flex;
	}

	/****************************************************************************************************/
	#products_and_actions_container {
		padding-top: 50px;
	}

	#rock_solid_container {
		display: none;
	}

	.offset-image {
		bottom: 0;
	}

	.offset-image-div {
		height: auto;
	}

	.product_image_container {
		top: 0;
	}

	.product-info-width {
		padding-left: 5px;
		width: auto;
	}

	.product_container {
		height: auto;
	}

	#geode-image-div {
		height: 0;
	}

	#mesa-image-div {
		height: 0;
	}

	#main_banner {
		margin-top: 2.5rem;
	}

	#main_banner,
	#main_banner_logo {
		margin-top: 100px;
		height: 246px;
	}

	#productQuickLinkIconsGrid{
		grid-template-columns: repeat(1,140px);
		grid-template-rows: repeat(7,140px);
	}

	.productDisplayImg {
		top: 100%;
		left :50%;
		right:auto;
		transform: translate(-50%, 0%);
	}
	.productDisplayImg img{
		width: 300px;
	}	
	.productLogoType{
		transform: translate(-50%, 0%);
		left:50%;
		width: 100%;
	}
	.leftLogoType{
		display: none;
	}
	.centeredLogoType{
		display : block;
	}
	.logoAndImgContainer{
		height: 300px;
	}
	.productInfoGrid{
		margin-top : 460px;
		margin-bottom : 240px;
		margin-left: 0;
		display: grid;
		justify-content: center;
	
		grid-template-columns: 80%;	
	}
	.learnMoreContainer{
		margin-top: 80px;
		transform: translateY(0);
	}
	.productHeader{
		text-align: center;
	}

}

/*------------------------------------------------------------------------------------------------*\
|
|
|
|
|
|
| xs breakpoint
|
|
|
|
|
|
\*------------------------------------------------------------------------------------------------*/
@media (min-width: 350px) and (max-width: 575px) {

	/****************************************************************************************************/
	/*** Banner Carousel ************************************************************************************/
	/****************************************************************************************************/
	.carousel-indicators {
		bottom: 300px;
	}
	#thirtyYearsDiv p{
		max-width: 255px;
	}	
	#android11CarouselContent{
		margin-top: 0px;
	}
	/****************************************************************************************************/
	.androiduinta {
		display: none;
		}
	
	#products_and_actions_container {
		padding-top: 50px;
	}

	#rock_solid_container {
		display: none;
	}

	#cedar_product_logo{
		padding-top: 5%;
	}

	.offset-image {
		bottom: 0;
	}

	.offset-image-div {
		height: auto;
	}

	.product_image_container {
		top: 0;
	}

	.product-info-width {
		padding-left: 5px;
		width: auto;
	}

	.product_container {
		height: auto;
	}

	#geode-image-div {
		height: 0;
	}

	#mesa-image-div {
		height: 0;
	}

	#main_banner {
		margin-top: 2.5rem;
	}

	#main_banner,
	#main_banner_logo {
		margin-top: 100px;
		height: 246px;
	}


	#productQuickLinkIconsGrid{
		grid-template-columns: repeat(2,140px);
		grid-template-rows: repeat(5,140px);
	}
	.productDisplayImg {
		top: 100%;
		left :50%;
		right:auto;
		transform: translate(-50%, 0%);
	}
	.productDisplayImg img{
		width: 300px;
	}	
	.productLogoType{
		transform: translate(-50%, 0%);
		left:50%;
		width: 100%;
	}
	.leftLogoType{
		display: none;
	}
	.centeredLogoType{
		display : block;
	}
	.logoAndImgContainer{
		height: 300px;
	}
	.productInfoGrid{
		margin-top : 460px;
		margin-bottom : 240px;
		margin-left: 0;
		display: grid;
		justify-content: center;
	
		grid-template-columns: 80%;	
	}
	.learnMoreContainer{
		margin-top: 80px;
		transform: translateY(0);
	}

	.productHeader{
		text-align: center;
	}


}



/*------------------------------------------------------------------------------------------------*\
|
|
|
|
|
|
| sm breakpoint
|
|
|
|
|
|
\*------------------------------------------------------------------------------------------------*/
@media (min-width: 576px) and (max-width: 767px) {

	/****************************************************************************************************/
	/*** Banner Carousel ************************************************************************************/
	/****************************************************************************************************/
	.page_banner {
		display: grid;
		grid-template: 375px 250px / 1fr;
	}
	#android11CarouselContent{
		margin-top: 0px;
	}
	.carousel-indicators {
		bottom: 265px;
	}
	#thirtyYearsDiv p{
		max-width: 255px;
	}
	#thirtyYearsLink{
		top : 4%
	}	
	
	.carousel-conent h2 {
		padding-top: 30px;
	}

	.carousel-content p {
		width: 400px;
	}
	.androiduinta {
		display: none;
		}
	/****************************************************************************************************/
	#products_and_actions_container {
		padding-top: 50px;
	}

	#rock_solid_container {
		display: none;
	}
	#cedar_product_logo{
		padding-top: 5%;
	}

	#geode-image-div {
		height: 0;
	}

	#mesa-image-div {
		height: 0;
	}

	#main_banner {
		margin-top: 2.5rem;
	}

	#main_banner,
	#main_banner_logo {
		margin-top: 100px;
		height: 246px;
	}


	#productQuickLinkIconsGrid{
		grid-template-columns: repeat(2,140px);
		grid-template-rows: repeat(5,140px);
	}
	.productDisplayImg {
		top: 100%;
		left :50%;
		right:auto;
		transform: translate(-50%, 0%);
	}
	.productDisplayImg img{
		width: 300px;
	}	
	.productLogoType{
		transform: translate(-50%, 0%);
		left:50%;
		width: 100%;
	}
	.leftLogoType{
		display: none;
	}
	.centeredLogoType{
		display : block;
	}
	.logoAndImgContainer{
		height: 300px;
	}
	.productInfoGrid{
		margin-top : 460px;
		margin-bottom : 240px;
		margin-left: 0;
		display: grid;
		justify-content: center;
	
		grid-template-columns: 80%;	
	}
	.learnMoreContainer{
		margin-top: 80px;
		transform: translateY(0);
	}

	.productHeader{
		text-align: center;
	}


}



/*------------------------------------------------------------------------------------------------*\
|
|
|
|
|
|
| md breakpoint
|
|
|
|
|
|
\*------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {

	/****************************************************************************************************/
	/*** Banner Carousel ************************************************************************************/
	/****************************************************************************************************/
	.carousel_img {
		display: none;
	}
	#android11CarouselContent{
		margin-top: 150px;
	}
	.carousel-content {
		position: absolute;
		z-index: 1;
		background-color: transparent;
		display: flex;
		flex-direction: column;
		align-items: center;
		top: 275px;
	}
	#thirtyYearsDiv{
		margin-top: 128px;
		display: flex;
	}
	#thirtyYearsDiv h2{
		display: none;
	}
	#thirtyYearsDiv p{
		max-width: 420px;
	}			
	.carousel-content h2 {
		font-size: 5.5em;
	}

	.carousel-content p {
		font-size: 1.25em;
		font-weight: 350;
		width: 400px;
	}

	.carousel-indicators {
		bottom: 15px;
	}
	#spire_2026 {
		background-image: url("/images/main/0925_Spire_1000x625.jpg");
		background-position: center center;
	}

	#thirtyYearsLink{
		width: 50%; 
		height : 45%; 
		left: 25%; 
		top : 13%
	}	
	
	#strada_slide_img {
		background-image: url("/images/main/0723_MP_IP68_1000x625.webp");
		background-position: center center;
	}

		

	
	#mesa_4_slide_img {
		background-image: url("/images/main/1223_M4_NA_1000x625.webp");
		background-position: center center;
	} 

	#archer_4_slide_img {
		/* background-image: url("/images/main/0324_A4_CS_1000x625.jpg"); */
		background-image: url("/images/main/0524_A4_NA_1000x625.jpg");
		background-position: center center;
	} 

	#allegro_keyboard_slide {
		background-image: url("/images/main/1024_AWK_NA_1000x625.jpg");
		background-position: center center;
	} 
	#archer_gnss_slide {
		background-image: url("/images/main/0425_GNSS_Pod_1000x625.jpg");
		background-position: center center;
	} 
	
	#mesa_pro_drop_slide {
		background-image: url("/images/main/1124_MP_Drop_1000x625.jpg");
		background-position: center center;
	} 

	#brand {
		background-image: url("/images/main/0122_JS_Brand_1000x625.webp");
		background-position: center center;
	}


	#christmas21_slide_img {
		background-image: url("/images/main/1221_JS_Christmas_1000x625.jpg");
		background-position: center center;
	}

	#newyear22_slide_img {
		background-image: url("/images/main/0122_JS_NewYear_1000x625.jpg");
		background-position: center center;
	}

	#uinta_android_slide_img {
		background-image: url("/images/main/0122_JS_Uinta_Android_1000x625.webp");
		background-position: center center;
	}

	#android11_slide_img {
		background-image: url("/images/main/1221_JS_Android_Carousel_1000x625.webp");
		background-position: center center;
	}

	#geode_slide_img {
		/* background-image: url("/images/main/0924_GeodeGrip_NA_1000x625.jpg"); */
		background-image: url("/images/main/0125_GNS3H_1000x625.jpg");

		background-position: center center;
	}	

	#ct8x2_slide_img {
		background-image: url("/images/main/CT8X2_Carousel_1000x625.webp");
		background-position: center center;
	}

	#ct8x2_slide_img .carousel-content {
		position: absolute;
		z-index: 1;
		background-color: transparent;
		display: flex;
		flex-direction: column;
		align-items: center;
		top: 270px;
		left: 120px;
	}

	#customization_slide_img {
		background-image: url("/images/main/Customization_Carousel_1000x625.jpg");
		background-position-x: center;
		background-position-y: center;
	}

	#customization_slide_img .carousel-content {
		position: absolute;
		z-index: 1;
		background-color: transparent;
		display: flex;
		flex-direction: column;
		align-items: center;
		top: 270px;
	}

	#customization_slide_img .carousel-content p {
		margin-bottom: 0px;
	}

	#customization_slide_img .carousel-content a {
		margin-top: 30px;
	}



	#products_and_actions_container {
		padding-top: 50px;
	}

	.offset-image {
		bottom: 0;
	}

	.offset-image-div {
		height: auto;
	}

	#geode-image-div {
		height: 300px;
	}

	#main_banner,
	#main_banner_logo {
		margin-top: 50px;
		height: 433px;
	}

	.comming-soon-banner {
		padding-top: 20px;
		line-height: 40px;
	}


	#mesa2_large_viewing_area_icon,
	#mesa2_usa_icon,
	#allegro2_usa_icon,
	#archer2_usa_icon {
		display: none;
	}
	#productQuickLinkIconsGrid{
		grid-template-columns: repeat(3,140px);
		grid-template-rows: repeat(3,140px);
	}

	

	.productDisplayImg img{
		width: 340px;
	}	
	.productLogoType{
		transform: translate(-50%, -35%);
		left:50%;
		width: 100%;
	}
	.leftLogoType{
		display: none;
	}
	.centeredLogoType{
		display : block;
	}
	.logoAndImgContainer{
		height: 380px;
	}
	.productInfoGrid{
		margin-left: 5%;
		grid-template-columns: 1fr 340px;	
	}	
	.learnMoreContainer{
		transform: translateY(30%);
	}
}



@media (min-width: 992px) and (max-width: 1199px) {

	/****************************************************************************************************/
	/*** Banner Carousel ************************************************************************************/
	/****************************************************************************************************/
	#page_banner_carousel {
		padding-top: 0px;
	}
	#thirtyYearsDiv{
		display:none
	}
	#spire_2026 {
		background-image: url("/images/main/0925_Spire_1600x900.jpg");
		background-position: center center;
	}
	#thirtyYearsLink{
		width: 40%; 
		height : 55%; 
		left: 30%; 
		top : 30%
	}		
	.carousel_img {
		display: none;
	}

	.carousel-content {
		position: absolute;
		z-index: 1;
		background-color: transparent;
		display: flex;
		flex-direction: column;
		align-items: center;
		top: 230px;
	}

	.carousel-content h2 {
		font-size: 5.5em;
	}

	.carousel-content p {
		font-size: 1.25em;
		font-weight: 350;
		width: 400px;
		max-width: none;
	}

	.carousel-indicators {
		bottom: 0;
	}

	.geode-carousel-content{
		transform: translate(-150px, 0px);
	}
	.right-carousel-content{
		transform: translate(150px, 0px);
	}
	.archer4-carousel-content{
		transform: translate(-150px, 0px);
	}	
	#strada_slide_img {
		background-image: url("/images/main/0723_MP_IP68_Header_1600x900.webp");
		background-position: center center;
	}

	#mesa_4_slide_img {
		background-image: url("/images/main/1223_M4_NA_Header_1600x900.webp");
		background-position: center center;
	} 

	#archer_4_slide_img {
		/* background-image: url("/images/main/0324_A4_CS_Header_1600x900.jpg"); */
		background-image: url("/images/main/0524_A4_NA_Header_1600x900.jpg"); 
		background-position: center center;
	} 

	#allegro_keyboard_slide {
		background-image: url("/images/main/1024_AWK_NA_1600x900.jpg");
		background-position: center center;
	} 
	#archer_gnss_slide {
		background-image: url("/images/main/0425_GNSS_Pod_1600x900.jpg");
		background-position: center center;
	} 
	#mesa_pro_drop_slide {
		background-image: url("/images/main/1124_MP_Drop_Header_1600x900.jpg");
		background-position: center center;
	} 
	#brand {
		background-image: url("/images/main/0122_JS_Brand_1600x900.webp");
		background-position: center center;
	}

	#christmas21_slide_img {
		background-image: url("/images/main/1221_JS_Christmas_1600x900.jpg");
		background-position: center center;
	}

	#newyear22_slide_img {
		background-image: url("/images/main/0122_JS_NewYear_1600x900.jpg");
		background-position: center center;
	}

	#uinta_android_slide_img {
		background-image: url("/images/main/0122_JS_Uinta_Android_1600x900.webp");
		background-position: center center;
	}

	#android11_slide_img {
		background-image: url("/images/main/1221_JS_Android_Carousel_1920x1080.webp");
		background-position: center center;
	}

	#geode_slide_img {
		/* background-image: url("/images/main/0924_GeodeGrip_NA_1600x900.jpg"); */
		background-image: url("/images/main/0125_GNS3H_1600x900.jpg");

		background-position: center center;
	}

	#ct8x2_slide_img {
		background-image: url("/images/main/CT8X2_Carousel_1600x900.jpg");
		background-position: center center;
	}

	#ct8x2_slide_img .carousel-content {
		position: absolute;
		z-index: 1;
		background-color: transparent;
		display: flex;
		flex-direction: column;
		align-items: center;
		top: 230px;
		left: 130px;
	}

	#customization_slide_img {
		background-image: url("/images/main/Customization_Carousel_1600x900.jpg");
		background-position-x: center;
		background-position-y: center;
	}

	#customization_slide_img .carousel-content {
		position: absolute;
		z-index: 1;
		background-color: transparent;
		display: flex;
		flex-direction: column;
		align-items: center;
		top: 230px;
		right: 250px;
	}


	#products_and_actions_container {
		padding-top: 20px;
		padding-bottom: 5rem;
		height : 355px;
	}
	#mesa_pro_banner .product-logo{
		padding-top: 15%;
		padding-bottom: 10%;
		left:38%
	}
	#rock_solid_container {
		background-image: url('/images/banners/RedRock_Gray.webp');
	}

	#main_banner,
	#main_banner_logo {
		height: 560px;
		top: 100px;
	}


	.productDisplayImg img{
		width : 480px;
	}
	.productLogoType{
		left: 5%;
	}
	.productInfoGrid{
		margin-left: 5%;
		grid-template-columns: 2fr 480px;	
	}
	.learnMoreContainer{
		transform: translateY(35%);
	}		
}


/*------------------------------------------------------------------------------------------------*\
|
|
|
|
|
|
| xl breakpoint
|
|
|
|
|
|
\*------------------------------------------------------------------------------------------------*/
@media (min-width: 1200px) and (max-width: 1559px) {

	#page_banner_carousel {
		padding-top: 0px;
	}
	#thirtyYearsDiv{
		display:none
	}
	#thirtyYearsLink{
		width: 35%; 
		height : 65%; 
		left: 32.5%; 
		top : 25%
	}	
	#spire_2026 {
		background-image: url("/images/main/0925_Spire_1920x1080.jpg");
		background-position: center center;
	}			
	.carousel_img {
		display: none;
	}

	.carousel-content {
		position: absolute;
		z-index: 1;
		background-color: transparent;
		display: flex;
		flex-direction: column;
		align-items: center;
		top: 230px;
	}

	.carousel-content h2 {
		font-size: 5.5em;
	}

	.carousel-content p {
		font-size: 1.25em;
		font-weight: 350;
		width: 400px;
		max-width: none;
	}

	.carousel-indicators {
		bottom: 0;
	}
	#spire_2026 .carousel-content {
		margin-left: 5%;
	}

	.geode-carousel-content{
		transform: translate(-200px, 0px);
	}
	.right-carousel-content{
		transform: translate(264px, 0px);
	}
	.archer4-carousel-content{
		transform: translate(-200px, 0px);
	}		
	#strada_slide_img {
		background-image: url("/images/main/0723_MP_IP68_Header_1920x1080.webp");
		background-position: center center;
	}

	#mesa_4_slide_img {
		background-image: url("/images/main/1223_M4_NA_Header_1920x1080.webp");
		background-position: left center;
	} 

	#archer_4_slide_img {
		/* background-image: url("/images/main/0324_A4_CS_Header_1920x1080.jpg"); */
		background-image: url("/images/main/0524_A4_NA_Header_1920x1080.jpg"); 
		background-position: left center;
	} 

	#allegro_keyboard_slide {
		background-image: url("/images/main/1024_AWK_NA_1920x1080.jpg");
		background-position: center center;
	} 
	#archer_gnss_slide {
		background-image: url("/images/main/0425_GNSS_Pod_1920x1080.jpg");
		background-position: center center;
	} 
	#mesa_pro_drop_slide {
		background-image: url("/images/main/1124_MP_Drop_Header_1920x1080.jpg");
		background-position: center center;
	} 
	#brand {
		background-image: url("/images/main/0122_JS_Brand_1920x1080.webp");
		background-position: center center;
	}

	#christmas21_slide_img {
		background-image: url("/images/main/1221_JS_Christmas_1920x1080.jpg");
		background-position: center center;
	}

	#newyear22_slide_img {
		background-image: url("/images/main/0122_JS_NewYear_1920x1080.jpg");
		background-position: center center;
	}

	#uinta_android_slide_img {
		background-image: url("/images/main/0122_JS_Uinta_Android_1920x1080.webp");
		background-position: center center;
	}

	#android11_slide_img {
		background-image: url("/images/main/1221_JS_Android_Carousel_1920x1080.jpg");
		background-position: center center;
	}

	#geode_slide_img {
		/* background-image: url("/images/main/0924_GeodeGrip_NA_1920x1080.jpg"); */
		background-image: url("/images/main/0125_GNS3H_1920x1080.jpg");

		background-position: center center;
	}
	#ct8x2_slide_img {
		background-image: url("/images/main/CT8X2_Carousel_1920x1080.jpg");
		background-position: center center;
	}

	#ct8x2_slide_img .carousel-content {
		position: absolute;
		z-index: 1;
		background-color: transparent;
		display: flex;
		flex-direction: column;
		align-items: center;
		top: 230px;
		left: 130px;
	}

	#customization_slide_img {
		background-image: url("/images/main/Customization_Carousel_1920x1080.jpg");
		background-position-x: center;
		background-position-y: center;
	}

	#customization_slide_img .carousel-content {
		position: absolute;
		z-index: 1;
		background-color: transparent;
		display: flex;
		flex-direction: column;
		align-items: center;
		top: 230px;
		right: 250px;
	}

	#main_banner,
	#main_banner_logo {
		height: 560px;
		top: 85px
	}

	#rock_solid_container {
		background-image: url('/images/banners/RedRock_Gray.webp');
	}

	.productDisplayImg img{
		width : 582px;
	}
	.productLogoType{
		left: 10%;
	}
	.productInfoGrid{
		margin-left: 10%;
		grid-template-columns: 2fr 582px;	
	}
	
	.learnMoreContainer{
		transform: translateY(50%);
	}
		
}

/*------------------------------------------------------------------------------------------------*\
|
|
|
|
|
|
| xxl breakpoint
|
|
|
|
|
|
\*------------------------------------------------------------------------------------------------*/
@media (min-width: 1560px) {

	/****************************************************************************************************/
	/*** Banner Carousel ************************************************************************************/
	/****************************************************************************************************/
	#thirtyYearsDiv{
		display:none
	}
	#thirtyYearsLink{
		width: 35%; 
		height : 65%; 
		left: 32.5%; 
		top : 25%
	}	
	#spire_2026 {
		background-image: url("/images/main/0925_Spire_1920x1080.jpg");
		background-position: center center;
	}
	.right-carousel-content{
		transform: translate(264px, 0px);
	}
	.archer4-carousel-content{
		transform: translate(-450px, 0px);
	}			
	#page_banner_carousel {
		padding-top: 0px;
	}

	.carousel_img {
		display: none;
	}

	.carousel-content {
		position: absolute;
		z-index: 1;
		background-color: transparent;
		display: flex;
		flex-direction: column;
		align-items: center;
		top: 230px;
	}

	.carousel-content h2 {
		font-size: 5.5em;
	}

	.carousel-content p {
		font-size: 1.25em;
		font-weight: 350;
		width: 400px;
		max-width: none;
	}

	.carousel-indicators {
		bottom: 0;
	}
	#spire_2026 .carousel-content {
		margin-left: 5%;
	}

	#strada_slide_img {
		background-image: url("/images/main/MP_IP68_Header_1920x1080.jpg");
		background-position: center center;
	}
	#mesa_4_slide_img {
		background-image: url("/images/main/1223_M4_NA_Header_1920x1080.webp");
		background-position: center center;
	}

	#archer_4_slide_img {
		/* background-image: url("/images/main/0324_A4_CS_Header_1920x1080.jpg"); */
		background-image: url("/images/main/0524_A4_NA_Header_1920x1080.jpg"); 
		background-position: center center;
	} 

	#allegro_keyboard_slide {
		background-image: url("/images/main/1024_AWK_NA_1920x1080.jpg");
		background-position: center center;
	} 
	#archer_gnss_slide {
		background-image: url("/images/main/0425_GNSS_Pod_1920x1080.jpg");
		background-position: center center;
	} 
	#mesa_pro_drop_slide {
		background-image: url("/images/main/1124_MP_Drop_Header_1920x1080.jpg");
		background-position: center center;
	} 
	#mesa_pro_drop_slide {
		background-image: url("/images/main/1124_MP_Drop_Header_1920x1080.jpg");
		background-position: center center;
	} 
	#brand {
		background-image: url("/images/main/0122_JS_Brand_1920x1080.webp");
		background-position: center center;
	}

	#christmas21_slide_img {
		background-image: url("/images/main/1221_JS_Christmas_1920x1080.jpg");
		background-position: center center;
	}

	#newyear22_slide_img {
		background-image: url("/images/main/0122_JS_NewYear_1920x1080.jpg");
		background-position: center center;
	}

	#uinta_android_slide_img {
		background-image: url("/images/main/0122_JS_Uinta_Android_1920x1080.webp");
		background-position: center center;
	}

	#android11_slide_img {
		background-image: url("/images/main/1221_JS_Android_Carousel_1920x1080.jpg");
		background-position: center center;
	}

	#geode_slide_img {
		/* background-image: url("/images/main/0924_GeodeGrip_NA_1920x1080.jpg"); */
		background-image: url("/images/main/0125_GNS3H_1920x1080.jpg");

		background-position: center center;
	}

	#geode_slide_img .carousel-content {
		position: absolute;
		z-index: 1;
		background-color: transparent;
		display: flex;
		flex-direction: column;
		align-items: center;
		top: 230px;
		/* right: 160px; */
	}	



	#ct8x2_slide_img {
		background-image: url("/images/main/CT8X2_Carousel_1920x1080.jpg");
		background-position: center center;
	}

	#ct8x2_slide_img .carousel-content {
		position: absolute;
		z-index: 1;
		background-color: transparent;
		display: flex;
		flex-direction: column;
		align-items: center;
		top: 230px;
		left: 130px;
	}

	#customization_slide_img {
		background-image: url("/images/main/Customization_Carousel_1920x1080.jpg");
		background-position-x: center;
		background-position-y: center;
	}

	#customization_slide_img .carousel-content {
		position: absolute;
		z-index: 1;
		background-color: transparent;
		display: flex;
		flex-direction: column;
		align-items: center;
		top: 230px;
		right: 435px;
	}

	
	#products_and_actions_container {
		padding-top: 20px;
	}

	.content_width {
		width: 60rem;
	}

	#main_banner,
	#main_banner_logo {
		height: 625px;
		top: 75px;
	}
	#rock_solid_container {
		background-image: url('/images/banners/RedRock_Gray.webp');
	}
}