@media screen and (max-width: 1680px) {

	.wrapper,
	.wrapperMini {
		max-width: 86%;
	}
}

@media screen and (max-width: 992px) {
	section:not(.hero) {
		margin-bottom: 80px;
	}

	img {
		max-width: 100%;
	}

	button,
	input[type="submit"] {
		font-size: 20px;
		line-height: 100%;
		width: 100%;
	}

	input::placeholder {
		font-size: 20px;
	}

	.title {
		font-size: 36px;
		line-height: 100%;
	}

	.header {
		padding-top: 25px;
	}

	.headerMobileMenu {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background-color: #070415;
		z-index: 11;
	}

	.headerMobileMenu.active {
		display: block;
	}

	.headerMobileMenu ul {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 30px;
		height: 100vh;
	}

	.headerMobileMenu ul li {
		font-family: Bounded;
		font-weight: 700;
		font-size: 32px;
		line-height: 100%;
	}

	.headerMobileMenuX {
		position: absolute;
		top: 10px;
		right: 10px;
	}

	.headerMenu {
		display: none;
	}

	.headerMenu ul {
		flex-direction: column;
	}

	.headerMenu a {
		display: block;
	}

	.headerLogo {
		display: flex;
		flex-direction: row;
		gap: 42px;
	}

	.headerLogo svg {
		width: 70px;
	}

	.headerLogo>div>a {
		font-size: 14px;
		line-height: 100%;
	}

	.headerBar {
		display: block;
	}

	.hero {
		height: 693px;
	}

	.heroBox {
		padding-bottom: 80px;
	}

	.heroBox h1 {
		font-size: 36px;
		line-height: 100%;
	}

	.heroCall {
		flex-direction: column;
		align-items: flex-start;
	}

	.heroCall h2 {
		font-size: 20px;
		line-height: 100%;
		margin-bottom: 40px;
	}

	.heroCall button {
		font-size: 20px;
		line-height: 100%;
	}

	.introLine {
		margin-bottom: 60px;
	}

	.introLine div {
		font-size: 40px;
		line-height: 100%;
	}

	.introDesc {
		font-size: 20px;
		line-height: 160%;
	}

	.services {
		padding-top: 80px;
	}

	.servicesBox {
		flex-direction: column;
		gap: 80px;
	}

	.servicesList {
		width: 100%;
	}

	.servicesList ul {
		display: flex;
		gap: 30px;
		overflow-x: scroll;
	}

	.servicesList ul li {
		margin-bottom: 0;
		white-space: nowrap;
	}

	.servicesContent h3 {
		font-weight: 900;
		font-size: 24px;
	}

	.servicesDitto {
		display: none;
	}

	.casesSub h3 {
		font-size: 36px;
		line-height: 100%;
	}

	.casesSub {
		margin-bottom: 50px;
	}

	.casesSub a {
		font-size: 20px;
		line-height: 100%;
	}

	.casesItems {
		grid-template-columns: 1fr;
	}

	.casesItem h5 {
		font-size: 20px;
		line-height: 100%;
	}

	.feedback h3 {
		font-weight: 400;
		font-size: 36px;
	}

	.feedback p {
		margin-bottom: 0;
	}

	.feedbackBox p {
		font-size: 20px;
		line-height: 160%;
	}

	.feedbackText {
		flex-basis: 100%;
	}

	.feedbackText h4 {
		font-size: 24px;
		line-height: 100%;
	}

	.feedbackText p {
		font-size: 20px;
		line-height: 160%;
		margin-bottom: 40px;
	}

	.feedbackForm {
		flex-direction: column;
		gap: 40px;
	}

	.blogSub {
		gap: 67px;
	}

	.blogSub div {
		flex-basis: 100%;
	}

	.blogSub div,
	.blogSub {
		flex-direction: column;
		align-items: flex-start;
	}

	.blogSub h3 {
		font-size: 36px;
		line-height: 100%;
	}

	.blogSub p,
	.blogSub a {
		font-size: 20px;
		line-height: 160%;
	}

	.blogItems {
		flex-direction: column;
	}

	.blogImage {
		height: 492px;
		margin-bottom: 30px;
	}

	.footerBox,
	.footerMenu ul {
		flex-direction: column;
		gap: 37px;
	}

	.footerLogo {
		order: -1;
	}

	.footerLogo svg {
		max-width: 70px;
	}

	.about {
		height: 693px;
		margin-bottom: 80px;
	}

	.about .wrapper {
		align-items: flex-end;
	}

	.aboutBox h1 {
		font-size: 36px;
		line-height: 100%;
	}

	.aboutBox p {
		font-size: 20px;
		line-height: 160%;
	}

	.aboutCall {
		flex-direction: column;
		margin-top: 0;
		gap: 82px;
	}

	.aboutDesc {
		margin-left: 0;
	}

	.feedback h3.fba {
		margin-bottom: 40px;
	}

	.servicesPage .servicesPageBox h3 {
		margin-bottom: 30px;
	}

	.servicesPage p {
		margin-bottom: 80px;
	}

	.servicesPageItems {
		flex-direction: column;
	}

	.servicesPageItem {
		width: 100%;
	}

	.servicesPageName {
		font-size: 24px;
		line-height: 100%;
	}

	.servicesPageBtns {
		flex-direction: column;
	}

	.servicesPageBtns a {
		justify-content: center;
		width: 100%;
		font-size: 16px;
		line-height: 100%;
	}

	.servicesPageBtns button {
		font-size: 16px;
		line-height: 100%;
	}

	.blogPage p {
		margin-bottom: 80px;
	}

	.contacts .title {
		margin-bottom: 80px;
	}

	.contactsStroke {
		flex-direction: column;
	}

	.contactsStroke>div {
		flex-direction: column;
		gap: 30px;
		margin-bottom: 40px;
	}

	.contactsItems {
		flex-direction: column;
	}

	.contactsItem {
		width: 100%;
	}

	.contactsStroke>div {
		align-items: flex-start;
	}

	.contactsStroke>div>div {
		font-size: 24px;
		line-height: 100%;
	}

	.contactsItem {
		padding: 42px 55px;
		font-size: 20px;
		line-height: 100%;
	}

	.contactsItem::after {
		font-size: 36px;
		line-height: 100%;
	}

	.services-template-default.single .services {
		padding-top: 0;
	}

	.serviceSingleBox {
		flex-direction: column;
		gap: 80px;
		margin-bottom: 197px;
	}

	.serviceSingleList::after {
		content: none;
	}

	.serviceSingleList ul li {
		font-size: 16px;
		line-height: 160%;
	}

	.serviceSingleList ul li.active {
		width: fit-content;
	}

	.serviceSingleList ul li::after {
		font-size: 24px;
		line-height: 160%;
	}

	.serviceSingleContent {
		padding-left: 0;
	}

	.serviceSingleContent::before {
		content: none;
	}

	.serviceSingleContent p {
		font-size: 16px;
		line-height: 160%;
	}

	.serviceSinglePrice {
		flex-direction: column;
		gap: 40px;
		width: 100%;
	}

	.casesSinglePageBox {
		flex-direction: column;
		gap: 40px;
	}

	.casesSinglePageBox button {
		margin-top: 40px;
	}

	.blogSinglePage .blogMore .title {
		font-size: 36px;
		line-height: 100%;
		margin-bottom: 50px;
	}

	.modal {
		max-width: 440px;
	}

	.modalBox {
		flex-direction: column;
		padding: 110px 30px 67px;
	}

	.modalBox h4 {
		font-size: 24px;
		line-height: 100%;
	}

	.modalBox p {
		font-size: 20px;
		line-height: 160%;
	}

	.modalText {
		flex-basis: 100%;
	}

	.modalBox svg {
		top: 5%;
		left: 5%;
	}
}