@media screen and (max-width: 1800px){
	#promo .data .text {
  min-height: 430px;
}
}
@media screen and (min-width: 1400px){
footer .col.col__logo .about {
	right: -110px;
	top: 0px;
}
}

@media screen and (max-width: 1770px){
	.container,#how .container{max-width: 1200px;}

	.bt{font-size: 64px; line-height: normal;}
	.bt.bt__small{font-size: 48px;}
	.bt__note{font-size: 24px; line-height: normal;}


	.form__select .select__current{height: 44px;}

	.btn-gold{height: 54px; font-size: 20px;}
	.btn-readmore{font-size: 18px;}


	.content{font-size: 24px; line-height: 1.4;}


	.form input[type="text"], .form input[type="email"], .form input[type="tel"], .form input[type="password"], .form textarea, .form select{height: 54px; padding: 0 20px; font-size: 18px;}
	.form .it__price input {
		padding: 0!important;
	}
	.form textarea {
		padding-top: 20px;
	}
	body{font-size: 16px;}


	header nav ul li a{padding: 0 5px;}
	header .data{gap: 30px;}
	header .right{gap: 60px}


	#promo .data{padding: 90px 0;}
	#promo .data .text{max-width: 500px}
	#promo .data .title{font-size: 64px; margin-bottom: 30px;}
	#promo .data p{font-size: 24px; margin-bottom: 25px; line-height: normal;}
	#promo .data .info .status,#promo .data .info .location{font-size: 20px;}
	#promo .site__filters{margin-top: 80px;}
	#promo .swiper__promo img{height: 880px}


	#promo__page .title{font-size: 88px; line-height: normal;}
	#promo__page .text{font-size: 34px;}


	.site__item{margin-bottom: 100px; align-items: stretch;}
	.site__item:last-child{padding-bottom: 0;}
	.site__item .image{min-height: 0; width: 46%;}
	.site__item .text{width: 50%;}


	#why__chose .title{font-size: 24px; margin-bottom: 15px;}
	#why__chose .title span{width: 50px;}
	#why__chose .item{padding: 30px 0 0!important;}
	#why__chose .description{padding-left: 50px; font-size: 20px;}


	.item__blog .image{height: 400px;}
	.item__blog .data .categories{gap: 20px; font-size: 20px;}
	.item__blog .data .title{font-size: 24px; line-height: 1.4;}
	.item__blog .date{font-size: 18px;}


	#subscribe{background-size: auto 100%;}


	#wws .image{width: 50%;}
	#wws .container{min-height: 600px}
	#wws .text{padding-top: 0}


	#about__content .content .item{font-size: 24px;}



	#how .item,#our__advantages .item .title{font-size: 28px; line-height: normal;}


	#benefits .item .title{font-size: 36px; line-height: normal;}
	#benefits .item p{font-size: 24px; line-height: normal;}
	#benefits .item img{height: 400px;}


	.tags{gap: 20px;}
	.tags a{font-size: 18px; height: 48px;}


	#page__news .item__blog .image{height: 260px}
	#page__news .grid.grid-4{gap: 20px;}


	#program .form input{height: 54px; width: calc(100% - 200px)}


	#page__listing .inn{width: calc(100% - 360px)}
	#page__listing #sidebar{width: 300px;}
	#page__listing #sidebar .box{padding: 20px;}
	#page__listing #sidebar .box__price .price{font-size: 24px;}
	#page__listing #sidebar .box__price .flex span{font-size: 16px; top: -3px;}


	#vacancies .vacancies li a{font-size: 24px;}


	.input__tel{padding-left: 65px!important;}

	.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container{left: 15px;}

	#page__news .item__blog .data .categories a:after{top: 10px; right: -15px; width: 5px; height: 5px;}


	footer .col.col__logo .logo{max-width: 240px; margin-bottom: 15px}
	footer .col.col__logo p{font-size: 20px; margin-bottom: 30px;}
	footer .socials{gap: 10px;}
	footer .copyright .invest{font-size: 24px; margin-bottom: 15px;}
}



