/* 1600  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1600px) {

}


/* 1425  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1480px) {
	.csi-timelineHero .timePic1{
		left: -23rem;
	}
	
	.csi-timelineHero .timePic2{
		left: -22rem;
	}
	
	.csi-timelineHero .timePic3{
		right: -34rem;
	}
	
	.csi-timelineHero .timePic4{
		right: -25rem;
	}
}




/* 1425  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1425px) {
	.csi-carousel .carousel-caption{
		padding: 1.5rem;
	}
	
	
}



/* 1300  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1300px) {
	.csi-ib{
		top: 25vh;
	}

	
	/*
	.csi-header .csi-logo {
		max-width: 100%;
	}
	
		.csi-header .csi-logoNavContainer{
			padding-bottom: .5rem;
		}
		
		#location-initiate{
			left: 0;
		}
		
		 #csiMenuWrapper .csi-SecondaryMenu-navigation-wrapper .primary-menu > li{
			margin-left: .6rem;
		}
	
	.csi-col1,
	.csi-col2{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	.csi-col3{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin-top: .5rem;
		margin-right: auto !important;
	}
	
		.csi-col3 .csi-SecondaryMenu-navigation-wrapper{
			margin-right: auto !important;
			margin-left: initial !important;
		}
	
	.csi-selectMarketBtn {
		margin-left: auto;
	}
	
	*/

}


/* 1250  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1250px) {
	.csi-carousel .carousel-caption{
		left: 1rem;
	}
	
	.csi-fourthSection .col-lg-8,
	.csi-fourthSection .col-lg-4{
		flex: 0 0 50%;
		max-width: 50%;
	}
	
	
}



/* 1200  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1200px) {
	.csi-SecondaryMenu-navigation-wrapper{
		display: none;
	}
	
	.csi-Menu-inner .col-auto {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		width: 50% !important;
		max-width: 50% !important;
	}
	
	#csiMenuWrapper button.toggle{
		padding: 0;
		margin-top: -1rem;
	}
	
	#csiMenuWrapper .toggle-inner .toggle-text,
	#csiMenuWrapper .nav-toggle svg{
		color: #fff;
		fill: #fff;
	}
	
	.csi-sectionThree{
		background-size: 400px auto !important;
		background-position: top center;
	}
	
		.csi-sectionThree .col-lg-7{
			margin-top: 250px;
		}
	
	.csi-insidepages .csi-sidebar{
		margin-top: 0;
	}
	
	
	.csi-timelineHero .timePic1{
		width: 300px;
		height: 210px;
		left: -17rem;
	}
	
	.csi-timelineHero .timePic2{
		width: 300px;
		height: 210px;
		left: -19rem;
	}
	
	.csi-timelineHero .timePic3{
		width: 440px !important;
		height: 300px !important;
		right: -27rem;
	}
	
	.csi-timelineHero .timePic4{
		width: 300px !important;
		height: 210px !important;
		right: -19rem;
	}
	
}


/* 1130  *
-------------------------------------------------------------------------------------- */
@media (max-width: 1130px) {
	.csi-SecondaryMenu-navigation-wrapper{
		display: none;
	}
	
	
}



