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

	.center {
		max-width:720px;
	}
	
	.footer  .logo span {
		width: 140px;
		height: 38px;
		background-size: 140px auto;
		margin:0 0 30px 0;
	}
		
	.footer .brick {
		flex-wrap: wrap;
	}	

	.footer .logo {
		width:calc(100% - 165px);
		order:1;
	}
		
	.footer .socials	{
		order:2;
	}
		
	.footer .adress-phone { order:3; }
		
	.footer .requisites { order:4; }	
		
	.maps .data {
		left:calc((100% - 720px)/2);
	}
	
	.title {
		margin-bottom:0px;
	}
	
	.collect .title h2,
	.title h2 {
		padding:8px 0 20px 0;
		font-size: 38px;
		line-height: 38px;
	}

	.title span.h2 {
		font-size: 42px;
		line-height: 42px;
		margin:0 -50px;
	}
	
	.title h2::before,
	.title h2::after {
		top: calc(50% - 9px);
	}
	
	.video {
		padding:0 0 65px 0;
	}

	.video .three {
		padding:25px 0 10px 0;
		overflow-y: hidden;
		overflow-x: auto;
		scroll-snap-type: x;
		justify-content: start;
	}

	.video .three .item {
		scroll-snap-align: start;
		scroll-snap-stop: normal;
		width: 310px;
		max-width:310px;
		min-width:310px;
		margin:0 10px;
	}

	.guarantee .brick {
		flex-wrap: wrap;
	}

	.guarantee .right {
		order:1;
		width:100%;
		height:300px;
		border-radius:16px 16px 0 0;
		margin:0 0 15px 0;
	}

	.guarantee .left {
		order:2;
		width:100%;
	}	

	.guarantee .left ul {
		position:relative;
		margin:-5px 0;
	}

	.guarantee .left ul li {
		margin:5px 0;
	}

	.guarantee .left ul li:first-child {
		border-radius:0;
	}	

	.guarantee .left ul li:last-child {
		border-radius:0 0 16px 16px;
	}	
	
	.guarantee .introduction {
		font-size: 24px;
		line-height:32px;
		padding: 24px 32px;
	}
	
	.guarantee .introduction h2 {
		font-size: 28px;
	}
	
	.follow-technology .three {
		flex-wrap: wrap;
		padding:32px 0 0 0;
	}
	
	.follow-technology .three .item {
		width:100%;
		margin:1px 0 0 0;
	}
	
	.follow-technology .three .item span {
		padding-bottom: 65%;
	}
	
	.follow-technology .three .item:nth-child(1) {
		border-radius:16px 16px 0 0;
	}
	
	.follow-technology .three .item:nth-child(3) {
		border-radius:0 0 16px 16px;
	}
	
	.follow-technology .description {
		padding: 16px 0 0;
	}
	
	.excursion .video {
		padding-bottom: 45%;
		margin: 24px 0 0;
	}
	
	.excursion {
		padding: 32px 0 16px;
	}
	
	.sertificats {
		padding:65px 0 45px 0;
	}
	
	.download-catalog .forma {
		width: 350px;
		border-radius:16px;
		padding: 40px 16px;
	}
	
	.download-catalog .description {
		width:330px;
	}
	
	.download-catalog h2 {
		font-size: 30px;
		line-height: 35px;
	}
	
	.download-catalog span {
		font-size: 25px;
		line-height: 30px;
		width:100%;
		margin:10px 0 10px 0;
	}
		
	.download-catalog .description b {
		padding: 10px 0 5px 0;
		font-size: 18px;
	}	
		
	.download-catalog .description b br { display:none; }
		
	.slider-catalogs .item .data .more a {
		padding:5px 17px;
		font-size:17px;
	}	
		
	.slider-catalogs .item h3 {
		padding: 0 12px;
	}	

	.slider-catalogs .item .data {
		padding:12px;
	}
	
	.slider-catalogs .item .data  ul {
		height:169px;
	}
		
	.navigationcatalogs ul a {
		font-size: 15px;
		margin: 3px;
		padding: 10px 14px;
	}	
	
	.catalogs .description {
		padding:16px 0 32px 0;
	}
	
	.benefits {
		padding:65px 0px;
	}
	
	.benefits .three {
		flex-wrap: wrap;
	}
	
	.benefits .three .item {
		width:calc(100% - 20px);
		margin:5px 10px;
	}
	
	.benefits .three .item h3::before {
		top: -11px;
	}
	
	.slider-examples .item .videofile a {
		padding-bottom: 100%;
		background-size:cover!important;
	}
	
	.technology {
		padding:65px 0 0 0;
	}
	
	.technology .two {
		flex-wrap: wrap;
		padding:25px 0 0 0;
	}
	
	.technology .two .right {
		width:100%;
		order:1;
	}
	
	.technology .two .right a {
		padding-bottom: 45%;
	}
	
	.technology .two .left {
		width:100%;
		order:2;
		padding-top:30px;
	}
	
	.introduction .center .bg {
		display:none;
	}
	
	.introduction .center {
		padding:32px;
		border-radius:16px;
	}
	
	.introduction {
		padding: 45px 0 25px;
		font-size:25px;
	}
	
	.header .two {
		flex-wrap: wrap;
	}
	
	.header .logo-description {
		width:100%;
	}
	
	.header .phone-button {
		width:100%;
		padding:20px 0 0 0;
	}
	
	.header .phone-button .phone {
		display:flex;
	}
	
	.header .phone-button .phone p {
		margin:0 10px;
	}
	
	.slider-examples .item .right {
		width: calc(50% - 10px);
	}
	
	.credit .description {
		padding:10px 0 0 0;
	}
	
	.credit .two {
		display:block;
	}
	
	.credit .two .left {
		width:100%;
	}
	
	.credit .two .right {
		width:100%;
		padding:30px 0 0 0;
	}
	
	.credit .two .right .text {
		text-align:left;
	}
	
	.credit .two .right input.summ-credit {
		max-width:382px;
	}
	
	.credit .two .right .credits {
		width:400px;
	}
	
	.credit {
		padding: 50px 0 80px 0;
	}
	
}