@media screen and (max-width: 1240px){
	.container{max-width: 100%; padding: 0 30px;}

	.btn-search{font-size: 18px;}


	.bt{font-size: 44px; line-height: normal;}
	.bt.bt__small{font-size: 38px;}
	.bt__note{font-size: 20px; line-height: normal;}


	header .right{display: none; position: fixed; top: 72px; right: 0; background: #fff; z-index: 500; height: calc(100% - 72px); box-sizing: border-box; width: 100%; max-width: 100%; padding: 30px 30px 100px; gap: 0; align-items: flex-start;}
	header .right .mobile__title{display: flex; align-items: center; justify-content: center; width: 100%; font-size: 44px; font-weight: 500; line-height: normal; margin-bottom: 20px}
	header .right .lang{width: calc(100% - 60px); color: #888888; top: 100px; left: 30px; position: absolute; display: flex; align-items: center; justify-content: center; padding: 9px;  height: 50px; display: flex; background: linear-gradient(122.39deg, #000000 0%, #666666 154.81%); border-radius: 100px; font-size: 20px; box-sizing: border-box; display: none;}
	header .right .lang a{color: #fff;}
	header .right .phone{display: none;}
	header .right .data{width: 100%; justify-content: center;}
	header .right .socials{position: absolute; bottom: 0; left: 0; box-sizing: border-box; width: 100%; display: flex; justify-content: center; gap: 15px; padding: 20px; border-top: 1px solid rgba(0, 0, 0, 0.1); background: #fff;}
	header .right .socials a img{width: 32px; height: 32px;}
	header nav{width: 100%;}
	header nav ul{display: block; margin-bottom: 0;}
	header nav ul li a{justify-content: flex-start; text-align: left; padding: 9px; justify-content: center; align-items: center; text-align: center; color: #fff; height: 50px; display: flex; background: linear-gradient(122.39deg, #000000 0%, #666666 154.81%); border-radius: 100px; font-size: 20px; box-sizing: border-box;}
	header nav ul li{margin-bottom: 10px;}
	header .menu{display: flex; position: relative; top: 7px;}
	header .menu .btn{font-size: 18px; display: flex; align-items: center; justify-content: center; font-size: 0; width: 20px; height: 20px; display: flex; background: url("../img/pull.svg") 100% 50% no-repeat; transform: rotate(180deg); baseline-size: 100%}
	.open header .menu .btn{background: url("../img/closenav.svg") 100% 50% no-repeat; background-size: 100% 100%}
	header .lang.mobile{display: flex; align-items: center; justify-content: center; position: absolute; top: calc(50% - 20px); right: 80px;}
	header .lang .current{height: 44px;}
	header .location{position: relative; top: 5px;}


	.site__filters{padding: 5px; width: 100%; max-width: 100%;}
	.site__filters{border-radius: 40px;}
	.site__filters .item{padding: 10px 15px; font-size: 16px;}
	.site__filters .item:after{border-radius: 30px; height: 100%; top: 0px;}
	.site__filters .item:hover{padding: 10px 25px;}
	.site__filters .item .value {
		font-size: 9px;
	}
	#promo .btn-search, .btn-search {
		margin-left: 5px;
	}

	#sellers .swiper-slide{width: 300px;}
	.item__sellers img{height: 360px}
	#sellers .swiper-slide:nth-child(2n) img{height: 280px}
	#sellers .slider-sw,#news .items{margin-top: 50px}


	#why .image{position: relative; width: 100%; height: auto; order: 1; top: 0;}
	#why .data{width: 100%; order: 0; padding: 0}
	#why .image img{height: auto;}
	#why .container{position: relative; padding-bottom: 100px}
	#why .data .flex{position: absolute; bottom: 0; left: 30px;}


	.item__blog .image{height: 250px;}
	.item__blog .data{padding: 20px 0 0;}
	.item__blog .data .categories{font-size: 16px; gap: 15px}
	.item__blog .data .title{font-size: 20px;}


	#program.section__team .data .bt__note{font-size: 20px; line-height: normal;}


	.site__item{position: relative; padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); gap: 20px}
	.site__item:last-child{border: none; margin: 0}
	.site__item .bt br{display: none;}
	.site__item .text{width: 100%; order: 0!important}
	.site__item .text .btn1{position: absolute; bottom: 35px; left: 0;}
	.site__item .image{width: 100%; order: 1!important; gap: 20px;}


	#why__chose .grid{grid-template-columns: repeat(1, 1fr); margin: 0; gap: 35px;}
	#why__chose .item{margin: 0}



	#wws{padding-top: 0}
	#wws .image{width: 100%; position: relative; order: 1}
	#wws .image img{margin: 0 auto;}
	#wws .text{width: 100%; order: 0; padding: 0; max-width: 100%;}


	#our__advantages .items{justify-content: space-between;}
	#our__advantages .item{width: calc(50% - 12px);}


	#benefits .items{grid-template-columns: repeat(2, 1fr); gap: 20px;}
	#benefits .item .data{padding: 40px;}


	#how .item{font-size: 20px; padding-left: 40px;}


	#page__news .tags{gap: 10px; padding: 0 0 35px}
	.tags a{font-size: 14px; height: 38px; padding: 0 15px}

	#page__news .grid{grid-template-columns: repeat(2, 1fr);}
	#page__news .item__blog .image{height: 320px}
	#page__news .site__filters{margin: 0 auto 30px;}
	.item__blog .price{font-size: 20px; margin: -10px 0 10px;}
	.item__blog .location{font-size: 13px; background-size: 10px;}


	#page__listing .inn{width: 100%;}
	#page__listing #sidebar{width: 100%; position: relative; top: 0;}
	#page__listing #sidebar img{width: 100%;}
	#page__listing .listing .item{padding: 20px;}



	footer{padding: 50px 0;}
	footer .copyright{border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 30px 0 0; margin-top: 30px;}
	footer .cols{gap: 0; margin-top: 50px; width: 100%;}
	footer .cols .col.col__contacts{max-width: 250px}
}












@media screen and (max-width: 767px){
	.container{padding: 0 16px;}
	#promo .data .text {
		min-height: 0
	}

	.btn-gold{height: 36px; font-size: 16px; padding: 0 15px; min-width: 180px!important;}
	.btn-readmore{font-size: 13px;}


	.section{padding: 35px 0}
	.section__top{padding: 20px 0 0;}
	.section__bottom{padding: 0 0 20px;}


	.bt,#benefits .bt{font-size: 30px; line-height: 40px; margin-bottom: 15px;}
	.bt.bt__small{font-size: 30px; line-height: 40px;}
	.bt__note{font-size: 14px; margin-bottom: 20px; line-height: 18px;}


	.content{font-size: 14px; line-height: 18px;}
	.content p{margin-bottom: 10px;}
	.content ul{padding: 10px 0 20px 17px}


	.form input[type="text"], .form input[type="email"], .form input[type="tel"], .form input[type="password"], .form textarea, .form select{height: 34px; margin-bottom: 10px; font-size: 13px; padding: 0 15px; border-radius: 80px;}
	#contacts .form .btn{margin-top: 10px;}


	body{padding: 70px 0 0;}


	header{padding: 14px 0; height: 50px;}
	header .logo{max-width: 120px; gap: 0}
	header .logo .location{display: none;}
	header .right{height: calc(100% - 50px); top: 50px;}
	header .menu{top: 0;}
	header .lang.mobile{top: 7px!important; right: 70px;}
	header .lang .current{height: 34px; width: 85px; padding-left: 15px; font-size: 14px;}
	header .lang ul li a{padding-left: 15px; font-size: 14px;}


	#promo{border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 35px;}
	#promo .data{position: relative; padding: 0; color: var(--text); padding: 60px 0 0;}
	#promo:after{display: none;}
	#promo .site__filters{position: absolute; top: 0; left: 16px; width: calc(100% - 32px); max-width: 100%; margin: 0; padding-left: 15px}
	.site__filters{padding-left: 15px!important}
	#promo .btn-search,.btn-search{width: 56px; font-size: 11px; padding: 0 5px 0 16px; background-position: 4px 50%; background-size: 11px;}
	#promo .data .title{font-size: 44px; margin-bottom: 5px;}
	#promo .swp{display: none;}
	#promo .swpp{width: calc(100% - 32px); margin-left: 16px; margin-top: 20px; overflow: hidden; border-radius: 6px;}
	#promo .swiper__promo img{height: 240px;}
	#promo .s__pag{position: absolute; bottom: 5px; left: 0; width: 100%; display: flex; align-items: center; justify-content: center;}
	#promo .swiper-pagination{display: flex; width: auto; bottom: 0!important; position: relative; border-radius: 65px; background: rgba(0, 0, 0, 0.5); border: 1px solid #fff; height: 18px; align-items: center; justify-content: center; gap: 4px; padding: 0 12px; box-sizing: border-box;}
	#promo .swiper-pagination .swiper-pagination-bullet{margin: 0; background: rgba(255, 255, 255, 0.5); border: none; width: 6px; height: 6px;}
	#promo .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
	#promo .data p{font-size: 16px; margin-bottom: 0}
	#promo .data .text .btn{display: none;}
	#promo .data .info{position: absolute; bottom: -56px; left: 0; margin: 0; width: 100%; box-sizing: border-box; padding: 0 21px; justify-content: space-between;}
	#promo .data .info .status, #promo .data .info .location{font-size: 13px; display: flex; padding: 0 10px; border: 1px solid #fff; height: 30px; align-items: center; justify-content: center; color: #fff; background: transparent; border-radius: 6px; box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.25); backdrop-filter: blur(2.5px);}
	#promo .data .info .status{order: 1}
	#promo .data .info .location{order: 0}
	#promo .mobile__about{display: flex; align-items: center; justify-content: center; padding-top: 20px;}


	.site__filters{padding: 3px;}
	.site__filters .item,.site__filters .item:hover{padding: 3px 10px; font-size: 11px;}
	.site__filters .item .label{margin: 0 0 2px;}


	#sellers{border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
	#sellers .bt,#sellers .bt__note{text-align: center;}
	#sellers .bt__note{max-width: 250px; margin: 0 auto 20px;}
	#sellers .btn{margin: 0 auto;}
	#sellers .swiper-slide{width: 170px}
	#sellers .swiper-button-prev, #sellers .swiper-button-next{display: block; top: 35px!important; border-radius: 0 160px 160px 0; border-left: none;}
	#sellers .swiper-button-prev{left: calc(100% - 50px)}
	#sellers .slider-sw{margin: 0; padding: 60px 0 0; position: relative;}
	#sellers .sell{border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 35px;}


	.item__sellers img{height: 160px!important; margin-bottom: 8px;}
	.item__sellers .title{font-size: 14px;}
	.item__sellers .location{font-size: 13px;}


	#why{padding-bottom: 0;}
	#why .container{padding-bottom: 90px;}
	#why .data .flex{bottom: 35px; left: 16px; width: calc(100% - 32px);}
	#why .btn{margin: 0 auto;}


	#news .grid{grid-template-columns: repeat(1, 1fr); gap: 35px;}
	.item__blog .image{height: 205px; border-radius: 6px; overflow: hidden;}
	.item__blog .data{padding: 10px 0 0;}
	.item__blog .data .categories{gap: 10px; font-size: 13px; margin-bottom: 8px;}
	.item__blog .data .title{font-size: 20px; margin-bottom: 15px;}
	.item__blog .data .date{font-size: 13px;}


	#program .container{padding: 0;}
	#program .data{border-radius: 0; padding: 35px 16px;}
	#program .bt__note{max-width: 250px; margin: 0 auto 15px;}


	#subscribe{text-align: center; padding-bottom: 35px; background: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
	#subscribe .btn{margin: 0 auto;}


	#ceo .bt{margin-bottom: 10px;}


	#promo__page{height: auto; padding-bottom: 35px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); min-height: 0;}
	#promo__page:after{display: none;}
	#promo__page .data{position: relative; padding: 0; color: var(--text); text-align: left;}
	#promo__page .data .btn{display: none;}
	#promo__page .title{font-size: 44px; margin-bottom: 5px; line-height: normal;}
	#promo__page .text{font-size: 16px; line-height: 20px; margin-bottom: 0}
	#promo__page img{width: calc(100% - 32px); border-radius: 6px; margin: 20px 0 0 16px;}
	#promo__page .mobile__btn{display: block; padding-top: 20px;}


	#contacts.contacts__in{margin-bottom: 40px;}


	#vacancies{border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
	#vacancies .vacancies{padding-top: 10px;}
	#vacancies .vacancies li{border: none; margin-bottom: 10px;}
	#vacancies .vacancies li:last-child{margin: 0}
	#vacancies .vacancies li a{display: inline-block; border: 1px solid var(--text); font-size: 16px; line-height: 30px; padding: 0 12px; border-radius: 50px; letter-spacing: -0.54px;}


	#small__about{text-align: left; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
	#small__about .flex{/*justify-content: flex-start;*/ padding-top: 10px;}


	#why__chose{border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
	#why__chose .bt{text-align: left; margin-bottom: 15px;}
	#why__chose .grid{gap: 20px}
	#why__chose .item{margin: 0; padding: 0!important; border: none;}
	#why__chose .title{display: inline-block; line-height: 38px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 100px; margin-bottom: 10px; padding: 0 12px; font-size: 16px;}
	#why__chose .title span{width: auto; margin-right: 3px;}
	#why__chose .description{padding: 0; font-size: 14px; line-height: 18px;}


	#about__text{border-bottom: 1px solid rgba(0, 0, 0, 0.1);}


	#wws{padding-top: 35px;}
	#wws .content{margin-bottom: 25px;}
	#wws .btn{margin: 0 auto;}


	.content h3{font-size: 20px; font-weight: 500; margin-bottom: 15px;}
	#about__content .content .item span{padding: 10px 22px 10px 44px; font-size: 14px; line-height: 18px;}
	#about__content .content .item span:after{left: 22px; width: 10px; height: 10px; top: calc(50% - 5px)}
	#about__content h3{margin-top: 20px;}
	#about__content .content .item{margin-bottom: 15px;}
	#about__content .content .item:last-child{margin: 0}



	#program .bt{margin-bottom: 10px!important; font-size: 24px!important; line-height: 1.3}
	#program .bt img{width: 50px; margin-bottom: 15px;}
	#program .bt__note{margin-bottom: 20px!important; font-size: 16px!important; line-height: 22px!important}


	#ceo .content{height: 135px}


	.site__item .btn{margin: 15px auto 0;}


	#our__advantages{border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
	#our__advantages .items{gap: 10px;}
	#our__advantages .item{width: 100%; padding: 28px 20px 28px 80px; height: auto;}
	#our__advantages .item span{font-size: 35px; line-height: 20px; left: 20px; top: calc(50% - 10px)}
	#our__advantages .item .title{font-size: 16px; line-height: 20px;}
	#our__advantages .btn{margin-top: 20px;}


	#team .team__item{width: 152px;}
	.team__item .name,.team__item .status{font-size: 13px;}
	#team .swiper-button-prev,#team .swiper-button-next{display: block;}
	#team .swiper-button-prev, #team .swiper-button-next{display: block; top: 35px!important; border-radius: 0 160px 160px 0; border-left: none;}
	#team .swiper-button-prev{left: calc(100% - 50px)}
	#team .slider-sw{margin: 0; padding: 60px 0 0; position: relative; margin-top: -50px;}


	#similiar__projects .slider-sw{margin: 0; padding: 60px 0 0; position: relative; margin-top: -65px;}
	#similiar__projects .swiper-button-prev,#similiar__projects .swiper-button-next{display: block;}
	#similiar__projects .swiper-button-prev, #similiar__projects .swiper-button-next{display: block; top: 35px!important; border-radius: 0 160px 160px 0; border-left: none;}
	#similiar__projects .swiper-button-prev{left: calc(100% - 50px)}


	#page__listing .slider-sw{display: block;}
	#page__listing .swiper-pagination{display: flex; width: auto; bottom: 0!important; position: relative; border-radius: 65px; background: rgba(0, 0, 0, 0.5); border: 1px solid #fff; height: 18px; align-items: center; justify-content: center; gap: 4px; padding: 0 12px; box-sizing: border-box;}
	#page__listing .swiper-pagination .swiper-pagination-bullet{margin: 0; background: rgba(255, 255, 255, 0.5); border: none; width: 6px; height: 6px;}
	#page__listing .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
	#page__listing .s__pag{position: absolute; bottom: 28px; left: 0; width: 100%; display: flex; align-items: center; justify-content: center;}



	#benefits{border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
	#benefits .grid{grid-template-columns: repeat(1, 1fr);}
	#benefits .item .data{padding: 40px 20px}
	#benefits .item img{height: 155px}
	#benefits .item .title{font-size: 25px; margin-bottom: 20px; line-height: normal;}
	#benefits .item p{font-size: 14px; line-height: 16px;}


	#how{background: transparent; color: var(--text); border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
	#how:after{display: none;}
	#how .bt{color: var(--text);}
	#how .grid{grid-template-columns: repeat(1, 1fr);}
	#how .item{padding: 0 0 0 46px; font-size: 14px; line-height: 18px;}
	#how .item span{display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.1); top: calc(50% - 18px)}


	#page__news .grid{grid-template-columns: repeat(1, 1fr); gap: 35px;}
	#page__news .item__blog .image{height: 210px;}
	#page__news .item__blog .data .title{font-size: 20px; line-height: 21px; padding: 5px 0;}
	#page__news .tags{gap: 0; justify-content: space-between;}
	#page__news .tags a{display: none; height: 44px; font-size: 16px;}
	#page__news .tags a:first-child{display: flex;}
	#page__news .tags .form__select{display: flex; background: url("../img/sorting.svg") 10px 50% no-repeat;}
	#page__news .tags .form__select .select__current{padding-left: 40px;}
	#page__news .tags .form__select a{display: flex; justify-content: space-between; height: auto; padding: 5px}
	#page__news .tags .form__select ul{width: 230px; left: calc(100% - 230px)}


	.pagination{padding: 40px 0 0; font-size: 18px;}
	.pagination a,.pagination span{font-size: 18px;}


	#program .form input{height: 44px; width: 100%; margin-bottom: 15px;}
	#program .form .btn{width: 100%;}


	.pagination a, .pagination span{width: 40px; height: 40px;}


	.item__blog .image span{bottom: 15px; max-width: 80px}

	#similiar__projects .btn{margin: 35px auto 0;}


	#program .data .bt__note br{display: none;}


	#page__news{padding-top: 0}


	#breadcrumbs{font-size: 13px; padding-bottom: 20px; line-height: 1.5;}
	article .date{font-size: 14px; margin-bottom: 20px;}
	article .image{height: 240px; border-radius: 6px; overflow: hidden; width: calc(100% - 32px); margin: 0 0 16px 16px;}
	article .center{text-align: left; font-size: 14px; line-height: 18px; padding-bottom: 35px;}
	article .content{padding: 20px 0 0; font-size: 14px; line-height: 18px;}
	article .content h2{margin-bottom: 20px; text-align: left; font-size: 30px; line-height: 33px}
	.content img{margin-bottom: 20px; height: 240px; border-radius: 6px;}
	.content blockquote{margin: 30px 0; padding: 0 50px; width: 100%; font-size: 13px; line-height: 15px; text-align: center;}
	.content blockquote:after,.content blockquote:before{background-size: 30px; background-position: 0 0;}
	.content blockquote:before{background-position: 100% 0}
	.content h4{font-size: 16px;}


	#contacts.contacts__in .container{padding: 0}
	#contacts.contacts__in .data{padding: 20px 35px; border-radius: 0;}


	.bt.bt__gold_small{font-size: 24px; text-align: left; margin-bottom: 20px;}


	#promo.promo__listing .data{padding: 0}
	#promo.promo__listing .data .text .title{font-size: 35px; line-height: 40px;}
	#promo.promo__listing .swiper__promo img{height: 240px; min-height: 0;}


	#page__listing .tth{padding: 8px 15px; margin-bottom: 20px; gap: 15px; background: #EEEEEE; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px;}
	#page__listing .tth .el{font-size: 13px; padding-left: 18px; background-size: 15px!important}
	#page__listing .object{padding: 16px 0 16px 46px; border-top: 1px solid rgba(0, 0, 0, 0.1);}
	#page__listing .object img{width: 36px; height: 36px; top: calc(50% - 18px)}
	#page__listing .object .name{font-size: 16px; opacity: 0.5}
	#page__listing .content{font-size: 14px; line-height: 18px;}
	#page__listing .content .gallery{display: none;}
	#page__listing #sidebar{margin-top: 30px;}
	#page__listing #sidebar .box{padding: 15px; background: #EEEEEE}
	#page__listing #sidebar .box__price p{font-size: 16px; line-height: 18px; margin-bottom: 15px;}
	#page__listing #sidebar .box__price .btn{height: 42px; font-size: 16px; margin-bottom: 10px;}
	#page__listing #sidebar .box__price .btn:last-child{margin: 0}
	#page__listing .listing{padding-top: 30px}
	#page__listing .listing .item .col:nth-child(1){width: 100%;}
	#page__listing .listing .item .col{width: calc(100%/3)}


	#similiar__projects .item__blog{width: 170px;}
	#similiar__projects .item__blog .image{height: 155px;}


	#program.section__team .form .btn{padding: 0; width: 200px; height: 44px; margin: 0 auto;}
	#program.section__team .form input{width: 100%; margin-bottom: 15px;}



	footer{padding: 20px 0 15px;}
	footer .col.col__logo{max-width: 100%; width: 100%;}
	footer .col.col__logo .about{right: calc(100% - 275px); width: 20px; top: 5px;}
	footer .col.col__logo p{font-size: 14px; margin-bottom: 15px;}
	footer .copyright{margin-top: 15px; padding-top: 15px; font-size: 13px;}
	footer .copyright .flex{justify-content: space-between;}
	footer .socials{gap: 10px; padding-top: 20px;}
	footer .cols .col{font-size: 13px;}
	footer .cols .col.col__contacts{margin-top: 20px;}
	footer .cols .col.col__contacts .title{font-weight: 700; font-size: 14px;}


	#subscribe .form{max-width: 100%;}
	.input__tel{padding-left: 55px!important;}

	.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container{left: 7px;}



	.fancybox-close-small{width: 34px; height: 34px; background-size: 100% 100%; top: 15px; right: 15px;}
	.box__modal{padding: 15px;}
	.box__modal .modal__title{text-align: left; max-width: 80%; font-size: 24px; margin-bottom: 20px;}
	.form .row{margin-bottom: 20px;}
	.form .row__title{font-size: 20px; margin-bottom: 15px; padding-top: 5px}
	.form textarea{padding-top: 15px; height: 120px; border-radius: 20px;}
	label.radio{padding-left: 22px; font-size: 16px; line-height: normal;}
	label.radio:after,label.radio span:after{width: 15px; height: 15px; background-size: 100% 100%; top: 2px;}
	label.checkbox{font-size: 16px; line-height: normal; padding-left: 26px;}
	.form .btn-black{gap: 10px; height: 30px; font-size: 18px;}
	.form .btn-black svg{width: 16px;}
	.form .privacy{padding-bottom: 30px;}
	.form .flex__items.flex__in label{width: auto; margin-bottom: 5px;}
	.box__modal .modal__search{margin: 0 0 10px; width: 85%;}
	.box__modal .modal__search input{background-size: 16px;}
	.box__modal .remove,.box__modal .options{font-size: 14px; position: relative; top: 15px;}
	.form .it__price{width: calc(50% - 10px); margin-bottom: 15px; border-radius: 20px; box-sizing: border-box; margin: 0; padding: 0 15px; height: 50px; border-radius: 150px}
	.form .it__price:last-child{margin: 0}
	.form .it__price input{padding: 0; position: relative; top: 10px;}
	.form .it__price i{z-index: 3; left: 15px; top: 3px;}


	#page__news .item__blog .data .categories a:after{top: 5px;}


	.socials a{width: 32px; height: 32px;}
	.socials a img{width: 50%;}


	.form .actions .btn{padding: 0 15px; height: 32px; font-size: 14px; width: auto;}


	header .lang.mobile{top: 14px; right: 60px}


	.team__item{width: 150px!important}
	.team__item img{height: 150px;}


	#page__listing .listing{display: none;}
	#page__listing .listing.mobile{display: block}
	#page__listing .listing .item{border: none;}
	#page__listing .listing .item .title{width: 100%; font-size: 18px; text-align: center; margin: 0; display: flex; align-items: center; justify-content: center; height: 48px; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
	#page__listing .listing .item .col.col__image{display: flex; align-items: center; justify-content: center; width: 100%; height: 236px; padding: 10px; box-sizing: border-box; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 35px;}
	#page__listing .listing .item .list__flex{width: 100%; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.1);}
	#page__listing .listing .item .list__flex .col{width: calc(100%/3); box-sizing: border-box; border-right: 1px solid rgba(0, 0, 0, 0.1); padding: 15px; font-size: 14px;}
	#page__listing .listing .item .list__flex .col:last-child{border: none;}
	#page__listing .listing .item .list__flex .col .row:nth-child(1) p{display: none;}
	#page__listing .listing .swiper-button-prev{left: calc(50% - 25px); top: 100%; margin-top: 5px;border-radius: 0 20px 20px 0; border-left: none;}
	#page__listing .listing .swiper-button-next{right: calc(50% - 25px); top: 100%; margin-top: 5px;border-radius: 0 20px 20px 0; border-left: none;}

	#range{margin-bottom: 5px; margin-top: 20px;}

	/* Мобильный: tags и поиск в колонку, поиск по центру */
	.tags-search-row{flex-direction: column; align-items: stretch;}
	.tags-search-row .tags{order: 2;}
	.listing-search-wrap{order: 1; justify-content: center; margin-bottom: 15px;}
	.listing-search-form{max-width: 100%;}
	.listing-search-form .modal__search input{font-size: 13px;}
	.listing-search-form .modal__search input::placeholder{font-size: 13px;}
}

@media screen and (max-width: 425px){
	.site__filters .item,.site__filters .item:hover{padding: 3px 5px; font-size: 10px;}
}