@media(max-width: 1200px){
    .members__list{
        justify-content: center;
    }
    .main__block-vid{
        max-width: 550px;
        width: 100%;
    }
    .members__list-22{
        max-width: 925px;
    }
    .modal__member{
        max-width: 1000px;
        max-height: 1000px;
    }
    .h4{
        font-family: 'M900';
        font-size: 20px;
        line-height: 26px;
    }
    .h3{
        margin-top: 10px;
        margin-bottom: 30px;
        font-size: 30px;
        line-height: 35px;
    }
    .modal__member-desc{
        margin: 0px;
        max-width: 900px;
        gap: 10px;
    }
    .member__desc-img{
        max-width: 200px;
        width: 100%;
        margin-right: 20px;
    }
    .member__desc-txt{
        max-width: 400px;
        width: 100%;
        height: 60%;
        gap: 12px;
    }
    .desc__txt-title{
        max-width: 150px;
        font-size: 14px;
        line-height: 16px;
    }
    .desc__txt-txt{
        max-width: 250px;
        font-size: 13px;
        line-height: 14px; 
    }
    .modal__qr{
        max-width: 250px;
        margin-top: 0px;
    }
    .qr__text{
        font-size: 20px;
        line-height: 25px;
    }
    .qr__code{
        max-width: 70px;
    }
    .modal__member-info{
        max-width: 900px;
        margin-top: 2px;
    }
    .desc__list{
        max-width: 150px;
        font-size: 13px;
        line-height: 15px;;
    }
    .member__info-img{
        max-width: 600px;
        width: 100%;
    }
    
}
@media(max-width: 992px){
    .modal__member{
        height: 100%;
    }
    .video{
        max-width: 850px;
    }
    .container{
        max-width: 850px;
    }
    .h1{
        font-size: 60px;
    }
    .header__link{
        font-size: 30px;
        line-height: 20px;
    }
    .main__block{
        gap: 20px;
        margin-top: 70px;
    }
    .main__block-desc{
        max-width: 350px;
        font-size: 18px;
        line-height: 20px;
     }
    .main__block-vid{
         max-width: 500px;
     }
    .h2{
        font-size: 45px;
        line-height: 20px;
    }
    .members__22{
        margin-top: 70px;
    }
    .members__list-22{
        margin-top: 50px;
        max-width: 600px;

    }
    .btn{
        margin-top: 20px;
        font-size: 25px;
    }
    .modal__member{
        max-width: 950px;
        max-height: 600px;
    }
}
@media(max-width: 768px){
    .modal__member{
        padding: 5px;
    }
    .header__logo{
        max-width: 130px;
        width: 100%;
    }
    .h1{
        font-size: 50px;
    }
    .h2{
        font-size: 40px;
        line-height: 20px;
    }
    .step-text{
        font-size: 22px;
        line-height: 30px;
    }
	
	.step__num {
		width: 50px;
		height: 50px;
		font-size: 34px;
		line-height: 50px;
		flex: 0 0 50px;
	}
    .members__list{
        max-height: 350px;
    }
    .member__link{
        max-width: 250px;
    }
    .member__desc-title{
        max-width: 250px;
        font-size: 18px;
        line-height: 20px;
    }
    .member__desc-text{
        font-size: 16px;
        line-height: 20px;
    }
    .main__block-desc{
        max-width: 360px;
        font-size: 15px;
        line-height: 18px;
    }
    .main__block-vid{
        max-width: 350px;
    }
    .members__list-22{
        margin-top: 50px;
        max-width: 500px;

    }
    .member__link{
        max-width: 240px;
        height: 350px;
    }
    .modal__member-desc{
        max-width: 750px;
    }
    .modal__member{
        max-width: 765px;
    }
    .modal__member-info{
        max-width: 700px;
    }
    .desc__list{
        margin-top: 5px;
    }
    .member__info-img{
        max-width: 500px;
        width: 100%;
    }
	.header__lang{
		gap: 20px;
	}
	.header__lang a{
		font-size: 32px;
    	line-height: 36px;
	}
}
@media(max-width: 576px){
	.custom-logo{
		max-width: 230px;
		max-height: 85px;
	}
    .header__content{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
        gap: 25px;
    }
    .container{
        max-width: 565px;
    }
    .header__logo{
        width: 75px;
    }
    .h1{
        font-size: 34px;
        line-height: 20px;
    }
    .header__menu{
        gap: 15px;
    }
    .header__link{
        font-size: 26px;
        line-height: 15px;
    }
    .h2{
		font-family: S300;
        font-size: 30px;
        line-height: 30px;
    }
    .step-text{
        font-size: 22px;
        line-height: 30px;
    }
    .btns{
        margin-top: 40px;
        gap: 20px;
    }
    .btn{
        margin-top: 20px;
        padding: 10px 20px;
        font-size: 24px;
        line-height: 30px;
    }
    .members__list{
        margin-top: 50px;
        max-width: 450px;
    }
    .member__link{
        max-width: 200px;
    }
    .member__desc-title{
        max-width: 250px;
        font-size: 16px;
        line-height: 20px;
    }
    .member__desc-text{
        font-size: 16px;
        line-height: 20px;
    }
    .main__block-desc{
        max-width: 560px;
        width: 50%;
        font-size: 10px;
        line-height: 12px;
    }
    .main__block-vid{
        max-width: 560px;
        width: 50%;
    }
    .members__list-22{
        margin-top: 50px;
        max-width: 420px;
    }
    .modal__window{
        max-width: 500px;
    }
    .modal__member{
        max-width: 565px;
        max-height: 600px;
    }
    .h4{
        font-size: 16px;
        line-height: 18px;
    }
    .h3{
        font-size: 26px;
        line-height: 30px;
    }
    .modal__member-desc{
        margin: 0px;
        max-width: 555px;
        gap: 10px;
    }
    .member__desc-img{
        margin-right: 10px;
    }
    .desc__txt-title{
        font-size: 14px;
        line-height: 16px;
    }
    .desc__txt-txt{
        max-width: 150px;
        font-size: 10px;
        line-height: 12px; 
    }
    .modal__qr{
        max-width: 150px;
        margin-top: 0px;
    }
    .qr__text{
        font-size: 14px;
    }
    .modal__member-info{
        max-width: 500px;
    }
    .desc__list{
        max-width: 150px;
        font-size: 11px;
        line-height: 13px;;
    }
    .member__info-img{
        max-width: 350px;

    }
    .footer__text{
        text-align: center;
    }
	  .h3__form{
		font-size: 20px;
		line-height: 22px;
	}
	label{
		font-size: 16px;
		line-height: 20px;
		text-transform: capitalize;
		color: #000000;
	}
	.form input:not(.btn){
		font-family: 'M500';
		font-size: 16px;
		line-height: 24px;
		width: 100%;
		height: 50px;
		text-transform: capitalize;
		border: none;
		border-bottom: #000 solid 2px;
		background: transparent;

	}
	.form textarea{
		font-family: 'M500';
		font-size: 16px;
		line-height: 24px;
		width: 100%;
		height: 100px;
		border: 2px solid #000000;
	}
	.form .wpcf7-form-control-wrap {
		margin: 15px 0 30px;
		display: block;
	}
	.form input[type="radio"]{
		width:auto !important;
		height: auto !important;
	}
	.form .wpcf7-not-valid-tip{
		font-family: 'M100';
		font-size: 16px;
		line-height: 18px;
	}
	.main__block{
		flex-direction: column;
	}
	.main__block-desc{
		width: 100%;
		text-align: center;
		font-size: 20px;
    	line-height: 24px;
	}
	.main__block-vid{
		width:100%;
	}
	.about__desc{
		max-width: 300px;
		margin-top: 45px;
		font-size: 17px;
		line-height: 23px;
    }

@media(max-width: 500px){
	.ziyologo{
		
	}
    .form__upload{
        width: 320px;
    }
    .form__input {
    width: 230px;
    margin-left: 15%;
    }
    .sent__btn{
        margin: 0 25%;
    }
    .members__list-22{
        margin-top: 50px;
        max-width: 210px;
    }
    .modal__member{
        max-width: 300px;
        max-height: 1000px;
        padding: 5px;
    }
    .h4{
        font-size: 12px;
        line-height: 12px;
    }
    .h3{
        font-size: 17px;
        line-height: 15px;
        margin-bottom: 10px;
    }
    .modal__member-desc{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        max-width: 300px;
        gap: 10px;
    }
    .member__desc-img{
        max-width: 130px;
        max-height: 200px;
        margin: 0;
    }
    .member__desc-txt{
        max-width: 300px;
        width: 100%;
    }
    .desc__txt-title{
        font-size: 11px;
        line-height: 13px;
    }
    .desc__txt-txt{
        max-width: 300px;
        font-size: 10px;
        line-height: 12px; 
    }
    .modal__qr{
        text-align: center;
        max-width: 300px;
        margin-top: 0px;
    }
    .qr__text{
        font-size: 14px;
    }
    .modal__member-info{
        display: none;
    }
    .desc__list{
        display: none;
    }
    .member__info-img{
        display: none;
    }
	.form input:not(.btn){
		font-family: 'M500';
		font-size: 24px;
		line-height: 29px;
		width: 100%;
		height: 50px;
		text-transform: capitalize;
		border: none;
		border-bottom: #000 solid 2px;
		background: transparent;

	}
	.form textarea{
		font-family: 'M500';
		font-size: 20px;
		line-height: 26px;
		width: 100%;
		height: 100px;
		border: 2px solid #000000;
	}
	.header__lang a{
		font-size: 24px;
		line-height: 28px;
	}
	.menu a{
		font-size: 32px;
		line-height: 36px;
	}
}
}
@media(max-width: 320px){
	.container{
        max-width: 300px;
    }
    .header__content{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
        gap: 25px;
    }
    .video__block{
        margin-top: 30px;
    }
    .about{
        margin-top: 50px;
    }
    .h2{
        text-align: center;
        font-size: 35px;
        line-height: 35px;
    }
    .steps{
        max-width: 300px;
        width: 100%;
        margin-top: 30px;
        gap: 20px;
    }
    .step{
        gap: 10px;
    }
    .step__num{
        font-size: 30px;
        line-height: 30px;
        width: 50px;
        height: 50px;
    }
    .num2{
        width: 50px;
        height: 50px;
    }
    .step-text{
        font-size: 20px;
    }
    .btns{
        margin-top: 40px;
        gap: 20px;
    }
    .btn{
        margin-top: 20px;
        padding: 5px 10px;
        font-size: 20px;
        line-height: 30px;
    }
    .modal__window{
        max-width: 300px;
        height: 130px;
    }
    .form__upload{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
    }
    .form__input{
        width: 200px;
        font-size: 14px;
    }
    .sent__btn{
        font-size: 20px;
        width: 120px;
    }
    .members{
        margin-top: 70px;
    }
    .members__list{
        margin-top: 50px;
        max-width: 300px;
        max-height: 350px;
    }
    .member__desc-title{
        font-size: 16px;
    }
    .member__desc-text{
        font-size: 14px;
    }
    .footer__text{
        text-align: center;

    }
    .main__block{
        margin-top: 50px;
        max-width: 310px;
        width: 100%;
        flex-direction: column-reverse;
    }
    .main__block-desc{
        max-width: 300px;
        font-size: 10px;
        line-height: 11px;
        text-align: center;
    }
    .main__block-vid{
         max-width: 300px;
    }
    .members__22{
        margin-top: 50px;
    }
    .members__list-22{
        margin-top: 70px;
        max-width: 180px;
        width: 100%;
        gap: 20px;

    }
	
	
	.form input[type="radio"]{
		width:auto !important;
		height: auto !important;
	}
	.form .wpcf7-not-valid-tip{
		font-family: 'M100';
		font-size: 16px;
		line-height: 18px;
	}
	.header__menu a{
		font-size: 30px;
		line-height: 34px;
	}
}

}