@media screen and (max-width: 1024px) {
	header.banner {
		height: 70vh;
		width: 100%;
		background-attachment: fixed;
	}

	header.banner .header__container .header__left {
		display: flex;
		flex-direction: column;
		gap: 1.3rem;
		flex-basis: 100%
	}

	header.banner .header__container .header__left h1 {
		font-size: 1.6rem;
	}

	header.banner .header__container .header__left .form-group-search input {
		width: 100%;
		padding: 1.2rem 10rem 1.2rem 3rem;
	}

	header.banner .header__container .header__left .form-group-search button.btn-search {
		position: absolute;
		top: .5rem;
		right: .5rem;
		font-weight: 700;
	}

	header.banner .header__container .header__right {
		display: none;
	}

	.works .work__head div {
		flex-direction: column;
		gap: 2rem;
	}

	.works .works__cards {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 1rem;
	}

	.tests {
		flex-direction: column;
		gap: 2rem;
	}

	.tests .left__tests .image__test{
		width: 18rem;
	} 

	.tests .right__tests div h1 {
		width: 100%;
	}

	.tests .right__tests p {
		width: 100%;
	}

	.categories div {
		grid-template-columns: repeat(2, 1fr);
	}

	.newsletter {
		flex-direction: column;
		gap: 2rem;
		align-items: start;
	}

	.backline {
		display: none;
	}

	.newsletter h3 span {
		display: inline;
	}
}