@media screen and (max-width: 1900px) {
	.video-links a:nth-child(3) {
    	transform: translate(500px,-120px);
	}
	.video-links a:nth-child(2) {
    	transform: translate(-50px,6px);
	}
}

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

	body{
		font-size: 20px;
	}

	.container{
		width: 932px;
	}
	.mob-menu{
		display: block;
		visibility: hidden;
		opacity: 0;
		position: fixed;
		z-index: 10;
		left: 0;
		top: 98px;
		width: 100%;
		height: calc(100vh - 98px);
		background: rgba(0, 0, 0, .7);
	}
	.mob-menu .inner{
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 440px;
		background-color: var(--colorWhite);
		padding: 64px 48px;
		transform: translateX(100%);
		overflow-y: auto;
	}
	.mob-menu.active{
		visibility: visible;
		opacity: 1;
		transition: opacity .3s ease;
	}
	.mob-menu.active .inner{
		transform:translateX(0);
		transition: transform .5s ease .3s;
	}
	.mob-menu .menu{
		list-style-type: none;
		padding: 0;margin: 0 0 80px;
	}
	.mob-menu .menu>li{
		border-bottom: 1px solid #EFEFEF;
	}
	.mob-menu .menu>li>a{
		display: flex;
		padding: 32px 0;
		font-size: 24px;
	}
	.mob-menu .menu>li ul{
		list-style-type: none;
		padding: 0;
		margin: -9px 0 32px;
	}
	.mob-menu .menu>li ul li+li{
		margin-top: 23px;
	}
	.mob-menu .menu>li ul li a{
		color: var(--colorBlue2);
	}
	.toggle-mob-menu{
		display: inline-flex;
		font-size: 0;
		margin: 0;
		border: none;
		background: none;
	}
	.toggle-mob-menu.active .lines,
	.toggle-mob-menu .times{
		display: none;
	}
	.toggle-mob-menu.active .times{
		display: inline;
	}
	.header-flex{
		height: 98px;
	}
	.header-flex .menu{
		display: none;
	}
	.header-flex .btn{
		display: none;	
	}
	.section-first{
		min-height: 670px;
	}
	.section-page-donation,
	section{
		margin-bottom: 48px;
	}
	.section-title{
		font-size: 40px;
		padding-top: 27px;
	}
	.section-donatenow{
		padding: 48px 0;
	}
	.sd-list{
		grid-template-columns: repeat(4,1fr);
		grid-column-gap: 30px;
		grid-row-gap: 20px
	}
	.sd-list .item:nth-child(4){
		grid-column: span 3;
		display: flex;
		align-items: center;
		padding-left: 48px;
	}
	.sd-list .item:nth-child(3){
		grid-column: span 2;
		display: flex;
		align-items: center;
		padding-left: 48px;
	}
	.sd-list .item:nth-child(4) p,
	.sd-list .item:nth-child(3) p{
		margin-top: 0;
		margin-left: 20px;
	}
	.sd-list .item:nth-child(4) .icon,
	.sd-list .item:nth-child(3) .icon{
		width: 100px;
		min-width:100px;
	}
	.section-gallery.gradient-bg{
		padding-top: 48px;
	}
	.posts-list{
		grid-column-gap: 14px;
		grid-row-gap: 24px;
	}
	.section-support{
		padding-top: 0;
	}
	.section-support img{
		width: 636px;
		left: 50%;
	}
	.section-support .col{
		width: 50%;
	}
	.section-inst{
		padding: 48px 0;
	}
	.social-share .title{
		margin-right: auto;
	}
	.video-links a:nth-child(3) {
	    transform: translate(322px,-92px);
	}
	.video-links a:nth-child(1) {
	    transform: translate(-460px,-33px);
	}
	.team-list{
		grid-column-gap:14px;
		grid-row-gap: 32px;
	}
	.team-list .item .title{
		font-size: 24px;
	}
	.posts-slider {
		margin-right: -7px;
		margin-left: -7px;
	}
	.posts-slider .post{
		margin-right: 7px;
		margin-left: 7px;
	}
	.slick-dots{
		margin-top: 48px;
	}
	.section-about-first p{
		font-size: 24px;
	}
	.page-about .section-support{
		padding-top: 48px;
	}
	.section-report-content .col:first-child,
	.section-report-content .col:last-child{
		width: calc(50% - 12px);
	}
	.section-report-content .col:last-child .d-flex img{
		width: calc(50% - 12px);
	}
	.section-contact-blocks .col{
		padding: 48px 24px;
	}
	.section-contact-blocks .title{
		margin-bottom: 24px;
	}
	.input-wrap.half{
		width: 100%;
	}
	.input-wrap{
		margin-bottom: 14px;
	}
	.section-contacts .col .btn{
		margin-top: 10px;
	}
	.col-block .copy-block{
		font-size: 14px;
		padding: 14px;
	}
	.col-block .blue-text,
	.col-block .title{
		font-size: 24px;
	}
}
@media screen and (max-width: 1023px) {
	.section-about .d-flex{
		flex-direction: column;
	}
	.section-about .col:last-child{
		margin-left: 0;	
		width: 100%;	
		min-width: 0;
		margin-top: 48px;
	}
	.posts-list{
		grid-template-columns: repeat(2,1fr);
	}
	.footer-main .menu{
		column-gap: 10px;
	}
	.section-about .col:first-child p{
		margin-bottom: 24px;
	}
	.video-links{
		margin-top: 50px;
	}
	.video-links a:nth-child(3) {
	    transform: translate(230px,-92px);
	}
	.video-links a:nth-child(1) {
	    transform: translate(-362px,-33px);
	}
	.video-links a:nth-child(2) {
	    transform: translate(-50px,-24px);
	}
	.values-blocks .item{
		padding: 42px 24px 24px;
	}
	.values-blocks .item .title{
		padding: 0 10px;
		font-size: 24px;
		position: absolute;
		margin: 0;
		top: 0;
		transform: translateY(-55%);
		width: auto;
	}
}
@media screen and (max-width: 767px) {
	body{
		font-size: 18px;
	}
	.container{
		padding: 0 24px;
	}
	.header-flex{
		height: 132px;
	}
	.header-flex .lang-sw{
		display: none;
	}
	.mob-menu{
		top: 132px;
		height: calc(100vh - 132px)
	}
	.mob-menu .inner{
		background-color: #fff;
	}
	.mob-menu .inner .lang-sw{
		display: block;
		margin-bottom: 32px;
		margin-right: 0;
	}
	.mob-menu .menu{
		margin-bottom: 32px;
	}
	.mob-menu .inner{
		width: 100%;
		padding: 0 24px 48px;
		text-align: center;
	}
	.mob-menu .menu>li>a{
		justify-content: center;
	}
	.header-flex .logo{
		width: 83px;
	}
	.header.transp-header .logo-black{
		display: none;
	}
	.header.transp-header .logo-white{
		display: block;
	}
	.header.transp-header{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}
	.transp-header.menu-showed {
		background-color: var(--colorWhite);
	}
	.transp-header.menu-showed .logo-black{
		display: block;
	}
	.transp-header.menu-showed .logo-white{
		display: none;
	}
	.transp-header .toggle-mob-menu .lines rect{
		fill: var(--colorWhite)
	}
	.section-first{
		padding-top: 132px;
		padding-bottom: 100px;
	}
	.section-first p{
		font-size: 18px;
		margin-bottom: 64px;
	}
	.section-about .about-items{
		grid-template-columns: repeat(8,1fr);
	}
	.section-about .about-items .item:nth-child(3){
		grid-column: span 8;
	}
	.section-about .about-items .item:nth-child(5),
	.section-about .about-items .item:nth-child(4){
		grid-row: span 1;
		grid-column: span 4;
	}
	.section-about .about-items .item:nth-child(1){
		grid-column: span 3;
	}
	.section-about .about-items .item:nth-child(2){
		grid-column: span 5;
	}
	.section-about .about-items .item .title{
		font-size: 36px;
	}
	.section-partners .item{
		width: 100%;
		margin-bottom: 24px;
	}
	.section-partners .item:last-child{
		margin-bottom: 0;
	}
	.section-donatenow .section-title{font-size: 32px;}
	.sd-list{
		grid-template-columns: repeat(1,1fr);
		grid-gap: 24px
	}
	.sd-list .item{
		min-height: 0;
		padding: 14px !important;
	}
	.sd-list .item:nth-child(4),
	.sd-list .item:nth-child(3){
		grid-column: span 1;
		display: block;
	}
	.sd-list .item:nth-child(4) .icon, .sd-list .item:nth-child(3) .icon{
		width: auto;
		min-width:0;
	}
	.sd-list .item p{
		margin-top: 8px;
	}
	.sd-list .item:nth-child(4) p, .sd-list .item:nth-child(3) p{
		margin-left: 0;
		margin-top: 8px;
	}
	.posts-list {
    	grid-template-columns: repeat(1,1fr);
	}
	.posts-list .post .title{
		font-size: 22px;
		margin-bottom: 14px;
	}
	.section-support{
		padding-bottom: 140px;
	}
	.section-support .col{
		width: 100%;
	}
	.section-support img{
		left: 78px;
		bottom: 0;
		top: auto;
		z-index: -1;
	}
	.footer .social-share .d-flex{
		flex-wrap: wrap;
		justify-content: space-between;
		height: auto;
		padding: 24px 0;
	}
	.social-share .title{
		width: 100%;
		margin-bottom: 24px;
	}
	.social-share a{
		margin-left: 0;
		width: calc(50% - 9px);
	}
	.footer-main{
		padding-top: 24px;
		padding-bottom: 48px;
	}
	.footer-main .d-flex{
		flex-direction: column;
	}
	.footer-main .logo{
		margin-bottom: 24px;
	}
	.footer-main .social p{
		margin-top: 48px;
		text-align: center;
		margin-bottom: 24px;
	}
	.footer-main .social ul{
		justify-content: center;
	}
	.footer-main .social ul li{
		margin-left: 40px;
	}
	.footer-main .social ul li:first-child{
		margin-left: 0;
	}
	.footer-main .social ul li svg{
		width: 40px;
		height: 40px;
	}
	.copyright{
		margin-top: 48px;
	}
	.section-about-first{
		padding-top: 132px;
		min-height: 100vh;
		text-align: left;
	}
	.section-about-first h1{
		font-size: 50px;
		margin-bottom: 24px;
	}
	.section-about-first p{
		font-size: 18px;
	}
	.section-what .section-content{
		columns: 1;
	}
	.video-links a img{
		width: 90px;
	}
	.hidden-mob{
		display: none;
	}
	.visible-mob{
		display: block;
	}
	.video-links a:nth-child(1) {
    	transform: translate(-170px,-183px);
	}
	.video-links a:nth-child(2) {
    	transform: translate(-4px,-139px);
	}
	.video-links a:nth-child(3) {
	    transform: translate(61px,36px);
	}
	.video-links{
		margin-bottom: 0;
	}
	.section-subtitle{
		margin-bottom: 24px;
		margin-top: -14px;
	}
	.team-list{
		grid-template-columns: repeat(1, 1fr);
	}
	.team-list .item img{
		margin-bottom: 25px;
	}
	.team-list.secondary .item:not(:first-child){
		display: none;
	}
	.section-team .btn{
		width: 100%;
	}
	.slick-dots li{
		margin: 0 10px;
	}
	.section-report-main .col{
		width: 100%;
	}
	.section-report-main .col:last-child,
	.section-report-content .col:first-child{
		display: none;
	}
	.section-report-content .col:last-child{
		width: 100%;
	}
	.section-report-content .d-flex{
		flex-direction: column;
	}
	.report-content-slider img{
		height: 435px;
		width: 100%;
		object-fit: cover;
	}
	.section-report-content .slick-dots{
		margin-top: 24px;
	}
	.section-report-content .slick-dots li{
		margin-right: 4px;
		margin-left: 4px;
		font-size: 0;
	}
	.section-report-content .slick-dots li button{
		width: 5px;
		height: 5px;
		font-size: 0;
		background-color: #D9D9D9;
		border-radius: 10px;
	}
	.section-report-content .slick-dots li.slick-active button{
		background-color: var(--colorBlue);
		transform: scale(2);
	}
	.acc-container>.item .acc-btn{
		flex-direction: column;
		align-items: flex-start;
	}
	.acc-container>.item .acc-btn span:last-child{
		margin-top: 24px;
	}
	.acc-container>.item{
		padding-bottom: 48px;
		margin-bottom: 48px;
	}
	.report-item-list{
		margin-bottom: -24px;
	}
	.report-item-list .item{
		width: 156px;
		height: 147px;
		margin-bottom: 24px;
	}
	.report-item-list .item .num{
		font-size: 32px;
	}
	.report-item-list .item .text{
		font-size: 24px;
	}
	.report-item-list .item .text span{
		font-size: 18px;
	}
	.page-header{
		height: 100vh;
		text-align: left;
	}
	.page-header img{
		object-position: 30% top
	}
	.page-header h1{
		font-size: 50px;
		line-height: .87;
	}
	.section-programms-desc ul{
		columns: 1;
		line-height: 1.5;
		margin-bottom: 24px;
	}
	.section-programms-desc .post{
		min-height:0;
	}
	.values-blocks .item{
		width: 100%;
		margin-bottom: 43px;
	}
	.section-programm-content .content{
		columns: 1;
	}
	.programm-header{
		margin-bottom: 24px;
	}
	.programm-header img{
		height: 500px;
		object-fit: cover;
	}
	.single-programm {
		display: flex;
		flex-direction: column;
	}
	.single-programm>*{
		width: 100%;
	}
	.single-programm #breadcrumbs{
		order: -1;
		padding: 0;
		margin-bottom: 48px;
	}
	.modal-body{
		padding: 140px 20px 110px;
	}
	.modal-body .title{
		margin-bottom: 20px;
	}
	.modal-body .title,
	.modal-body .text{
		font-size: 22px;
	}
	.modal-body:after{
		width: 137px;
		height: 160px;
		top: 5px;
	}
	.modal-body:before{
		width: 196px;
		height: 121px;
		top: auto;
		bottom: 0;
	}
	.section-contacts{
		padding-top: 0;
	}
	.section-contact-blocks .col,
	.section-contacts .col{
		width: 100%;
	}
	.social-items{
		margin-bottom: 48px;
	}
	.input-wrap textarea,
	.input-wrap input{
		font-size: 18px;
	}
	.section-contact-blocks .col{
		margin-bottom: 24px;
		padding: 24px;
	}
	.section-contact-blocks .col:last-child{
		margin-bottom: 0;
	}
	.section-contact-blocks .title{
		font-size: 24px;
	}
	.section-page-donation .d-flex{
		flex-direction: column;
		position: relative;
		padding-top: 106px;
	}
	.toggler{
		position: absolute;
		top: 0;
		left: 0;
		padding: 14px 24px;
	}
	.section-page-donation .col{
		width: 100%;
	}
	.section-page-donation h1{
		font-size: 40px;
		margin: 0 0 48px;
	}
	.section-gallery-content .descriprion{
		columns: unset;
	}
	.year-nav{
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.year-nav li{
		margin: 0 0 24px;
		width: calc(50% - 7px);
	}
	.year-nav a{
		width: 100%;
		margin: 0;
		text-align: center;
		justify-content: center;
	}
	.report-item-list .item{
		width: calc(50% - 30px);
		aspect-ratio:1;
		padding: 5px;
		height: auto;
	}
	.report-item-list .item .num{
		font-size: 22px;
	}
	.report-item-list .item .text{
		font-size: 16px;
	}
	.report-item-list .item .icon{
		width: 45px;
	}
}