/* 992  *
-------------------------------------------------------------------------------------- */
@media (max-width: 992px) {
	.csi-cardsHome .carousel-inner{
		position: relative;
	}
	
	.csi-topFixed{
		position: relative;
	}
	
		.csi-ib{
			position: relative;
			top: 0;
			width: 100%;
			border-radius: 0;
		}
		
	.csi-heroBoxyBox{
		padding-top: 0;
	}
	
	.csi-header .csi-nav{
		padding-bottom: 0;
	}
	
	/* .csi-heroBoxyBox .carousel-item:before{
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.66);
	} */
	
	.csi-videoBackground .video-background{
		height: 300px;
	}
	
	
	
	.csi-carousel .carousel-caption{
		//background: #163070;
		padding: 1rem 2rem;
		text-shadow: rgb(0 0 0 / 85%) 0 2px 3px, rgb(0 0 0) 0 2px 3px;
	}
	
	.carousel-caption-video {
		position: relative;
		bottom: 0;
		padding: 2rem ;
		left: 0;
		width: 100%;
		z-index: 10;
		background: #163070;
	}
	
		.csi-carousel .carousel-caption h2, .csi-carousel .carousel-caption-video h2{
			font-size: 2.5rem;
		}
	
		.csi-carousel .carousel-caption p, .csi-carousel .carousel-caption-video p{
			font-size: 1rem;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			max-width: 100%;
		}
		
		
		.csi-videoBackground .video-foreground, .csi-videoBackground .video-background iframe {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			width: 100%;
			height: 100%;
			pointer-events: none;
			background: #163070;
		}
		
		.csi-videoBackground:after,
		.csi-videoBackground .video-background:after,
		.csi-videoBackground .video-background:before{
			background: transparent;
		}
		
		
	/*
	.carousel-caption h2,
	.carousel-caption p,
	.carousel-caption a{
		color: #fff !important;
	}
	*/
	
	#locationModal .modal-body a{
		font-family: garage-gothic, sans-serif;
		text-transform: uppercase;
		font-size: 3rem;
		font-weight:700;
		text-decoration: none;
		width:100%;
		padding-right: 1rem;
		float: left;
	  }
	  
	  
	.csi-sectionTwo{
		height: auto;
	}
	
		.csi-sectionTwo .cams-cardCarousel{
			position: relative;
			top: 0;
			left: -3rem;
		}
		
		#carousel-product-slider .carousel-controls{
			position: relative !important;
			top: 0!important;
			left: 0!important;
			text-align: left!important;
			margin-top: 3rem!important;
		}
		
		#carousel-product-slider .carousel-caption{
			margin-top: 0;
			max-width: 540px;
		}
		
		
		.csi-sectionFour .cams-cardContainer-2{
			margin-left: 0;
		}
		
		.csi-sectionFour h2{
			font-size: 2.3rem;
		}
		
		
		.csi-questionsContainer {
			position: relative !important;

			width: 100%!important;;
		
			height: auto!important;;
			padding: 0 4rem!important;;
			bottom: 0!important;;
			right: 0!important;;
			z-index: 900!important;
			margin-top: 3rem;
		}
		
		.csi-questionsContainer .questions-box{
			width: 100%!important;;
		}
		
		
		.csi-carousel .carousel-item{
			height: 450px;
		}
		
		.csi-timelineBody .timelinePicBig {
			position: relative;
			width: 270px;
			height: 200px;
			background: #fff;
			box-shadow: 10px 33px 26px #8d6b4c80;
			border-radius: 6px;
			z-index: 1;
			left: 0 !important;
			top: 3rem  !important;
			transform: rotate(0deg) !important;
			border: 1px solid #E2D4C6;
		}
		
		.csi-timelineBody .csi-timelineLeft .timelinePicSmall {
			right: 0rem;
			top: 3rem;
			left: 300px;
			transform: rotate(0deg);
			border: 1px solid #E2D4C6;
			position: absolute;
			width: 270px;
			height: 200px;
			background: #fff;
			box-shadow: 10px 33px 26px #8d6b4c80;
			border-radius: 6px;
			z-index: 2;
		}
		
		.csi-timelineLeft .col-lg-4.offset-lg-1, .csi-timelineRight .col-lg-4.offset-lg-1 {
			background: #f5f0ea;
			border-radius: 10px;
			padding: 2rem;
			text-align: left;
			position: relative;
			z-index: 5;
		}
		
		.csi-timelineBody .csi-timelineRight .timelinePicSmall {
			left: 300px;
			top: 3rem;
			bottom: 0;
			transform: rotate( 0deg );
			border: 1px solid #E2D4C6;
		}
		
		
		.csi-timelineBody>.container .row {
			margin-top: 1rem;
			margin-bottom: 1rem;
		}
	
		.csi-timelineRight h2:after,
		.csi-timelineLeft h2:after{
			display: none;
		}
		
		
		.csi-col1,
		.csi-col2{
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
		}
		
		.csi-col3{
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
			margin-top: .5rem;
			margin-right: auto !important;
		}
		.csi-col3 .csi-SecondaryMenu-navigation-wrapper{
			/*
			width: 100% !important; 
			-ms-flex: 0 0 100% !important;
			flex: 0 0 100% !important;
			max-width: 100% !important;
			text-align: center !important;
			*/
			display: none !important;
		}
		
		.csi-header .csi-logo {
			max-width: 340px;
			margin: 0 auto;
		}
		.csi-header .csi-logo a{
			margin: 0 auto;
		}
		
		
		.csi-selectMarketBtn {
			margin-left: -1.3rem;
			width: 100%;
		}
		
			#location-initiate{
				display: block;
			}
		
		.csi-col3 form.search-form{
			width: 100%;
			margin-bottom: .5rem;
			border-radius: 100%;
		}
		
		.csi-col3 .search-form input{
			width: 100%;
			border-radius: 6px 0 0 6px;
		}
		
		.csi-col3 .search-form button{
			border-radius: 0 6px 6px 0;
		}
	  
	  
	  
 }


