 @media all and (max-width: 1599px) {
	h1 {
		font-size: 54px;
	}
	.header__left {
		gap: 72px;
	}
	.main {
		grid-template-columns: auto 600px;
	}
	.plus {
		gap: 60px;
	}		
}
@media all and (max-width: 1439px) {
	html, body {
		font-size: 18px;
		line-height: 130%;
	}
	h1 {
		font-size: 52px;
	}
	h2 {
		font-size: 40px;
	}	
	h3 {
		font-size: 28px;
	}
	h4 {
		font-size: 22px;
	}
	.header__left {
		gap: 60px;
	} 
	.header .menu ul {
		gap: 36px;
	}	
	.header .menu ul li a {
		font-size: 18px;
	}
	.header .logo {
		width: 180px;
		height: 102px;
		background-size: 100% auto;
	}
	.header .mode, .header .phone a {
		font-size: 20px;
		line-height: 120%;
	}
	.snippet {
		font-size: 22px;
	}
	.main {
		grid-template-columns: auto 580px;
	}
	.titleText {
		grid-template-columns: 420px auto;
	}
	.plus__item span {
		font-size: 20px;
	}
	.stages-item {
		padding: 24px;
	}
}
@media all and (max-width: 1365px) {
	h1 {
        font-size: 48px;
    }
	h2 {
		font-size: 36px;
	}	
	.main {
        grid-template-columns: auto 540px;
    }
	.services__item {
		gap: 48px;
	}	
}
@media all and (max-width: 1279px) {
	h1 {
        font-size: 42px;
    } 
	h2 {
        font-size: 32px;
    }
	.title {
		gap: 12px;
	}	
	.snippet {
		font-size: 20px;
	}
	.titleText {
		grid-template-columns: 320px auto;
	}
	.plus {
        gap: 48px;
        margin-top: 24px;
    }
}
@media all and (max-width: 1199px) {
	h1 {
        font-size: 36px;
    }
	.section {
		padding: 96px 0;
	}
	.sectionMain {
		padding-bottom: 96px;
	}
	.header .logo {
        width: 160px;
        height: 90px;
	}	
	.header__left {
        gap: 36px;
    }
	.header .menu ul {
        gap: 24px;
    }
	.header .mode, .header .phone a {
		font-size: 18px;
	}
	.btn, .btnBorder {
		padding: 14px 24px;
		font-size: 16px;
	}
	.snippet {
        font-size: 18px;
    }
	.main {
        grid-template-columns: auto 420px;
		gap: 24px;
    }
	.plus__item span {
        font-size: 18px;
    }
	.plusNumber {
		gap: 24px;
	}
	.plusNumber__item span {
		font-size: 42px;
	}
	.services__item {
		gap: 36px;
		align-items: self-start;
	}	
}
@media all and (max-width: 1023px) {
	.wp {
		padding: 0 24px;
	}	
	.section, .sectionMain {
		padding: 60px 0;
	}
	.marg72 {
		margin-top: 48px;
	}
	.marg60 {
		margin-top: 36px;
	}
	.marg48 {
		margin-top: 24px;
	}
	.header .menu {
		display: none;
	}	
	.burger {
		display: block;
	}
	.header.fixed .logo {
		width: 120px;
		height: 68px;
	}
	.main {
		grid-template-columns: repeat(1, 1fr);
	}
	.main__img {
		max-width: 420px;
		margin: 0 auto;
	}	
	.plus {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}
	.plus__item {
		text-align: center;
	}	
	.plus__item img {
		margin-left: auto;
		margin-right: auto;
	}
	.titleText {
		grid-template-columns: repeat(1, 1fr);
		gap: 0;
	}
	.plusNumber {
		grid-template-columns: repeat(2, 1fr);
	}
	.colText {
		grid-template-columns: repeat(1, 1fr);
		gap: 0;
	}
	.gallery {
		grid-template-columns: repeat(3, 1fr);
	}
	.stages {
		grid-template-columns: repeat(2, 1fr);
	}
	.contactsBlock {
		grid-template-columns: repeat(1, 1fr);
		gap: 36px;
	}
	.contactsInfo {
		grid-template-columns: repeat(2, 1fr);
	}
	.footerTop {
		gap: 24px;
	}	
	.footer .logo {
		width: 140px;
		height: 80px;
	}
	.footerBottom {
		gap: 12px;
	}	
	.copyright {
		width: 100%;
	}	
}
@media all and (max-width: 767px) {
	h1 {
        font-size: 28px;
    }
	h2 {
        font-size: 26px;
    }
	h3 {
        font-size: 24px;
		margin: 0 0 12px 0;
    }
	h4 {
        font-size: 21px;
    }
	h5 {
		font-size: 22px;
	}
	.section, .sectionMain {
		padding: 48px 0;
	}
	.title {
        gap: 0;
    }
	.marg60 {
        margin-top: 24px;
    }
	.header {
		padding-top: 24px;
	}
	.header__left {
        gap: 24px;
    }
	.header .logo {
        width: 120px;
        height: 68px;
    } 
	.header .mode {
		display: none;
	}
	.header .phone a {
        font-size: 15px;
    }
	.header.fixed {
		padding: 6px 0;
	}	
	.header.fixed .logo {
		display: none;
	}
	.header.fixed .phone a {
        font-size: 14px;
    }
	.btns {
		gap: 6px;
		margin-top: 24px;
	}
	.btn, .btnBorder {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        display: block;
    }
	.main {
		gap: 12px;
	}
	.plus {
        grid-template-columns: repeat(1, 1fr);	
	}
	.plusNumber {
        grid-template-columns: repeat(1, 1fr);
        gap: 36px;
    }
	.plusNumber__item span {
        font-size: 36px;
		margin-bottom: 12px;
    }
	.services {
		gap: 36px;
	}
	.services__item {
		display: block;
	}	
	.services__item-img {
		width: 100%;
		margin-bottom: 24px;
	}
	.services__item:nth-child(odd) .services__item-img img {
		-webkit-border-radius: 0;
		-webkit-border-top-left-radius: 36px;
		-moz-border-radius: 0;
		-moz-border-radius-topleft: 36px;
		border-radius: 0;
		border-top-left-radius: 36px;
	}
	.services__item:nth-child(even) .services__item-img img {
		-webkit-border-radius: 0;
		-webkit-border-bottom-right-radius: 36px;
		-moz-border-radius: 0;
		-moz-border-radius-bottomright: 36px;
		border-radius: 0;
		border-bottom-right-radius: 36px;
	}
	.stages {
        grid-template-columns: repeat(1, 1fr);
		gap: 12px;
    }
	.marg36.stages {
		margin-top: 0;
	}
	.reviews {
		width: 100%;
	}
	.contactsInfo {
        grid-template-columns: repeat(1, 1fr);
    }
	.footerTop {
        display: grid;
		grid-template-columns: repeat(1, 1fr);
    }
}