@media screen and (max-width: 1580px){
	.slider-sw .swiper-button-prev{left: -30px; background-position: 15px 50%;}
	.slider-sw .swiper-button-next{right: -30px; background-position: 15px 50%;}
}


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


	#association{overflow: hidden;}
	#association .slider-sw{padding: 0 30px}
	#association .container.container__max{padding: 0;}
	#association .swiper-button-prev{left: -30px}
	#association .swiper-button-next{right: -30px}


	header nav ul{gap: 20px;}


	#promo .data .title{font-size: 66px;}
	#promo .data .note{margin-bottom: 70px;}

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


	#contacts .data{padding: 50px;}

	.technologies.grid.grid-5{grid-template-columns: repeat(4, 1fr);}
}



@media screen and (max-width: 1100px){
	body{padding: 56px 0 0;}


	.grid{gap: 20px;}


	.s__filters{width: 100%; margin-top: 15px;}
	.s__filters.nm{margin: 0}


	header nav,header .lang{display: none;}
	header{padding: 9px 0;}
	header .logo{max-width: 160px;}
	header .pull{display: flex; background: url("../img/pull.svg") 50% 50% no-repeat; width: 20px; height: 20px;}

	#about:after{width: 100%; height: 48%;}
	#about .data{width: 100%; margin-bottom: 30px;}
	#about .info{width: 100%;}
	#about .bt{margin-bottom: 30px;}


	#promo .data .title{max-width: 100%; width: 100%; font-size: 50px; margin-bottom: 30px;}
	#promo .data .graph{margin: 0 auto;}
	#promo .data .graph img{min-height: 0;}
	#promo .swiper-slide img{min-height: 700px;}


	.events.grid.grid-2,.publications.grid.grid-2{grid-template-columns: repeat(1, 1fr);}

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


	#promo__page{padding: 20px 0;}
	#breadcrumbs{padding-bottom: 12px;}

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


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


	#contacts .text{width: 100%; margin-bottom: 30px;}
	#contacts .form{max-width: 100%;}


	#promo__page .image{width: 100%; height: 400px; position: relative; border-radius: 0; top: 0; margin-top: 30px;}
	#promo__page .image img{clip-path: none; border-radius: 0; top: 0;}

	#content .container{gap: 25px;}
	#content #sidebar{position: relative; top: 0; width: 100%;}
	#content .content{width: 100%; max-width: 100%;}


	#promo .graph{left: 30px; width: calc(100% - 60px); bottom: 30px;}
	#promo .data{padding-bottom: 260px!important}
	#promo .graph .top p{max-width: 180px}


	.image__event{top: -50px;}
}



@media screen and (max-width: 767px){
	.container,.container.container__max{max-width: 100%; padding: 0 20px;}
	body{overflow-x: hidden!important;}

	.section{padding: 60px 0;}
	.section__bottom{padding: 0 0 60px}

	.bt.bt__large{font-size: 24px;}


	#promo .container{padding: 0 40px;}
	#promo .swiper-slide{overflow: hidden;}
	#promo .swiper-slide img{min-height: 730px; transform: scale(1.15);}
	#promo .data{padding: 20px 0;}
	#promo .data .note{margin-bottom: 30px; font-size: 18px;}
	#promo .data .title{font-size: 44px; margin-bottom: 115px;}
	#promo:after{border-width: 0 0 70px 70px}
	#promo .swiper-slide:before{width: 100%;}
	#promo .data .graph .top p{width: calc(100% - 120px)}


	#about{padding: 60px 0;}
	#about .info .text{margin-bottom: 40px; font-size: 24px; font-size: 20px;}
	#about.page__about{padding-top: 32px;}
	#about.page__about:after{height: 42%}
	.item__team{width: 100%; margin: 0 0 20px!important;}
	.item__team:last-child{margin: 0!important}

	#about:after{display: none;}
	#about .data{order: 1;}
	#about .info{order: 0; padding-top: 45px; margin-bottom: 25px;}
	#about.page__about .info{padding-top: 0;}
	#about .bt{position: absolute; top: 0; left: 20px; color: var(--black);}


	#association .swiper{overflow-x: visible;}
	#association .swiper-slide{width: 300px; width: 100%;}
	#association .slider-sw{padding: 0 20px;}
	.item__association .data{padding: 24px 14px;}


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


	.item__event{padding: 20px;}
	.item__event .data{position: relative; z-index: 2}
	.item__event:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: linear-gradient(227.57deg, rgba(73, 59, 144, 0) -2.24%, #493B90 78.26%); opacity: 0.5;}
	.item__event img{opacity: 0.4}
	.item__event .title{font-size: 24px;}


	.item__publication{padding: 20px; position: relative;}
	.item__publication .image{width: 100px; height: 100px; position: absolute; top: 20px; left: 20px;}
	.item__publication .data{width: 100%; padding: 0}
	.item__publication .data .date{padding-left: 112px; margin-bottom: 5px;}
	.item__publication .title{padding-left: 112px; min-height: 60px;}
	.item__publication .data .author{position: relative; bottom: 0; margin-top: 25px;}


	#contacts{padding-bottom: 0}
	#contacts .container{padding: 0}
	#contacts .data{border-radius: 0; padding: 60px 20px;}
	#contacts .bt{font-size: 28px; margin-bottom: 12px;}
	.form .flex input,.form .flex span{width: 100%;}
	.form .flex .btn{width: 100%;}


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


	.technologies.grid.grid-5{grid-template-columns: repeat(2, 1fr); gap: 12px;}
	.item__technologies .title{padding: 0 10px;}
	.item__technologies .flex .btn{width: 100%; padding: 0}
	.item__technologies .image{height: 200px;}

	#technologies .s__filters a{width: 100%;}


	.section__top .quote:after{top: 0; height: 100%;}


	#contacts__page .item{width: 100%;}
	#contacts__page{padding-bottom: 0;}
	#contacts__page #map{height: 360px; border-radius: 0; width: calc(100% + 40px); margin-left: -20px}


	#promo__page .author{margin-top: 40px;}
	#promo__page .image{width: calc(100% + 40px); height: 220px; margin-left: -20px; margin-bottom: -22px; height: auto;}


	.image__event{top: 0; left: 0; width: 100%; height: 220px; transform: none;}
	.image__event:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: linear-gradient(180deg, rgba(42, 42, 42, 0.9) 0%, rgba(42, 42, 42, 0) 100%);}


	#promo__page.promo__event #breadcrumbs{padding-bottom: 206px;}


	footer .data{width: 100%; padding: 24px 0 0; align-items: flex-start; gap: 0}
	footer .data span{width: 140px}
	footer .copyright{justify-content: center; flex-wrap: wrap;}
	footer .copyright p{width: 100%; max-width: 100%; text-align: center; padding: 0 20px;}
	footer .copyright .develop{border-top: 1px solid rgba(0, 0, 0, 0.1); width: 100%; justify-content: center; padding-top: 16px; margin-top: 16px;}
	footer .copyright .develop a{justify-content: center;}
}