
.tablet{
	display:none;
}


/*.desktop{
	display: none;
}*/
/*@media (min-width: 1201px) {
	.desktop{
		display: block;
	}
}*/

	.section-above-footer h2 br{
		display: inline-block;
	}

	

@media (max-width: 1200px) {
	h1{
		font-size: 68px;
		font-weight: 700;
		line-height: 100%; /* 68px */
		letter-spacing: 1.36px;
	}

	h2{
		font-size: 38px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 120%; /* 45.6px */
	}

	p{
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%; /* 25.2px */
	}

	.section-padding{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.container {
		max-width: 834px;
		padding-left: 50px;
		padding-right: 50px;
	}

	.button{
		font-size: 18px;
	}

	h3{
		font-size: 34px;
	}

	li{
		font-size: 18px;
		line-height: 140%;
	}

	.split-image-text{
		flex-direction: column;
	}

	.split-image-text .column-1,
	.split-image-text .column-2{
		width: 100%;
	}

	.split-image-text .column-2 h2{
		margin-bottom: 32px;
	}

	.split-image-text .column-2 .button{
		margin-top: 32px;
	}

	.split-image-text .column-2{
		padding: 50px;
	}

	.split-image-text .inner{
		max-width: 834px;
        padding-left: 50px;
        padding-right: 50px;
		margin: 0 auto;
	}


	.numbers-section h3{
		font-size: 18px;
	}

	.numbers-section .numbers{
		flex-direction: column;
		align-items: center;
		gap: 50px;
	}

	.numbers-section .big-number{
		font-size: 68px;
	}

	.numbers-section .numbers .item h4{
		font-size: 18px;
	}

	.numbers-section h3{
		max-width: 532px;
		line-height: 140%;
	}

	.numbers-section h2{
		margin-bottom: 31px;
	}

	.numbers-section .numbers .item{
		max-width: 368px;
	}

	.numbers-section .additional-block{
		display: flex;
	}

	.split-image-text .column-1{
		height: 757px;
	}

	.split-image-text.reverse{
		flex-direction: column;
	}

	.section-above-footer .inner{
		flex-direction: column;
	}

	.section-above-footer h2 br{
		display: none;
	}

	.section-above-footer h2 br.tablet{
		display: inline-block;
	}
	
	.section-above-footer h2{
		font-weight: 700;
	}

	.section-above-footer .column-1{
		padding-bottom: 50px;
	}

	.section-above-footer .column-2{
		height: 400px;
	}

	footer .socials svg{
		height: 41px;
		width: 41px;
	}

	footer .socials{
		gap: 16px;
	}

	footer .logo{
		width: 310px;
	}

	.burger-menu {
		display: flex;
		align-items: center;
	}

	.split-image-text .column-2{
		padding-left: 0;
		padding-right: 0;
	}

	header{
		height: 154px;
        align-items: center;
        justify-content: center;
        display: flex;
		padding-top: 0;
		padding-bottom: 0;
	}


	.hero-general{
		padding-top: 190px;
		padding-bottom: 41px;
		min-height: fit-content;
		background-size: 1567px;
		background-position: -135px -60px;
	}

	.hero-general h2{
		margin-bottom: 34px;
	}

	.hero-general p{
		max-width: 264px;
	}
	
	.hero-general p.second{
		max-width: 264px;
	}




	.section-2-general h2.gold{
		margin-bottom: 32px;
	}

	.section-2-general .columns{
		flex-direction: column;
		gap: 0;
	}

	.section-2-general .top-part .columns .column-2{
		height: 346px;
	}

	.section-2-general .columns .column-1{
		max-width: 566px;
	}

	.section-2-general .top-part .column-2 .bg{
		margin-top: -60px;
		margin-left: auto;
		width: 302px;
		height: 346px;
	}

	.section-2-general .top-part .columns .column-2{
		width: 100%;
		max-width: 685px;
	}
	
	.section-2-general .bottom-part{
		flex-direction: column;
		margin-top: -159px;
		gap: 0;
	}

	.section-2-general .top-part{
		padding-bottom: 0;
	}

	.section-2-general .bottom-part h3{
		max-width: calc(50% - 30px);
		margin-bottom: 32px;
	}
	
	.section-2-general .bottom-part .column-1{
		padding: 30px;
		padding-left: 30px;
		padding-bottom: 165px;
		padding-top: 220px;
	}

	.section-2-general .bottom-part ul{
		padding-left: 0;
	}

	.section-2-general .bottom-part .column-2{
		padding-top: 0;
		margin-top: -166px;
		width: 100%;
		justify-content: center;

	}

	.section-2-general .bottom-part .column-2 .block{
		max-width: 302px;
	}

	.section-2-general .bottom-part .column-2 p:nth-child(1){
		margin-bottom: 20px !important;
	}

	.section-2-general .bottom-part .column-2 p:nth-child(2){
		margin-bottom: 0 !important;
	}


	.section-2-general .bottom-part .column-1{
		padding-top: 30px;
	}


	.section-2-general.without-donate{
		padding-bottom: 240px;
	}

	.section-2-general .top-part ul.checkmarks li{
		font-size: 18px;
	}

	.section-full-bg-with-white-block .text p{
		font-size: 18px;
	}

	.section-full-bg-with-white-block h3{
		font-size: 30px;
		margin-bottom: 20px;
	}

	.hero-general.secondary h3{
		margin-bottom: 0;
	}

	.hero-general.secondary{
		background-size: cover;
		background-position: center center;
		padding-bottom: 50px;
		display: flex;
		align-items: flex-end;
		min-height: 600px;
	}
	
}





@media (max-width: 1200px) {

	.section-accordion .inner{
		flex-direction: column;
	}

	.section-accordion h2{
		font-size: 34px;
		margin-bottom: 50px;
	}

	.section-accordion .ac-header button span{
		font-size: 18px;
	}

	.section-accordion .ac-header button{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.section-accordion .ac-header button svg{
		width: 19px !important;
	}

	.section-accordion .inner{
		gap: 45px;
	}
		
	.section-accordion .column-2{
		margin-left: auto;
	}

	.section-accordion.second .column-2{
		margin-top: -160px;
	}

	.section-accordion.second .inner{
		flex-direction: column-reverse;
	}

	.section-accordion.second .column-2{
		margin-left: 0;
	}

	
	.section-accordion .ac-panel p.ac-text{
		font-size: 18px;
	}

	.contact-us-section .block-1{
		padding: 30px;
	}

	.contact-us-section .contact-us-form{
		width: 100%;
		margin-top: 48px;
	}

	.contact-us-section .contact-us-form{
		padding: 30px;
	}

	.contact-us-form form > p{
		font-size: 18px;
	}

	.contact-us-form label, .contact-us-form p.small{
		font-size: 16px;
		margin-bottom: 4px;
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

	.contact-us-form label br{
		display: none;
	}

	.contact-us-form input, .contact-us-form select{
		font-size: 16px;
	}

	.contact-us-form label.consent{
		margin-top: 0;
	}

	.contact-us-form label.consent .wpcf7-list-item{
		margin-left: 0;
	}

	.contact-us-form input[type="submit"]{
		font-size: 18px;
	}



	.section-text-with-image .column-2{
		flex: unset;
		height: 300px;
		width: 100%;
		display: block;
	}

	.section-text-with-image .container{
		flex-direction: column;
	}

	.section-text-with-image .column-1, .section-text-with-image .column-2{
		width: 100%;
	}

	.section-text-with-image .column-1 p{
		font-size: 18px;
	}


	.section-text-with-image .column-2{
		background-size: cover;
	}
	

	.single .section-1.hero-general{
		position: relative;
	}

	.single	.section-1.hero-general::after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 0;
		height: 100%;
		background: linear-gradient(180deg, rgb(0 0 0) 40.37%, #2c3b4f00 85.93%);
		z-index: 0;
		transform: scaleY(-1);
		opacity: 0.6;
	}

	.single	.section-1.hero-general .container{
		z-index: 10;
		position: relative;
	}

	
}



@media (min-width: 768px) {
	.section-4 .numbers .item p{
		margin-bottom: auto;
	}
}


@media (min-width: 1201px) {
	.hero-general.secondary{
		background-size: cover;
	}
}













@media (max-width: 767px) {
	.container{
		max-width: 380px;
		padding-left: 25px;
		padding-right: 25px;
		box-sizing: border-box;
	}

	header .inner > .donate--btn{
		display: none;
	}

	header .inner{
		height: 100%;
	}

	header{
		height: 100px;
		padding-top: 0;
		padding-bottom: 0;
	}

	header a.logo{
		height: 70px;
		width: auto;
	}

	header a.logo img{
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	
	.header-bg{
		height:100px;
	}

	h1{
		font-size: 46px;
	}

	h2{
		font-size: 30px;
		line-height: 120%;
	}

	.burger-menu svg{
		height: 48px;
		width: 48px;
	}

	.burger-menu{
		display: flex;
		align-items: center;
	}

	
	ul.checkmarks li::after{
		left: -25px;
	}

	
	.section-padding{
		padding-top: 45px;
	}

	.split-image-text .column-1{
		height: 390px;
	}

	.split-image-text .inner{
		padding-left: 0;
		padding-right: 0;
	}

	.split-image-text .column-2 .inner{
		max-width: 380px;
		width: 100%;
		margin: 0 auto;
		padding-left: 25px;
		padding-right: 25px;
	}

	.split-image-text .column-2 h2{
		padding-right: 38px;
	}

	.split-image-text .column-2 .button{
		margin-top: 25px;
	}

	.numbers-section h2{
		max-width: 237px;
		margin: 0 auto;
		margin-bottom: 25px;
	}

	.numbers-section .numbers{
		gap: 25px;
	}

	.desktop{
		display: none !important;
	}
		
	.split-image-text .column-2 h2{
		margin-bottom: 25px;
	}

	.section-above-footer h2{
		font-size: 30px;
		font-weight: 700;
	}

	.section-above-footer .column-2{
		flex-direction: column-reverse;
	}

	.section-above-footer .column-2 .image{
		height: 340px;
		flex-shrink: 0;
		width: 100%;
	}

	.section-above-footer .column-2{
		height: fit-content;
	}

	.section-above-footer .column-2 .text{
		padding-top: 67px;
		padding-bottom: 77px;
		padding-left: 20px;
		padding-right: 20px;
	}

	footer .top-part .container{
		flex-direction: column;
	}

	footer .logo{
		width: 260px;
	}

	footer .socials svg{
		width: 32px;
		height: 32px;
	}

	footer .socials{
		margin-top: 27px;
	}

	footer .top-part{
		padding-top: 28.5px;
		padding-bottom: 25px;
	}

	footer .bottom-part .row{
		column-gap: 60px;
		flex-wrap: wrap;
		row-gap: 16px;
	}

	footer .bottom-part .row .links{
		width: calc(50% - 25px);
		flex-shrink: 0;
	}

	footer .bottom-part .row .links:nth-child(1){
		min-width: 139px;
	}

	footer .bottom-part .row .links:nth-child(2){
		max-width: 90px;
	}

	footer .bottom-part .inner{
		padding-left: 0;
		padding-right: 0;
	}

	footer .bottom-part .two-columns.row{
		max-width: 100%;
	}

	footer .bottom-part .two-columns.row .single{
		width: 100%;
		max-width: 100%;
	}
	
	footer .bottom-part .two-columns.row .single .links{
		max-width: 100%;
		width: 100%;
	}

	footer{
		padding-bottom: 33px;
	}

	footer .bottom-part .two-columns.row .single:nth-child(2) {
		margin-top: 28px;
	}

	footer .bottom-part{
		padding-top: 30px;
	}

	header a.logo{
		width: 240px;
	}
	

	.hero-general{
		background-size: 1080px;
		background-color: #000;
		background-position: -313px 0px;
		padding-top: 465px;
	}


	.hero-general h2{
		margin-bottom: 20px;
	}


	.section-2-general h2.gold{
		margin-bottom: 25px;
	}

	.section-2-general .top-part .column-2 .bg{
		margin-top: 0;
		margin-left: 25px;
		width: 278px;
		height: 319px;
	}

	.section-2-general .top-part .columns .column-2{
		padding-top: 50px;
	}

	.section-2-general .bottom-part{
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	.section-2-general .bottom-part .column-1 *{
		max-width: 340px;
		width: 100%;
		margin: 0 auto;
	}

	.section-2-general .bottom-part .column-1 h3{
		margin-bottom: 32px;
	}

	.section-2-general .bottom-part .column-2{
		margin-top: -130px;
	}

	.section-2-general .top-part .column-1 .button{
		margin-top: 25px;
	}
	
	
	.section-2-general .bottom-part .column-1 h3{
		padding-right: 0px;
		padding-left: 0;
		font-size: 30px;
	}

	.section-2-general .bottom-part .column-1 ul{
		padding-right: 0px;
		padding-left: 28px;
	}

	.section-2-general .bottom-part .column-1{
		padding-left: 20px;
		padding-right: 20px;
	}

	.section-2-general .bottom-part .column-1{
		padding-top: 220px;
	}

	.section-2-general.without-donate .top-part .column-2 .bg{
		max-height: 450px;
	}

	.section-2-general.without-donate {
        padding-bottom: 124px;
    }

	.section-2-general .top-part ul.checkmarks li{
		font-size: 18px;
	}

	.section-full-bg-with-white-block .inner{
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.hero-general.secondary h3{
		font-size: 26px;
	}


	.numbers-section.icons .numbers{
		margin-top: 30px;
	}

	.numbers-section.icons .big-number img{
		height: 140px;
	}

	.hero-general.secondary{
		padding-bottom: 25px;
		padding-top: 450px;
	}

	.numbers-section.icons .numbers .item h4{
		margin-bottom: 10px;
	}

	.numbers-section.icons .big-number img{
		transform: translateY(6px);
	}

	.flipped-cards .item .front h3{
		margin-bottom: 50px;
	}

	.flipped-cards .row-4::before{
		bottom: 700px;
		height: 230px;
		left: -70px;
		width: 295px;
	}

	.numbers-section.icons .numbers .item h4{
		font-size: 26px;
		font-style: normal;
		font-weight: 600;
		line-height: 120%; /* 31.2px */
	}

	.numbers-section.icons .big-number img{
		transform: translateY(13px);
	}

	.numbers-section.icons .numbers{
		gap: 0;
	}

	.section-accordion > h2{
		margin-bottom: 26px !important;
	}

	.section-accordion .ac-panel p.ac-text{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.section-accordion .ac-panel p{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	
	.section-accordion .inner{
		gap: 25px !important;
	}

	
	.section-accordion h2{
		font-size: 26px !important;
	}

	.section-accordion .ac-header button{
		padding-top: 15px !important;
		padding-bottom: 15px !important;
		padding-left: 20px !important;
	}

	.contact-us-section{
		padding-top: 25px;
	}

	.contact-us-section h3{
		font-size: 26px;
		margin-bottom: 38px;
	}

	.contact-us-section .contact-us-form{
		margin-top: 25px;
	}

	.contact-us-form input{
		height: 48px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.testimonials-section .testimonial{
		flex-direction: column;
	}

	.testimonials-section .first img{
		width: 100%;
		height: 310px;
	}

	.testimonials-section .text{
		padding-top: 0;
	}

	.testimonials-section h3{
		text-align: center !important;
	}

	.testimonials-section .text p{
		text-align: center !important;
	}

	.testimonials-section .testimonial.reverse{
		flex-direction: column;
	}

	.testimonials-section .testimonial.second img{
		width: 100%;
	}
	
	.testimonials-section{
		padding-bottom: 25px;
	}

	.section-accordion .ac-panel p{
		padding-bottom: 10px !important;
	}

	.section-accordion .ac-header button{
		font-size: 16px;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.section-accordion .ac-header button svg{
		right: 20px;
	}

	.section-accordion .ac-header button{
		padding-right: 44px !important;
	}
	
	.section-accordion li{
		font-size: 16px !important;
	}

	.section-accordion ul{
		margin-bottom: 0 !important;
	}

	.contact-us-section{
		padding-top: 0;
		padding-bottom: 25px;
	}

	.news-nav h3{
		font-size: 18px;
	}

	.news-nav .inner{
		padding-left:20px;
		padding-right: 20px;
	}

}


@media (min-width: 1921px) {
	.section-1{
		background-size: cover !important;
		background-position: right center !important;
	}
}


@media (min-width: 768px) and (max-width: 1200px) {
	.section-2-general .bottom-part h3{
		font-size: 34px;
	}

	br.tablet{
		display: inline-block;
	}
}





@media (min-width: 1200px) and (max-width: 1600px) {
	p{
		font-size: 20px !important;
	}

	h1{
		font-size:100px;
	}

	.section-2-general .bottom-part ul li{
		font-size: 20px;
	}

	.section-1 h2{
		font-size: 45px;
	}

	.section-2-general .top-part{
		padding-bottom: 60px;
	}

	.button{
		font-size: 18px !important;
	}


	h2{
		font-size: 48px;
	}

	.section-2-general .gold{
		margin-bottom: 30px;
	}

	h3{
		font-size: 20px;
	}

	.flipped-cards .item .front h3{
		font-size: 32px !important;
		margin-bottom: 40px !important;
	}

	.numbers-section .big-number{
		font-size: 100px;
	}

	.hero-general{
		padding-top: 190px;
	}

	.header-bg{
		height: 130px;
	}

	header{
		padding-top: 0;
		padding-bottom: 0;
		height: 130px;
	}

	.section-1{
		padding-bottom: 100px;
	}
}