@media screen and (max-width: 1400px){
	.container{padding: 0 24px;}
}

@media screen and (max-width: 1364px){
	.container{max-width: 1100px;}
	header .container,footer .container{max-width: 1052px}
	header .data{gap: 20px}
	header nav ul{gap: 10px}


	#promo .data{padding: 64px}
	#promo .data h1{font-size: 50px}


	#mission .mission1{left: 0}
	#mission .mission2{right: 0}


	#team .grid.grid-4{grid-template-columns: repeat(3, 1fr);}


	#promo__article #breadcrumbs{padding-bottom: 24px;}

	#promo__partners #breadcrumbs{padding-bottom: 46px;}
	#promo__partners .text,#promo__partners .info{width: 100%; max-width: 100%;}
	#promo__partners h1{margin-bottom: 46px;}


	#promo__action__page #breadcrumbs{overflow: hidden;}


	footer .logo{display: none;}
}


@media screen and (max-width: 1139px){
	.container{max-width: 100%; width: 100%;}

	header{padding: 12px 24px;}
	header nav{display: none;}
	header .pull{display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; background: #DFF0D2; border-radius: 50%;}
	header .pull.open svg{opacity: 0}
	header .pull.open{background: #DFF0D2 url("../img/closep.svg") 50% 50% no-repeat;}
	header .data{gap: 12px}


	#promo .data,#promo.promo__about .data{width: 100%; margin-bottom: 16px;}
	#promo img,#promo.promo__about img{width: 100%; max-width: 100%;}


	#mission img{display: none;}


	#blog .grid.grid-3,#news .grid.grid-3{grid-template-columns: repeat(2, 1fr);}
	#blog .blog__item:last-child{display: none;}


	#contacts .box{width: 100%}
	#contacts .box.left,#contacts .ct{margin-bottom: 16px;}
	#contacts .contacts{position: relative; padding: 64px 0 0;}


	#steps .item{padding: 0 0 86px 24px}
	#steps .item:after{left: 0}
	#steps .item img.image{order: 1!important; width: 100%; margin-top: 40px}
	#steps .item .data{width: 100%; padding: 0!important; order: 0!important}


	#team .grid.grid-4{grid-template-columns: repeat(2, 1fr);}


	#partners__page .item .image{width: 300px; padding: 20px; height: 180px; box-sizing: border-box; margin: 0 auto 24px;}
	#partners__page .item .text{width: 100%}


	.page__title{font-size: 54px;}


	#promo__article img{width: 100%; order: 1}
	#promo__article .data{width: 100%; order: 0; margin-bottom: 16px;}
	#promo__article .info{position: relative; bottom: 0; left: 0; padding: 24px 0 0; justify-content: flex-start;}


	#error{padding-bottom: 82px}
	#error .data{padding: 34px;}
	#error .title{font-size: 54px; line-height: normal;}


	#page__docs .slider-sw, .list__swiper{width: 100%; margin-top: 40px;}
	.items__docs.grid.grid-3,.section__items .grid.grid-3{grid-template-columns: repeat(2, 1fr);}


	#promo__action .data{background: var(--green) url("../img/bg_action_mobile.svg") 100% 100% no-repeat;}


	#promo__action__page .main{width: 100%; margin-bottom: 24px}
	#promo__action__page .main .info{position: relative;}
	#promo__action__page .information{width: 100%;}
	#promo__action__page .information .title{margin-bottom: 16px;}

	#action__about .bt{width: 100%; max-width: 100%;}
	#action__about .information{width: 100%; max-width: 100%;}
	#action__about .image{width: 100%; position: relative; margin-top: 24px;}
	#action__about .information .flex__center{padding: 0}


	#action__programm .bt{width: 100%; max-width: 100%;}
	#action__programm .information{width: 100%; max-width: 100%;}


	#contacts .box.left.greenB p{position: relative; padding: 0}


	#action__inner .data{background-size: auto 100%;}
	#action__inner .text{max-width: 100%; width: 100%; margin-bottom: 24px;}


	#action__about.section__text .information .text{position: relative; max-width: 100%; width: 100%;}


	#steps__service .grid.grid-3{grid-template-columns: repeat(2, 1fr);}


	footer{padding: 0 24px}
	footer .top{position: relative;}
	footer .info{gap: 0}
	footer .col{width: 46%;}
	footer .col.col__top{position: absolute; top: 0; right: 0; width: auto;}
}


@media screen and (max-width: 767px){
	.section{padding: 48px 0}
	.bt{margin-bottom: 40px; font-size: 32px; line-height: 100%;}
	.page__title{font-size: 42px; margin-bottom: 24px;}


	.slider-sw .swiper-button-prev,.slider-sw .swiper-button-next{top: calc(100% - 34px); z-index: 10}
	.slider-sw .swiper-button-prev{left: 0}
	.slider-sw .swiper-button-next{right: 0;}
	.swiper{padding-bottom: 100px}

	.slider-sw .swiper-pagination{display: block; bottom: 10px!important; z-index: 3}
	.slider-sw .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; background: #E9E9EA}
	.slider-sw .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 10px; border-radius: 50%; background: var(--green);}


	header .data{gap: 4px}
	header .btn-green-tr{display: none;}


	#promo{padding-bottom: 48px}
	#promo .data{padding: 34px;}
	#promo .data h1{margin-bottom: 24px; font-size: 42px;}
	#promo .data h1 span{top: 10px}
	#promo p{margin-bottom: 24px;}
	#promo .btn{width: 100%;}
	#promo img{height: 370px;}


	#mission .bt{margin-bottom: 40px}
	#mission .text{margin-bottom: 40px}


	#announcements .list .show__all{width: 100%; max-width: 100%; margin-bottom: 16px;}
	#announcements .list .show__all:after{display: none;}
	#announcements .list .show__all a{padding: 34px 34px 108px; border-radius: 44px; width: 100%;}
	#announcements .list .show__all a svg{right: 34px; bottom: 34px; width: 64px; height: 64px;}
	#announcements .list__swiper{width: 100%;}
	#announcements .swiper-slide{width: 285px}


	.item-announcements{padding: 28px 28px 116px}
	.item-announcements a.btn{bottom: 28px}
	.item-announcements .title{font-size: 20px}


	#services .swiper-slide{width: 285px!important}


	.item-service{padding: 28px 28px 208px; border-radius: 44px}
	.item-service .top .title{font-size: 20px!important}
	.item-service .bottom{padding: 28px;}
	.item-service .bottom span{font-size: 14px;}


	#events .swiper-slide{width: 285px;}

	.item-announcements.item-announcements-image img{height: 190px}


	#partners .btn-green-tr{position: relative; margin-bottom: 16px}
	#partners .swiper{padding: 0}


	#blog .flex__center{position: relative; padding: 24px 0 0;}
	#blog .flex__center .btn{width: 100%;}
	#blog .grid.grid-3,#news .grid.grid-3{grid-template-columns: repeat(1, 1fr); gap: 24px}
	#blog .blog__item:last-child{display: block;}
	.blog__item .title{font-size: 20px;}
	#news .blog__item{margin-bottom: 0}
	#news .flex__center{padding-top: 40px}
	#news .flex__center .btn{width: 100%;}


	#contacts .box{padding: 34px; border-radius: 44px;}
	#contacts .bt{margin-bottom: 24px;}
	#contacts .contacts{padding: 34px 0 0;}
	#contacts .form .btn{width: 100%;}
	#contacts .ct .contacts{padding: 0}


	#map{padding: 16px 0 48px}
	#map iframe{height: 300px; border-radius: 44px;}


	#breadcrumbs{padding-bottom: 24px;}


	#team .grid.grid-4{grid-template-columns: repeat(1, 1fr);}
	.item-team .name p{font-size: 20px;}


	#steps .item img.image{height: 210px;}
	#steps .item .data .title{font-size: 24px;}


	#promo.promo__about .data{padding: 34px;}
	#promo.promo__about .data .bt{margin-bottom: 24px;}
	#promo.promo__about img{height: 220px}


	#promo__about .data{padding: 34px;}


	#steps .bt{margin-bottom: 40px}


	#promo__article .data{padding: 34px;}
	#promo__article img{height: 230px;}
	#promo__article h1{font-size: 24px; font-weight: 600;}


	.content h2, .content h3, .content h4, .content h5, .content h6{font-size: 20px;}
	.content .inner__content{padding: 24px}
	.content .inner__content .btn{position: relative; right: 0; top: 0; width: 100%;}
	.content .inner__content p{margin-bottom: 24px;}


	#error{padding-bottom: 48px}
	#error .data{padding: 100px 24px; background: var(--green) url("../img/error_mobile.svg") 50% 100% no-repeat; background-size: 100%; border-radius: 44px}
	#error .title{font-size: 42px; line-height: 110%; margin-bottom: 24px;}
	#error p{margin: 0 0 24px;}
	#error p br{display: none;}


	#promo__partners .data{padding: 34px;}
	#promo__partners #breadcrumbs{padding-bottom: 24px;}
	#promo__partners h1{margin-bottom: 24px;}


	#partners__page .item{padding: 24px;}
	#partners__page .item .image{width: 100%;}
	#partners__page .item .title{font-size: 20px;}


	#page__docs .slider-sw, .list__swiper{width: 100%; margin-top: 40px;}
	#page__docs .swiper{padding-bottom: 0}
	.items__docs.grid.grid-3{grid-template-columns: repeat(1, 1fr);}
	.flex.flex__title{margin-bottom: 40px}
	.items__docs .item{display: none; padding: 24px 24px 104px;}
	.items__docs .item .title{font-size: 20px;}
	.items__docs .item:nth-child(4),.items__docs .item:nth-child(5),.items__docs .item:nth-child(6){display: none;}
	.items__docs .item:nth-child(-n+3){display: block;}
	.flex__docs{padding: 40px 0 0;}
	.flex__docs .btn{width: 100%;}


	#promo__action .data{padding: 34px; background: var(--green) url("../img/bg_action_mobile.svg") 100% 100% no-repeat;}
	#promo__action .filters{justify-content: flex-start;}

	.section__items .item-announcements:nth-child(4),.section__items .item-announcements:nth-child(5),.section__items .item-announcements:nth-child(6){display: none;}
	.section__items .item-announcements:nth-child(-n+3){display: block;}


	#reviews .swiper-slide{width: 285px}
	.item-review{padding: 24px 24px 94px}


	#promo__action__page .data{padding: 34px;}
	#promo__action__page .main .info .cat{margin-bottom: 12px;}
	#promo__action__page .main .info h1{font-size: 32px;}
	#promo__action__page .information{padding: 24px}
	#promo__action__page .information .items .item{width: 100%;}
	#promo__action__page .information .items .item:first-child{margin-top: 0}


	#action__about .information h3{font-size: 24px; margin-bottom: 24px;}
	#action__about .image img{height: 200px}


	#action__programm .item{padding: 24px;}
	#action__programm .item .title{font-size: 20px;}


	#team .swiper-slide{width: 285px}
	#team .swiper-slide.item-team img{height: 400px}
	#team .swiper-slide.item-team .name{margin-bottom: 7px}


	#gallery .swiper-slide{width: 285px}
	#gallery .swiper-slide img{height: 200px}


	#announcements .list.list__full .list__swiper{margin-top: 0}


	#action__inner .data{padding: 24px;}
	#action__inner .text h2{font-size: 24px; margin-bottom: 16px;}



	.box__modal{padding: 34px!important; border-radius: 44px!important}
	.box__modal .title{font-size: 24px;}
	.box__modal .note{font-size: 14px;}
	.fancybox-close-small{top: 24px; right: 24px;}


	.res__filter{margin-bottom: 40px}


	body.show__nav:before{top: 120px}


	.section__items .grid.grid-3{grid-template-columns: repeat(1, 1fr);}


	#promo__service__page{padding: 24px 0 300px}
	#promo__service__page .image{width: 100%; bottom: -300px; right: 0;}
	#promo__service__page .image img{margin: 0 auto;}
	.section.section__margin{margin-top: -44px; border-radius: 44px 44px 0 0}


	#action__about .item{min-height: 0; width: 100%; padding: 34px; border-radius: 44px;}
	#action__about .item .icon{bottom: 0; right: 0; position: relative; margin-top: 10px; margin-left: calc(100% - 50px);}
	#action__about .item .title{font-size: 20px;}


	#steps__service .grid.grid-3{grid-template-columns: repeat(1, 1fr);}
	#steps__service .grid.grid-3 .item{padding: 34px; border-radius: 44px; min-height: 0}
	#steps__service .grid.grid-3 .item .text{position: relative; padding: 24px 0 0;}


	footer{padding-top: 48px;}
	footer .container{padding: 60px 24px 46px}
	footer .logo{display: block; width: 100%; margin-bottom: 24px;}
	footer .col:nth-child(1){width: 100%; margin-bottom: 24px;}
	footer .col:nth-child(1) ul{display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;}
	footer .col:nth-child(1) ul li{width: 50%;}
	footer .col.col__contacts{width: 100%; padding: 24px 0 0;}
	footer .subscribe{padding: 40px 0; margin-bottom: 40px;}
	footer .copyright{gap: 18px;}
	footer .copyright .develop{width: 100%; justify-content: flex-start;}
	footer .btn-top{width: 46px; height: 46px;}
}