@media screen and (max-width: 730px) {
	
	.center {
		max-width:calc(100% - 30px);
	}
	
	i.left-line {
		left:7px;
	}

	i.right-line {
		right:7px;
	}	
	
	.footer .requisites p {
		font-size: 12px;
	}
	
	.footer .adress-phone .adress {
		font-size: 14px;
	}
	
	.footer .adress-phone a {
		font-size: 16px;
	}
	
	.footer .social li a {
		width: 40px;
		height: 40px;
	}
	
	.footer .social li.vk a {
		background-position:center 13px;
	}
	
	.footer .social li.youtube a {
		background-position:center 12px;
	}
	
	.maps iframe {
		position:relative;
		height:300px;
	}
	
	.maps {
		height:auto;
	}
	
	.maps .data {
		left:auto;
		top:auto;
		width:100%;
		margin-top:-3px;
	}
	
	.maps .cell {
		border-radius:0px;
	}
	
	.maps .left-top, 
	.maps .right-top {
		width:50%;
		background-size:cover!important;
	}
	
	.title {
		padding:0 0 16px 0;
	}
	
	.collect .title h2, 
	.title h2 {
		font-size: 24px;
		line-height: 30px;
		padding:0;
		position:relative;
		top:auto;
		right:auto;
		bottom:auto;
		left:auto;
	}
	
	.title span.h2 {
		display:none;
	}
	
	.video .three .item a {
		font-size: 17px;
	}
	
	.video {
		padding-top:28px;
	}
	
	.guarantee {
		padding:36px 0;
	}
	
	.guarantee .brick {
		font-size: 15px;
	}
	
	.guarantee .left ul li h3 {
		font-size: 18px;
	}
	
	.guarantee .left ul li {
		padding: 30px 30px 30px 90px;
	}
	
	.guarantee .right {
		height:auto;
		padding-bottom:60%;
	}
	
	.guarantee .two span {
		padding-left: 32px;
	}
	
	.guarantee .introduction {
		padding: 16px 16px;
		font-size: 18px;
		line-height: 140%;
	}
	
	.guarantee .introduction h2 {
		font-size: 22px;
	}
	
	.follow-technology .description {
		font-size: 18px;
		line-height: 140%;
	}
	
	.excursion {
		padding: 32px 0 0px;
	}	
	
	.idealform {
		padding: 65px 0;
	}
	
	.sertificats b {
		font-size: 22px;
		line-height: 140%;	
	}
		
	.excursion .video {
		padding-bottom: 70%;
	}	
		
	.sertificats .list a {
		padding: 3px;
		width: calc(25% - 3px);
	}	
	
	.idealform .four {
		padding: 8px 16px;
		border-radius:16px;
		display:block;
	}
	
	.idealform .four .left, 
	.idealform .four .right {
		display:block;
		width:100%;
		margin:4px 0;
	}
	
	.idealform .description {
		font-size: 18px;
		line-height: 140%;
	}
	
	.download-catalog .two {
		display:block;
	}
	
	.download-catalog .description {
		width:100%;
		padding-bottom:32px;
		font-size: 16px;
		line-height: 140%;
	}
	
	.download-catalog .forma {
		width:100%;
	}
	
	.download-catalog {
		padding: 32px 0;
	}
	
	.download-catalog h2 {
		font-size: 24px;
		line-height: 30px;
	}
	
	.download-catalog span {
		font-size: 20px;
		line-height: 25px;
	}
	
	.download-catalog .description b {
		font-size: 16px;
	}
	
	.catalogs {
		padding: 30px 0 45px 0;
	}
	
	.navigationcatalogs ul a {
		font-size: 15px;
		margin: 2px;
		padding: 5px 5px;	
	}
	
	.benefits .three .item {
		font-size: 16px;
		line-height: 140%;
		padding: 32px 24px 24px 24px;
	}
	
	.benefits .three .item h3 {
		font-size:18px;
		line-height: 140%;
	}
	
	.benefits .three .item h3::before {
		top:-15px;
	}
	
	.benefits .description {
		font-size: 18px;
		padding: 16px 0 0;
	}
	
	.slider-examples .brick {
		display:block;
		width:calc(100% - 30px);
	}
	
	.slider-examples .item .left {
		width:100%;
	}
	
	.slider-examples .item .right {
		width:100%;
		padding:24px 0 0 0;
	}
	
	.slider-examples .item .videofile a {
		padding-bottom:60%;
	}
	
	.examples {
		padding:32px 0 0 0;
	}
	
	.collect .description {
		padding:18px 0 0 0;
	}
	
	.gallery .description {
		font-size:18px;
	}
	
	.gallery .description br { display:none; }
	
	.calc a {
		width:100%;
		box-sizing: border-box;
		padding: 7px 16px 9px 16px;
	}
	
	.introduction {
		padding: 16px 0 16px;
		font-size: 19px;
	}
	
	.introduction .center {
		padding:16px;
	}
	
	.header .logo-description {
		display:block;
	}
	
	.header .logo-description .logo {
		width:100%;
		text-align:center;
	}
	
	.header .logo span {
		margin:0 auto;
	}
	
	.header .description {
		text-align:center;
		padding:15px 0 0 0;
	}
	
	.header .phone-button {
		display:block;
	}
	
	.header .phone-button .button {
		width:100%;
		text-align:center;
		padding:0;
	}
	
	.header .phone-button .phone {
		width:100%;
		padding:20px 0 0 0;
		justify-content: space-between;	
	}
	
	.calc .center {
		padding:0 0 45px 0;
	}
	
	.maps .cell h3 {
		font-size: 22px;
		line-height: 140%;	
	}
	
	.slider-catalogs .item .data  ul {
		height:auto;
	}
	
	.credit .two .right {
		width:100%;
		margin:0 auto;
	}
	
	.credit .two .right .text {
		text-align:center;
	}
	
	.credit .two .right .text small {
		font-size: 12px;
	}
	
	.credit .two .right input.summ-credit {
		max-width:100%;
	}
	
	.credit .two .right .credits {
		width:100%;
	}
	
	.credit .two .right .credits a {
		/*width:calc(50% - 5px);*/
		width:100%;
	}
	
	.credit .two .left .text {
		text-align:center;
	}
	
	.input-select {
		width:100%;
		display:block;
		text-align:left;
	}
	
	.credit .two .left input.summa {
		width:100%;
	}
	
	.credit .two .left .jq-selectbox {
		width:100%;
		margin:10px 0 0 0;
	}
	
	.credit .two .left .jq-selectbox__select {
		text-align:left;
	}
	
}

