.archive-page-hero {
	overflow: hidden;
	margin: 0 -30px;
	padding: 100px 0 50px;
	background: url('images/archive-page-hero-bg.webp') center -70px no-repeat;

	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	background-size: auto 100%;
}

.archive-page-hero-title {
	font-size: 42px;
	text-align: center;
	margin: 0 0 30px;
}

.archive-page-hero-cta {
	margin: 0 0 45px;
	text-align: center;
}

.archive-page-hero-cta .cars-button {
	margin: auto;
}

.archive-page-hero-slider > .container {
	padding: 0;
}

.archive-page-hero-slider-item {
	width: 1045px;
	max-width: 100%;
	margin: auto;
}

.archive-page-hero-slider-item-inner {
	position: relative;
	height: 0;
	padding-bottom: 28%;
}

.archive-page-hero-slider-item-inner img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 70%;
	height: 100%;
	object-fit: contain;
	object-position: center center;
}

@media only screen and (max-width: 1200px) {
	.archive-page-hero-title {
		font-size: 36px;
	}
}

@media only screen and (max-width: 1000px) {
	.archive-page-hero-title {
		font-size: 32px;
	}
}

@media only screen and (max-width: 767px) {
	.archive-page-hero {
		margin: 0 -20px;
		padding: 50px 0 40px;
		background-position: center center;

		-webkit-background-size: contain;
		-moz-background-size: contain;
		background-size: contain;
	}

	.archive-page-hero-title {
		font-size: 28px;
	}

	.archive-page-hero-cta {
		margin: 0 0 35px;
	}

	.archive-page-hero-slider .swiper-slide img {
		width: 90%;
	}
}

@media only screen and (max-width: 540px) {
	.archive-page-hero-slider-item-inner {
		padding-bottom: 46%;
	}
}