@media screen and (max-width:1250px) {
	:root {
		--font-size-title:50px;
		--font-size-p:18px;
	}
	.row2 {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.row1 .col1 {
		display: none;
	}
	.row2 .col1 {
		order:2;
	}
	#family .col2 {
		max-width: 100%;
		max-width: 100%;
		padding:0;
		margin:0 0 30px;
	}
	#info1 .p2 {
		font-size: 80px;
	}
	#info2 h2 {
		font-size: 41px;
	}
	#charity .col1 {
		padding-right: 30px;
	}
	.info3 .col2 {
		margin-right: 0;
	}
}
@media screen and (max-width:992px) {
	:root {
		--font-size-title:36px;
		--font-size-p:16px;
	}
	#info1 .p2 {
		font-size: 60px;
	}
	#info2 h2 {
		font-size: var(--font-size-title);
	}
	.slider .cont .dimg {
		display: none;
	}
	.slider .cont .dimg.m {
		display: block;
		height: auto;
		max-height: 63%;
		top:auto;
		bottom: 0;
		transform: translateX(-46%);
	}
	.open-menu {
		display: flex;
	}
	.menu {
		position: absolute;
		right: 15px;
		top:calc(100% - 10px);
		widows: 200px;
		padding: 20px;
		background: rgba(0,0,0,0.9);
		display: none;
	}
	.menu ul {
		display: block;
	}
	.menu ul a {
		margin:5px 0;
	}
	header .lang {
		margin-left: auto;
	}
	header {
		padding: 15px 0;
	}
	.slider .slide1 p:first-child {
		margin-right: 0;
	}
	.slider p span {
		width:0.25em;
	}
	.slider .cont {
		font-size: 27px;
	}
	.slider p:first-child {
		margin:0 0 10px;
	}
	.slider h1, .slider h2 {
		padding: 0;
		font-size: 50px;
	}
	.slider .bg {
		min-height: 550px;
		height: auto;
	}
	.slider .cont {
		padding-top: 95px;
	}
	.slider h3 {
		font-size: 24px;
	}
	.slider .btn {
		margin-top: 15px;
	}
	#about .text2 {
		font-size: 30px;
	}
	#about .text3 {
		font-size: 60px;
	}
	#about {
		padding-bottom: 80px;
	}
	#family .title {
		margin:0;
	}
	#about .line {
		margin:20px 0;
	}
	#info1 .p2 {
		font-size: 50px;
	}
	#info2 .d-flex {
		flex-wrap: wrap;
		justify-content: center;
	}
	#info2 .col1 {
		width: 100%;
		padding: 0;
		margin:0 0 20px;
	}
	#info2 .col2 {
		padding: 0;
		margin: 0;
	}
	#info2 {
		padding: 70px 0;
	}
	#info1 {
		padding: 70px 0 80px;
	}
	#charity {
		padding: 80px 0 200px;
	}
	#charity .d-flex {
		flex-wrap: wrap;
	}
	#charity .col1 {
		width: 100%;
		max-width: 100%;
		padding: 0;
		margin:0 0 30px;
	}
	#charity .col2 {
		width: 100%;
		max-width: 100%;
		padding: 0;
	}
	#charity .col1 p {
		max-width: 100%;
	}
	#charity .col1 img {
		margin:20px auto;
	}
	#charity .col2 img {
		margin:0 auto 20px;
		max-width: 100%;
	}
	.form {
		padding: 60px 50px;
		max-width: 620px;
		margin-bottom: 35px;
	}
	.info3 {
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 15px;
	}
	.info3 .col1 {
		width: 100%;
		padding: 0;
		margin:0 0 20px;
		max-width: 100%;
	}
	.info3 .col2 {
		padding: 0;
		margin:0 0 ;
	}
	#social {
		font-size: 30px;
		padding: 130px 0 60px;
	}
	.social img {
		max-width: 60px;
	}
	#page h1 {
		font-size: 50px;
	}
	#family .col3, #family .row2 .col1 {
		padding: 0;
	}
	#family .row2 .col1 {
		margin-top: 20px;
	}
}
@media screen and (max-width:767px) {
	:root {
		--font-size-title:36px;
		--font-size-p:16px;
	}
	.home-link {
		max-width: 180px;
	}
	body {
		font-size: 16px;
		line-height: 1.5;
	}
	.open-menu {
		margin-left: 10px;
	}
	.slider .cont {
		font-size: 20px;
	}
	.slider h1, .slider h2 {
		font-size: 36px;
	}
	.btn {
		padding: 15px 15px;
		font-size: 15px;
	}
	.slider h3 {
		font-size: 18px;
	}
	.slick-arrow {
		width: 34px;
		height: 34px;
		top:calc(50% + 20px);
	}
	.slider .dop {
		font-size: 16px;
	}
	.lang:hover ul {
		opacity: 0;
		visibility: hidden;
	}
	.lang.active ul {
		opacity: 1;
		visibility: visible;
	}
	.slider .cont {
		padding-top: 110px;
	}
	#about .text2 {
		font-size: 24px;
	}
	#about .text3 {
		font-size: 34px;
	}
	#family {
		padding: 40px 0 60px;
	}
	#family .title {
		font-size: 31px;
	}
	#family .col2 {
		margin:0 0 20px;
	}
	#family .text p + p {
		margin-top: 20px;
	}
	#info1 .p2 {
		font-size: 36px;
	}
	.row2 {
		justify-content: center;
	}
	#info2 {
		padding: 40px 0 60px;
		background: none;
	}
	#info2 h2 {
		font-size: 28px;
	}
	#info2 h2 br {
		display: none;
	}
	#info2 .col1 {
		margin:0 0 10px;
	}
	#info2 .p1 {
		font-size: 24px;
	}
	#charity .title {
		font-size: 32px;
	}
	#charity .col1 img {
		margin:0 auto;
	}
	#charity .col1 {
		margin:0 0 10px;
	}
	#charity .col2 img {
		margin:0 auto;
	}
	.form {
		padding: 30px 20px 50px;
		margin-top: -170px;
	}
	.form > p {
		margin:0 0 10px;
		font-size: 14px;
	}
	.form .submit {
		height: 45px;
		padding: 0 15px;
	}
	.form input {
		height: 45px;
		padding-bottom: 3px;
	}
	.form input::placeholder {
		font-size: 14px;
	}
	.info3 {
		overflow: hidden;
	}
	.info3 h3 {
		font-size: 24px;
	}
	.info3 h2 {
		font-size: 32px;
	}
	.info3 ul {
		font-size: 14px;
		line-height: 1.4;
	}
	.info3 ul li+li {
		margin-top: 8px;
	}
	.info3 img {
		transform:translateX(4.5%);
	}
	.info4 {
		font-size: 18px;
	}
	.info4 *, .info4 p, .info4 h2 {
		text-align: center;
	}
	.info4 h2 {
		font-size: 28px;
	}
	.info4 h2 em {
		display: block;
		margin-top: 3px;
	}
	.info4 .btn, #info5 .btn {
		height: 45px;
	}
	#info3 {
		padding: 0 0 55px;
	}
	#info5 {
		padding: 70px 0 20px;
	}
	#info5 {
		font-size: 18px;
		overflow:hidden;
	}
	#info5 h2 {
		margin:0 0 15px;
		font-size: 32px;
	}
	#info5 img {
		transform:translateX(4.5%);
		margin-bottom: 0;
	}
	#social {
		font-size: 24px;
	}
	.social {
		margin-top: 15px;
		gap:0 20px;
	}
	.social img {
		max-width: 40px;
	}
	footer {
		padding: 15px 0;
	}
	#page h1 {
		font-size: 36px;
	}
	#page {
		padding: 120px 0 60px;
	}
	main {
		min-height: calc(100dvh - 64px);
	}
}