@media (max-width: 1200px) {
	body {
	  min-width: unset;
	}
	.center {
		width: 100%;
		box-sizing: border-box;
	}
	.bl1 {
		padding: 20px 0 15px;
	}
	.bl1 .l {
		width: 60%;
	}
	.bl2 .wecan img {
		width: 95%;
	}
	.bl3 {
		padding-top: 40px;
	}
	.bl4 .l .numbs {
		width: 47%;
	}
	.bl4 .l .numbs p {
		font-size: 22px;
	}
	.bl6 {
		background-position: right center;
	}
	.bl10 .r {
		width: 58%;
	}
	.bl13 h3 {
		font-size: 35px;
	}
}

@media (max-width: 991px) {
	.bl1 .l {
		width: 80%;
	}
	.bl2 {
		padding-top: 30px;
	}
	.bl2 .wecan {
		margin-right: 23px;
		margin-top: 23px;
	}
	.bl3 .kind {
		margin-right: 23px;
		margin-top: 23px;
	}
	.bl4 {
		padding-top: 50px;
	}
	.bl4 .l {
		width: 40%;
	}
	.bl4 .l .numbs {
		width: 90%;
	}
	.bl4 .r {
		width: 58%;
	}
	.bl5 .cell h6 {
		padding: 0;
	}
	.bl7 {
		padding-top: 80px;
	}
	.bl8 {
		padding-top: 40px;
	}
	.bl10 .r .form {
		height: 530px;
		padding: 10px 80px;
	}
	.bl10 .l h4 {
		font-size: 32px;
		line-height: 43px;
	}
	.bl10 .l p {
		margin-top: 40px;
	}
	.bl11 {
		padding-top: 35px;
	}
	.bl11 .r ul li {
		font-size: 18px;
		line-height: 27px;
		margin-bottom: 32px;
	}
	.bl12 {
		padding-top: 70px;
	}
	.bl13 h3 {
		float: none;
	}
	.bl13 a {
		float: none;
		width: 50%;
		margin: 10px auto 0;
	}
}

@media (max-width: 767px) {
	header .phone {
		margin-top: 20px;
	}
	header .price, header .callback {
		margin-top: 15px;
	}
	.bl1 .l {
		width: 100%;
	}
	.bl1 a {
		margin: 30px auto 0;
		width: 320px;
		text-align: center;
		display: block;
	}
	.bl1 .calc {
		margin: 20px auto 0;
	}
	.bl2 .wecan {
		width: 48%;
		margin-right: 15px;
		margin-top: 15px;
	}
	.bl2 .wecan:nth-of-type(3n) {
		margin-right: 15px;
	}
	.bl2 .wecan:nth-of-type(2n) {
		margin-right: 0;
	}

	.bl3 {
		padding-top: 15px;
	}
	.bl3 .kind {
		width: 48%;
		margin-right: 15px;
		margin-top: 15px;
	}
	.bl3 .kind:nth-of-type(3n) {
		margin-right: 15px;
	}
	.bl3 .kind:nth-of-type(2n) {
		margin-right: 0;
	}
	.bl4 .r {
		padding: 5px;
	}
	.bl4 .l .numbs {
		height: unset;
	}
	.bl4 .l .numbs div {
		padding-top: 5px;
		padding-bottom: 20px;
	}
	.bl5 {
		padding-top: 0;
	}
	.bl5 .cell {
		width: 100%;
		margin-top: 35px;
	}
	.bl6 {
		padding-top: 15px;
		background: none;
	}
	.bl6 .l {
		width: 100%;
	}
	.bl6 .l .form {
		width: 90%;
	}
	.bl6 .l h3 {
		text-align:center;
	}
	.bl6 .l p {
		    margin: 15px 0 30px;
			text-align:center;
			padding-right: 0;
	}
	.bl7 {
		padding-top: 0;
	}
	.bl7 .tab {
		margin-top: 0;
	}
	.bl7 .cell {
		width: 100%;
		margin-top: 35px;
	}
	.bl10 {
		padding-top: 30px;
	}
	.bl10 .l ,.bl10 .r {
		float: none;
		width: 100%;
	}
	.bl10 .r .form {
		margin-top: 20px;
	}
	.bl10 .l p {
		margin-top: 20px;
	}
	.bl11 .l {
		display: none;
	}
	.bl11 .r {
		float: none;
		width: 100%;
		padding-left: 40px;
		padding-top: 35px;
	}
	.bl11 .r ul li {
		margin-bottom: 90px;
	}
	.bl12 {
		padding-top: 10px;
	}
	.bl13 h3 {
		text-align: center;
	}
}