/* 768  *
-------------------------------------------------------------------------------------- */
@media (max-width: 768px) {
	
	.aboutFirstContainer{
		margin-top: 10rem;
	}	


	.csi-timelineHero .timePic1{
		width: 230px;
		height: 140px;
		left: 3rem;
		top: -18rem ;
			transform: rotate( -5deg );
	}
	
	.csi-timelineHero .timePic2{
		width: 230px;
		height: 140px;
		left: 3rem;
		top: -9rem;
		 transform: rotate( -2deg );
	}
	
	.csi-timelineHero .timePic3{
		width: 230px !important;
		height: 140px !important;
		right: 2rem;
		top: -18rem ;
	}
	
	.csi-timelineHero .timePic4{
		width: 230px !important;
		height: 140px !important;
		right: 3rem;
		top:-10rem;
		 transform: rotate( 4deg );
	}
	
}


/* 568  *
-------------------------------------------------------------------------------------- */
@media (max-width: 568px) {
	
	
	.csi-sectionFive .juicerContent iframe{
		width: 100%;
	}
	
	.csi-carousel .carousel-item{
		min-height: 350px;
		height: 350px;
	}
	
	.csi-carousel .carousel-caption{
		margin-bottom: 1rem;
	}
	
	.csi-carousel .carousel-caption h2, .csi-carousel .carousel-caption-video h2{
		font-size: 1.75rem;
	}
	
	
	
	.csi-carousel .carousel-caption h4, .csi-carousel .carousel-caption-video h4{
		font-size: 1rem;
	}
	
	#carousel-product-slider .carousel-caption{
		width: 400px;
	}
	.csi-sectionTwo {
		height: 1200px;
	}
	
	.csi-sectionFour .text-center .col-8{
		flex: 0 0 90%;
		max-width: 90%;
	}
	
	.csi-sectionFour .text-center .offset-2{
		margin-left: 5%;
	}
	
	#carousel-product-slider .carousel-caption{
		padding: 0 3rem 0 1.5rem !important;
		max-width: 420px;
	}
	
	.csi-sectionTwo .cams-cardCarousel{
		left: 0;
	}
	
	#carousel-product-slider .carousel-controls {
		left: 1.5rem !important;
	}
	
	.csi-sectionThree h2,
	.csi-sectionSix h2 {
		font-size: 2rem;
	}
	
	.pcb-Container{
		display: none;
	}
	
	.csi-articleContent .csi-containerSize{
		padding-left: 0;
		padding-right: 0;
	}
	
	.content-product-filter.px-3{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.csi-articleContent .col-xl-8.order-1.offset-xl-2 {
		padding-left: 0;
		padding-right: 0;
	}
	
	.csi-carousel .carousel-caption{
		left: 0;
	}
	
	.footer-utility.d-flex{
		display: block !important;
		padding: 1rem 1rem 0 1rem;
	}
	
	footer .footer-utility select.goog-te-combo, footer .footer-utility a.csi-btn{
		width: 100%;
	}
	
	footer .footer-utility select.goog-te-combo{
		text-align-last: center;
		text-align: center !important;

	}
	
	@supports (-webkit-touch-callout: none) {
		 footer .footer-utility select.goog-te-combo{
	
			 padding-left: 30%;
		 }
		}
	
	div#google_translate_element{
		width: 100%;
		margin-left: -2rem;
	}
	
	.carousel-caption-video h2{
		font-size: 2rem;
	}
	
	.csi-videoBackground .video-background{
		min-height: 200px;
	}
	
	.csi-carousel .carousel-caption-video h4{
		color: #fff;
		text-shadow: none;
	}
	
	a.csi-btn.button.red-button {
		width: 100%;
		padding: 1rem;
	}
	
	
	.card-carousel.carousel,
	.card-carousel.carousel .carousel-inner,
	.csi-carousel.card-carousel .carousel-item{
		width: 100% !important;
	}
	
	.csi-carousel.card-carousel .carousel-card-body{
		padding: 3rem;
	}
	
	.csi-insidepages .csi-textEditor ul{
		-webkit-column-count:1;
		-moz-column-count: 1;
		column-count: 1;
	}
	
	.csi-selectMarketBtn {
		margin-left: -1rem;
		margin-top: 1rem;
		width: 100%;
	}
	
	.csi-header .csi-selectMarketBtn {
		margin-left: -1.3rem;

	}
	
	.csi-nav .toggle-inner{
		display: flex !important;
		align-items: center !important;
		
	}
	
	#csiMenuWrapper .csi-Menu-inner .toggle{
		margin-left: -1.25rem !important;
	}
	
	#csiMenuWrapper .toggle-inner .toggle-text{
		margin-top: .25rem !important;
	}	
	
	#csiMenuWrapper .nav-toggle .toggle-inner {
		padding-top: 0.2rem !important;
	}
	
	#csiMenuWrapper button.close-nav-toggle {
	
		margin-bottom: 1.5rem !important;
	}
	
	#csiMenuWrapper button.sub-menu-toggle svg {
		margin-top: .75rem;
		margin-right: 1.75rem !important;
	}
	
	#csiMenuWrapper button.close-nav-toggle .toggle-text{
		text-transform: uppercase;
	}
	
	.csi-articleContent{
		padding-top: .5rem !important;
		padding-bottom: .5rem !important;
	}





	.csi-timelineHero .timePic1{
		top: auto ;
		left:auto;
		right: auto;
		position: relative;
		transform: rotate( -0deg);
		width: 250px !important;
		height: 175px;
		margin: 0 auto 1rem auto;
	}
	
	.csi-timelineHero .timePic2{
			top: auto ;
		left:auto;
		right: auto;
		position: relative;
		transform: rotate( -0deg);
		width: 250px !important;
		height: 175px;
		margin: 0 auto 1rem auto;

	}
	
	.csi-timelineHero .timePic3{
	
		top: auto ;
		left:auto;
		right: auto;
		position: relative;
		transform: rotate( -0deg);
		width: 250px !important;
		height: 175px !important;
		margin: 0 auto 1rem auto;
	}
	
	.csi-timelineHero .timePic4{
		top: auto ;
		left:auto;
		right: auto;
		position: relative;
		transform: rotate( -0deg);
		width: 250px !important;
		height: 175px !important;
		margin: 0 auto 1rem auto;
	}

	.aboutFirstContainer{
		margin-top: 0!important;
	}	
	
	.wpcf7 input{
		width: 100% !important;
	}
	
	.timelinePicsContainer{
		height: auto;
	}
	
	.csi-timelineBody .timelinePicBig{
		top: 0rem !important;
		margin: 2rem auto;
	}
	
	.csi-timelineBody .csi-timelineLeft .timelinePicSmall{
		margin: 2rem auto;
		top: 0rem;
		left: 0;
		position: relative;
	}
	
	.csi-timelineRight .col-lg-4.offset-lg-1{
		order: 2;
	}
	
	
	

	
	.csi-cardsHomeTop .carousel-inner .carousel-item{
	  max-width: 350px !important;
	  margin-left: 1.75rem;
	  //margin-right: 1.25rem !important;
	 
	}
	
	
}