@media screen and (max-width: 600px) {
	
	.open .description {
		font-size:16px;
	}
	
	.open .description br {
		display:none;
	}
	
}

@media screen and (max-width: 500px) {
	
	.open {
		padding:35px 0 35px 0;
	}	
	
	.credit .description {
		font-size: 17px;
	}
	
	.credit .title h2 br {
		display:none; 
	}
	
	.credit .two .left .text b,
	.credit .two .right .text b {
		font-size:19px;
		padding:0;
	}
	
	.credit .two .right .text {
		font-size:17px;
	}
	
	
}

@media screen and (max-width: 440px) {
	
	.footer .requisites {
		width:100%;
		padding:20px 0 0 0;
	}
	
	.header .phone-button .phone p {
		margin: 0 5px;
	}
	
	.header .phone-button a {
		font-size: 16px;
		line-height: 16px;
	}	
	
}

@media screen and (max-width: 400px) {
	
	.credit .two .right .credits a.tinkoff,
	.credit .two .right .credits a.otp {
		background-size: 130px auto;
	}
	
}

@media screen and (max-width: 350px) {
	
	.header .phone-button a {
		font-size: 15px;
		line-height: 15px;
	}	

	.credit .two .left input.summa,
	.credit .two .right input.summ-credit {
		padding:10px 8px;
		text-align:left;
	}
	
	.credit .two .left .jq-selectbox__select {
		padding-left:8px;
	}
	
}


.pages {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #000;
    padding: 0 0 75px
}

.pages p {
    padding: 10px 0
}

.pages h1 {
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 140%;
    padding: 10px 0
}

.pages h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 140%;
    padding: 10px 0
}

.pages h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 140%;
    padding: 10px 0
}