@media (max-width: 1400px) {
	.hero__item-heading {
		font-size: 50px;
	}
	.hero__item-description {
		margin-bottom: 25px;
	}
	.hero__item-button {
		height: 45px;
		padding: 0 30px;
	}
	.category__heading {
		font-size: 14px;
	}
	.about__wrapper {
		gap: 50px;
	}
	.about__thumbnail,
	.about__box {
		width: calc(50% - 25px);
	}
}

@media (max-width: 1200px) {
	.about__wrapper {
		flex-direction: column;
		gap: 25px;
	}
	.about__thumbnail,
	.about__box {
		width: 100%;
	}
	.about__heading {
		margin-bottom: 15px;
	}
	.about__description {
		gap: 10px;
	}
	.about__stats {
		gap: 40px;
		margin-top: 25px;
		padding-top: 20px;
	}
	.about__stat-value {
		font-size: 40px;
		margin-bottom: 5px;
	}
	.products__heading {
		margin-bottom: 30px;
	}
	.products__prev,
	.products__next,
	.categories__prev,
	.categories__next {
		min-width: 40px;
		max-width: 40px;
		min-height: 40px;
		max-height: 40px;
	}
	.products__prev > i,
	.products__next > i,
	.categories__prev > i,
	.categories__next > i {
		font-size: 16px;
	}
	.hero__wrapper {
		aspect-ratio: 16 / 5.5;
	}
	.hero__prev,
	.hero__next {
		min-width: 40px;
		max-width: 40px;
		min-height: 40px;
		max-height: 40px;
	}
	.hero__prev {
		left: 15px;
	}
	.hero__next {
		right: 15px;
	}
	.hero__prev > i,
	.hero__next > i {
		font-size: 16px;
	}
}

@media (max-width: 1100px) {
	.hero__item {
		padding: 25px 80px;
	}
	.hero__item-box {
		max-width: 500px;
	}
	.hero__item-heading {
		font-size: 40px;
	}
	.hero__item-description {
		margin-bottom: 15px;
	}
}

@media (max-width: 1000px) {
	.hero__item {
		align-items: flex-start;
	}
	.hero__item picture > img {
		margin: 30px 0;
	}
	.hero__item picture,
	.hero__item picture > img {
		position: static;
		width: 250px;
		height: 250px;
		object-position: left;
		object-fit: contain;
	}
	.hero__item {
		padding: 25px;
	}
	section:last-child {
		padding-bottom: 70px;
	}
	.products,
	.about {
		padding-top: 70px;
	}
	.products__heading {
		margin-bottom: 25px;
	}
	.hero__wrapper {
		aspect-ratio: auto;
	}
	.hero__prev,
	.hero__next {
		display: none;
	}
	.hero__pagination {
		bottom: 15px !important;
	}
}

@media (max-width: 850px) {
	.about__wrapper {
		padding: 0;
		background-color: transparent;
	}
}

@media (max-width: 800px) {
	.products__box {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}
	.products__video {
		min-width: 100%;
		max-width: 100%;
		height: 100%;
	}
	.products__prev,
	.products__next {
		top: -120px;
		transform: none;
	}
	.products__prev {
		left: 5px;
	}
	.products__next {
		right: 5px;
	}
}

@media (max-width: 600px) {
	.hero__wrapper {
		aspect-ratio: auto;
	}
	.hero__item {
		padding: 30px 25px 40px;
	}
	.hero__item-heading {
		font-size: 30px;
	}
	.hero__item-description {
		font-size: 15px;
	}
	.hero__item-button {
		padding: 0 20px;
		font-size: 13px;
	}
	.about__description {
		font-size: 13px;
	}
	.about__stats {
		gap: 30px;
	}
	.about__stat-value {
		font-size: 30px;
	}
	section:not(.products, .about) {
		padding-top: 30px;
	}
	section:last-child {
		padding-bottom: 50px;
	}
	.products,
	.about {
		padding-top: 50px;
	}
	.categories__prev {
		left: 10px;
	}
	.categories__next {
		right: 10px;
	}
}

@media (max-width: 400px) {
	.products__prev {
		left: -12px;
	}
	.products__next {
		right: -12px;
	}
	.products__prev,
	.products__next,
	.categories__prev,
	.categories__next {
		min-width: 35px;
		max-width: 35px;
		min-height: 35px;
		max-height: 35px;
	}
	.products__prev > i,
	.products__next > i,
	.categories__prev > i,
	.categories__next > i {
		font-size: 14px;
	}
	.hero__pagination {
		bottom: 10px !important;
	}
	.hero__pagination > span {
		width: 14px;
	}
	.products__box {
		display: flex;
		flex-direction: column;
	}
	.products__video {
		aspect-ratio: 3 / 4;
		max-width: 100%;
		min-width: 100%;
		border-radius: 0;
	}
}