@media (max-width: 575px) {
	.white-popup-block {
		width: 100%;
	}
	.form-pop {
		width: 300px;
		position: relative;
		top: 0;
		left: 0;
	}
	.form-pop form input[type="tel"] {
		width: 100%;
		font-size: 20px;
	}
	.form-pop textarea {
		width: 100%;
		font-size: 20px;
	}
	.title span, .bl6 .l h3, .bl7 .title span, .bl8 .title span, .bl11 .title span, .bl12 .title span {
		font-size: 35px;
		line-height: 40px;
	}
	header .logo {
		float: none;
		margin: 0 auto;
	}
	.bl1 h1 {
		display: block;
		margin: 5px 0;
		text-align: center;
		line-height: 50px;
	}
	.bl1 ul {
		margin-top: 30px;
	}
	.bl1 ul li {
		display: block;
		width: 100%;
		text-align: left;
		padding-left: 30px;
		margin-top: 10px;
	}
	header .phone {
		float: none;
		text-align: center;
	}
	header .callback {
		display: block;
		float: none;
		font-size: 16px;
		padding: 10px 0;
		margin: 15px 0 0;
	}
	.bl1 h1 {
		font-size: 34px;
	}
	.bl1 h2 {
		font-size: 35px;
		line-height: 40px;
	}
	.bl1 .l {text-align: center;
	}
	.bl1 .l br {
		display: none;
	}
	.bl1 a {
		width: 100%;
		padding: 20px 0;
	}
	.bl2 .wecan {
		width: 100%;
		margin-right: 0 !important;
	}
	.bl2 .wecan div {
		padding: 20px 0 30px;
	}
	.bl2 .wecan .more {
		margin-top: 30px;
	}
	.bl3 .kind {
		background-position: center center !important;
		background-size: cover !important;
		width: 100%;
		margin-right: 0 !important;
	}
	.bl4 .l, .bl4 .r {
		float: none;
	}
	.bl4 .l {
		width: 100%;
		margin-top: 30px;
	}
	.bl4 .l .numbs {
		width: 100%;
	}
	.bl4 .r {
		width: 100%;
		padding: 0;
		margin-top: 25px;
	}
	.bl4 .r a {
		display: block;
		padding: 20px 0;
		text-align: center;
	}
	.bl6 .l .form {
		width: 100%;
		padding: 10px 20px 20px;
		height: unset;
	}
	.bl6 .l .form h5 {
		text-align: center;
	}
	.bl9 {
		height: 300px;
		padding-top: 60px;
	}
	.bl10 .r .form {
		padding: 10px 20px 20px;
		height: unset;
	}
	.bl10 .r .form form {
		margin-top: 0;
	}
	.bl10 .r .form .effect {
		display: block;
	}
	.bl10 .r .form .effect input {
		width: 100%;
		padding: 20px 0;
	}
	.bl10 .l h4 {
		font-size: 30px;
		line-height: 38px;
	}
	.bl10 .l p {
		font-size: 21px;
		text-align: justify;
		line-height: 27px;
	}
	.bl11 {
		padding-top: 0;
	}
	.bl11 .r {
		padding-left: 0;
	}
	.bl11 .r ul {
		padding-left: 75px;
	}
	.bl11 .r ul li {
		margin-bottom: 52px;
	}
	.bl13 h3 {
		font-size: 30px;
		line-height: 35px;
		padding-top: 0;
	}
	.bl13 a {
		width: 100%;
		padding: 20px 0;
	}
	.bl14 .info {
		width: 100%;
		height: 340px;
		padding: 45px 32px 40px 45px;
	}
	footer {
		padding-top: 10px;
	}
	footer p {
		margin-bottom: 15px;
	}
}