/*
====================================
Large Screen - Others
====================================
*/
@media screen and (min-width: 1200px) and (max-width: 1540px) {

	html {
		font-size: 56%;
	}
	.container {
		max-width: 1200px;
	    width: 100%;
	    margin: 0 auto;
	    padding: 0 15px;
	}

	.navbar-brand img {
		max-width: 24rem;
	}

	.gallery_text {
		padding: 1.5rem 4rem;
	}

	.gallery_item img,
	.gallery_text {
		height: 28rem;
	}

	.security_textRight h4,
	.security_textRight p {
		font-size: 4.2rem;
	}

	.security_textBottom p {
		font-size: 4.4rem;
	}

	body.en .security_textBottom p {
		font-size: 4rem;
	}

	.security_title h3 {
		font-size: 5rem;
	}

	.map_cnt ul li {
		font-size: 2.2rem;
	}
	body.en .map_cnt ul li {
		font-size: 2rem;
		line-height: 20px;
	}

	.map_cnt ul li span {
		width: 3rem;
		height: 3rem;
		margin-left: 1.2rem;
	}
	body.en .map_cnt ul li span {
		margin-left: inherit;
		margin-right: 1.2rem;
	}

	.hero_cnt h1 {
		font-size: 8rem;
	}

	.plan_wrapper {
		padding: 10rem 0rem 8rem;
	}

	.plan_upper img {
		max-width: 60%;
	}

	.plan_main {
		max-width: 120rem;
	}

	.child_main {
		max-width: 124rem;
	}

	.child_cnt p {
		font-size: 2.4rem;
	}

	.child_cnt h4 {
		font-size: 3rem;
	}

	.child_cnt {
		max-width: 57.5rem;
	}

	.security2_cnt h3 {
		font-size: 4rem;
	}

}

/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1199px) {

	html {
		font-size: 56%;
	}

	.container {
		max-width: 960px;
	    width: 100%;
	    margin: 0 auto;
	    padding: 0 15px;
	}

	.navbar-brand img {
		max-width: 20rem;
	}

	.navbar-nav li {
		padding: 1rem 1.5rem;
	}

	.navbar-nav li a {
		font-size: 1.8rem;
	}

	.nav-btn li {
		padding: 1rem 1rem
	}

	.nav-btn li button {
		font-size: 2rem;
	}

	.nav-btn li a {
		font-size: 1.6rem;
		padding: 0.9rem 3.6rem;
	}

	.gallery_text {
		padding: 1.5rem 3rem;
	}

	.gallery_item img,
	.gallery_text {
		height: 20rem;
	}

	.security_area {
		padding: 10rem 0rem 12rem;
	}

	.security_textRight h4,
	.security_textRight p {
		font-size: 3.6rem;
	}

	.security_textLeft p {
		font-size: 2.2rem;
	}

	.security_textBottom p {
		font-size: 3.6rem;
	}

	.security_textBottom {
		margin: 7.6rem 0rem;
	}

	.security_title h3 {
		font-size: 4.2rem;
	}

	.security_item img {
		max-width: 14.5rem;
	}

	.security_item h4 {
		font-size: 7.4rem;
	}

	.security_item p {
		font-size: 2.2rem;
	}

	.security_bottom {
		padding-top: 5rem;
	}

	.security_bottom p {
		font-size: 2.3rem;
		margin-bottom: 6.5rem;
	}

	.join_cnt h3,
	.join_cnt p {
		font-size: 4.5rem;
	}

	.join_item button {
		font-size: 2.4rem;
		padding: 0.8rem 1rem;
	}

	.check_item label {
		font-size: 2.1rem;
	}

	.check_item label {
		padding-right: 1.5rem;
	}

	.map_area {
		padding: 8.5rem 0rem 9.5rem;
	}

	.map_upper h3 {
		font-size: 4.6rem;
	}

	.map_upper p {
		font-size: 2.5rem;
	}

	.map_cnt ul {
		gap: 2.5rem;
	}

	.map_cnt ul li {
		font-size: 1.8rem;
	}

	.map_cnt ul li span {
		width: 2.2rem;
		height: 2.2rem;
		margin-left: 1rem;
	}

	.map_bottom {
		padding-top: 12rem;
	}

	.mapBtm_cnt h4 {
		font-size: 4.6rem;
	}

	.mapBtm_cnt p {
		font-size: 1.75rem;
	}

	.mapBtm_cnt a {
		font-size: 2.2rem;
		padding: 1.2rem 8rem;
	}

	.mapBtm_item img {
		max-width: 42rem;
	}

	.support_main {
		max-width: 85rem;
	}

	.support_main h3,
	.support_main h4 {
		font-size: 4.5rem;
	}

	.support_main p {
		font-size: 3rem;
	}

	.support_btn a {
		max-width: 35rem;
		font-size: 2.2rem;
	}

	.hero_area {
		padding: 16rem 0rem 22rem;
	}

	.hero_cnt h1 {
		font-size: 6rem;
	}

	.plan_wrapper {
		padding: 9rem 0rem 8rem;
	}

	.plan_upper p {
		font-size: 2rem;
	}

	.plan_upper img {
		max-width: 56%;
		margin: 10rem auto 8rem;
	}

	.plan_title h3 {
		font-size: 4.5rem;
	}

	.plan_title {
		max-width: 80rem;
	}

	.plan_upper h4 {
		font-size: 3rem;
		max-width: 96rem;
	}

	.plan_main {
		max-width: 120rem;
		padding-top: 4rem;
	}

	.plan_number h3 {
		font-size: 14rem;
	}

	.plan_cnt h4 {
		font-size: 3rem;
	}

	.plan_cnt ul li {
		font-size: 2rem;
	}

	.plan_number {
		max-width: 20rem;
	}

	.plan_cnt {
		width: calc(100% - 20rem);
	}

	.child_main {
		max-width: 124rem;
	}

	.child_cnt p {
		font-size: 2.2rem;
	}

	.child_cnt h4 {
		font-size: 2.8rem;
	}

	.child_cnt {
		max-width: 54rem;
	}

	.security2_cnt h3 {
		font-size: 3.2rem;
	}

	.security2_cnt ul li a {
		max-width: 30rem;
		height: 5.5rem;
		font-size: 2.2rem;
	}

	.newsBanner_cnt h2 {
		font-size: 8rem;
	}

	.news_upper {
		max-width: 74rem;
	}

	.news_upper h3 {
		font-size: 3.4rem;
	}

	.news_title h4 {
		font-size: 3.4rem;
	}

	.donation_upper h3 {
		font-size: 6rem;
	}

	.donation_upper p {
		font-size: 3.4rem;
	}

	.donation_part h4 {
		font-size: 4.5rem;
	}

	.donation_part p {
		font-size: 3.4rem;
	}

	.donation_bottom p,
	.donation_bottom h4 {
		font-size: 4.5rem;
	}

	.donation_bottom {
		max-width: 72rem;
	}

	.connect_gallery {
		padding-top: 5.5rem;
	}

	.newsBanner_cnt p {
		font-size: 5.4rem;
	}

	.connect_galleryItem img {
		height: 19rem;
	}

	.connect_wrapper {
		padding: 10rem 0rem;
	}

	.connect_upper h4 {
		font-size: 4rem;
		margin-bottom: 4rem;
	}

	.connect_upper p {
		font-size: 4rem
	}

	.connect_upper {
		max-width: 88rem;
	}

	.connect_box {
		padding: 10rem 8rem;
	}

	.connect_right h4 {
		font-size: 4.6rem;
	}

	.connect_right p {
		font-size: 2.5rem;
	}


}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {

	html {
		font-size: 50%;
	}

	.container {
		max-width: 720px;
	    width: 100%;
	    margin: 0 auto;
	    padding: 0 15px;
	}

	.modal-backdrop.show {
	    opacity: 0.5;
	}

	.modal-backdrop {
	    background-color: #000;
	}

	.main_nav {
		justify-content: flex-start;
	}

	.header_button {
		margin-right: auto;
	}

	.hamburger_btn {
		margin-left: 3.2rem;
	}

	.nav-btn li {
		padding: 0.5rem 0;
	}

	.header_area {
		padding: 1.2rem 0;
	}

	.navbar-nav li a {
		font-size: 2.2rem;
	}

	.nav-btn li a {
		font-size: 2rem;
	}

	.footer_right img {
		max-width: 26rem;
	}

	.footer_cnt ul li,
	.footer_cnt ul li a {
		font-size: 2.6rem;
	}

	.gallery_text {
		padding: 1.5rem 3rem;
	}

	.gallery_item img,
	.gallery_text {
		height: 18rem;
	}

	.security_area {
		padding: 10rem 0rem 12rem;
	}

	.security_textRight h4,
	.security_textRight p {
		font-size: 3.6rem;
	}

	.security_textLeft p {
		font-size: 2.4rem;
	}

	.security_textRight {
		margin-bottom: 3rem;
	}

	.security_textBottom p {
		font-size: 3.2rem;
	}

	.security_textBottom {
		margin: 7.6rem 0rem;
	}

	.security_title h3 {
		font-size: 3.8rem;
	}

	.security_item img {
		max-width: 15rem;
	}

	.security_item h4 {
		font-size: 7.5rem;
	}

	.security_item p {
		font-size: 2.5rem;
	}

	.security_bottom {
		padding-top: 5rem;
	}

	.security_bottom p {
		font-size: 2.3rem;
		margin-bottom: 6.5rem;
	}

	.join_cnt h3,
	.join_cnt p {
		font-size: 3.8rem;
	}

	.join_item button {
		font-size: 2.4rem;
		padding: 0.8rem 1rem;
	}

	.join_item {
		margin-top: 2rem;
	}

	.join_cnt p {
		margin-bottom: 3.4rem;
	}

	.check_item label {
		font-size: 2.2rem;
	}

	.check_item label {
		padding-right: 2rem;
		margin-top: -0.6rem;
	}

	.check_item {
		align-items: flex-start;
	}

	.map_area {
		padding: 8.5rem 0rem 9.5rem;
	}

	.map_upper h3 {
		font-size: 4rem;
	}

	.map_upper p {
		font-size: 2.2rem;
	}

	.map_cnt ul {
		gap: 2.5rem;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.map_cnt ul li {
		width: 48.5%;
		font-size: 1.8rem;
	}

	.map_cnt ul li span {
		width: 2.4rem;
		height: 2.4rem;
		margin-left: 1.2rem;
	}

	.map_bottom {
		padding-top: 12rem;
	}

	.mapBtm_cnt h4 {
		font-size: 4.6rem;
	}

	.mapBtm_cnt p {
		font-size: 1.8rem;
		max-width: 100%;
	}

	.mapBtm_cnt a {
		font-size: 2.2rem;
		padding: 1.2rem 8rem;
	}

	.mapBtm_item img {
		max-width: 42rem;
	}

	.mapBtm_item {
		margin-bottom: 3rem;
	}

	.support_main {
		max-width: 80rem;
	}

	.support_main h3,
	.support_main h4 {
		font-size: 4rem;
	}

	.support_main p {
		font-size: 2.8rem;
	}

	.support_btn a {
		max-width: 35rem;
		font-size: 2.2rem;
	}

	.hero_area {
		padding: 16rem 0rem 22rem;
	}

	.hero_cnt h1 {
		font-size: 6rem;
	}

	.plan_wrapper {
		padding: 9rem 0rem 8rem;
	}

	.plan_upper p {
		font-size: 2rem;
	}

	.plan_upper img {
		max-width: 56%;
		margin: 10rem auto 8rem;
	}

	.plan_title h3 {
		font-size: 4.4rem;
	}

	.plan_title {
		max-width: 80rem;
	}

	.plan_upper h4 {
		font-size: 3rem;
		max-width: 96rem;
		padding-right: 0;
	}

	.plan_main {
		max-width: 120rem;
		padding-top: 4rem;
	}

	.plan_number h3 {
		font-size: 11rem;
	}

	.plan_cnt h4 {
		font-size: 3rem;
	}

	.plan_cnt ul li {
		font-size: 2rem;
	}

	.plan_number {
		max-width: 16rem;
	}

	.plan_cnt {
		width: calc(100% - 16rem);
		padding-top: 2rem;
	}

	.child_area {
		position: relative;
		padding: 5rem 0rem 24rem;
	}

	.child_area::after {
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		background: rgba(255, 255, 255, 0.4);
		position: absolute;
		top: 0;
		left: 0;
	}

	.child_main {
		max-width: 124rem;
		position: relative;
		z-index: 9;
	}

	.child_cnt p {
		font-size: 2rem;
	}

	.child_cnt h4 {
		font-size: 2.6rem;
	}

	.child_cnt {
		max-width: 50rem;
	}

	.security2_cnt h3 {
		font-size: 2.8rem;
		margin-bottom: 4rem;
	}

	.security2_cnt ul li a {
		max-width: 28rem;
		height: 5.5rem;
		font-size: 2.1rem;
	}

	.security2_cnt ul {
		gap: 3rem;
	}

	.newsBanner_cnt h2 {
		font-size: 6rem;
	}

	.news_wrapper {
		padding: 9rem 0rem 10rem;
	}

	.news_upper {
		max-width: 70rem;
	}

	.news_upper h3 {
		font-size: 3.2rem;
	}

	.news_title h4 {
		font-size: 3.2rem;
	}

	.news_row {
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: 0rem;
	}

	.donation_wrapper {
		padding: 10rem 0;
	}

	.donation_upper {
		max-width: 60rem;
	}

	.donation_upper h3 {
		font-size: 4.5rem;
	}

	.donation_upper p {
		font-size: 3rem;
	}

	.donation_part h4 {
		font-size: 3.8rem;
	}

	.donation_part p {
		font-size: 3rem;
	}

	.donation_bottom p,
	.donation_bottom h4 {
		font-size: 3.8rem;
	}

	.donation_bottom {
		max-width: 62rem;
		padding-top: 7rem;
	}

	.donation_gallery {
		padding: 5rem 0rem 10rem;
	}

	.donation_row {
		grid-gap: 3rem;
	}

	.donation_box p {
		font-size: 3rem;
	}

	.connect_gallery {
		padding-top: 4rem;
	}

	.newsBanner_cnt p {
		font-size: 4.2rem;
	}

	.connect_galleryItem img {
		height: 18rem;
	}

	.connect_wrapper {
		padding: 8rem 0rem;
	}

	.connect_upper h4 {
		font-size: 3.5rem;
		margin-bottom: 3.5rem;
	}

	.connect_upper p {
		font-size: 3.5rem
	}

	.connect_upper {
		max-width: 75rem;
	}

	.connect_box {
		padding: 8rem 8rem;
		margin: 6rem 0rem 1.5rem;
	}

	.connect_right h4 {
		font-size: 4.6rem;
	}

	.connect_right p {
		font-size: 2.5rem;
	}

	.connect_right {
		margin-top: 8rem;
	}

	.connect_left input,
	.connect_left textarea {
		font-size: 2rem;
	}

}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {
	body.en .child_cnt {
		margin-left: 0;
	}
	html {
		font-size: 50%;
	}
	.privacy,
	.about_upper {
		padding: 0;
	}
	.ppl img {
		max-width:150px;
	}
	.ppl {
		grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
		gap: 50px 20px;
	}
	.ppl small {
		font-size: clamp(12px, 1.4vw, 16px);
	}
	.donation_gallery {
		grid-template-columns: repeat(1, 1fr);
	}
	.security_textBottom p span {
		font-weight: 700;
	}

	.container {
		max-width: 540px;
	    width: 100%;
	    margin: 0 auto;
	    padding: 0 15px;
	}

	.modal-backdrop.show {
	    opacity: 0.5;
	}
	.child_area {
    	background-image: url(../images/child-bgm.png?1);
	}
	.hero_area .hmbs {
		position: absolute;
		bottom: -20px;
		display: block;
	}
	.hero_area {
    	background-image: url(../images/hero-bgm.png?1);
		height: 250px;
		position: relative;
	}

	.modal-backdrop {
	    background-color: #000000;
	}

	.main_nav {
		/*justify-content: flex-start;*/
		justify-content: space-between;
	}

	.header_button {
		margin-right: auto;
	}
	body.en .header_button {
		margin-left: auto;
		margin-right: 0;
	}

	.hamburger_btn {
		margin-left: 1.8rem;
	}
	body.en .hamburger_btn {
		margin-right: 1.8rem;
		margin-left: 0;
	}

	.nav-btn li {
		padding: 0.2rem 0;
	}

	.header_area {
		padding: 1.6rem 0;
	}

	.navbar-nav li a {
		font-size: 2.2rem;
	}

	.navbar-brand img {
		max-width: 21rem;
	}

	.hamburger-inner, 
	.hamburger-inner::before, 
	.hamburger-inner::after {
		width: 3.8rem;
	}

	.nav-btn li a {
		font-size: 1.8rem;
		padding: 0.6rem 3rem;
		border-radius: 0.9rem;
	}

	.nav-btn li button {
		font-size: 2.2rem;
	}

	.footer_area {
		padding: 5rem 0rem 3.2rem;
	}

	.footer_right img {
		max-width: 26rem;
	}

	.footer_cnt ul li,
	.footer_cnt ul li a {
		font-size: 2.6rem;
	}

	.footer_main {
		display: block;
		text-align: center;
	}

	.footer_left {
		display: block;
		text-align: center;
		margin-top: 3.2rem;	
	}

	.footer_left ul {
		justify-content: center;
		margin-top: 1.2rem;
	}

	.footer_left p {
		font-size: 2.6rem;
	}

	.footer_left img {
		max-width: 44px;
	}

	.footer_cnt {
		padding-top: 7rem;
	}

	.gallery_text {
		padding: 2rem 5rem;
		height: 20rem;
	}

	.gallery_item img {
		height: 19rem;
	}

	.gallery_text img {
		max-width: 54rem;
	}

	.security_area {
		padding: 7rem 0rem 10rem;
	}

	.security_textRight h4,
	.security_textRight p {
		font-size: 3.6rem;
	}

	.security_textLeft p {
		font-size: 2.4rem;
	}

	.security_textRight {
		margin-bottom: 3rem;
	}

	.security_textBottom p {
		font-size: 2.7rem;
		color: #0E6EE0;
	}

	.security_textBottom {
		margin: 1.5rem 0rem 6.5rem;
	}

	.security_title h3 {
		font-size: 3.2rem;
	}

	.security_item img {
		max-width: 15rem;
	}

	.security_item h4 {
		font-size: 7.5rem;
	}

	.security_item p {
		font-size: 2.45rem;
	}

	.security_bottom {
		padding-top: 5rem;
	}

	.security_bottom p {
		font-size: 2.3rem;
		margin-bottom: 6rem;
		color:#0E6EE0;
	}

	.join_cnt .tin {margin-top: 15px;}
	.join_cnt h3,
	.join_cnt p {
		font-size: 3.2rem;
	}

	.join_cnt p br {
		display: none;
	}

	.join_item button {
		font-size: 2.4rem;
		padding: 0.8rem 1rem;
	}

	.join_item {
		margin-top: 2rem;
	}

	.join_cnt p {
		margin-bottom: 3.4rem;
	}

	.join_area {
		padding: 6rem 0rem;
	}

	.join_item input {
		font-size: 1.8rem;
	}

	.check_item label {
		font-size: 2.2rem;
		width: calc(100% - 3rem);
	}

	.check_item label {
		padding-right: 2rem;
		margin-top: -0.6rem;
	}

	.check_item {
		align-items: flex-start;
		margin-top: 5rem;
	}

	.map_area {
		padding: 8rem 0rem 9rem;
	}

	.map_upper h3 {
		font-size: 3.6rem;
	}

	.map_upper p {
		font-size: 2.1rem;
	}

	.map_cnt ul {
		gap: 1.2rem;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.map_cnt ul li {
		width: 100%;
		font-size: 1.85rem;
	}

	.map_cnt ul li span {
		width: 2.4rem;
		height: 2.4rem;
		margin-left: 1.2rem;
	}

	.map_bottom {
		padding-top: 10rem;
	}

	.mapBtm_cnt h4 {
		font-size: 4.2rem;
		margin-bottom: 2.5rem;
	}

	.mapBtm_cnt p {
		/*font-size: 1.8rem;*/
		max-width: 100%;
	}

	.mapBtm_cnt a {
		font-size: 2.2rem;
		padding: 1.2rem 8rem;
	}

	.mapBtm_item img {
		/*max-width: 36rem;*/
		max-width: 100%;
	}

	.mapBtm_item {
		margin-bottom: 3rem;
	}

	.support_area {
		padding: 8rem 0rem 6rem;
	}

	.support_main {
		max-width: 80rem;
	}

	.support_main h3,
	.support_main h4 {
		font-size: 3.5rem;
	}

	.support_main p {
		font-size: 2.4rem;
		margin: 3.8rem 0rem 3.6rem;
	}

	.support_btn a {
		max-width: 34rem;
		font-size: 2.2rem;
		margin: 2rem auto 0rem;
	}

	.support_btn {
		display: block;
	}

	.hero_area {
		padding: 15rem 0rem 15rem;
	}

	.hero_cnt h1 {
		font-size: 4rem;
	}

	.plan_wrapper {
		padding: 5rem 0rem 8rem;
	}

	.plan_upper p {
		/*font-size: 2rem;*/
	}

	.plan_upper img {
		/*max-width: 60%;*/
		margin: 7rem auto 5rem;
	}

	.plan_title h3 {
		font-size: 3.2rem;
	}

	.plan_title {
		max-width: 80rem;
	}

	.plan_upper h4 {
		font-size: 3rem;
		max-width: 96rem;
		padding-right: 0;
	}
	body.en .plan_upper h4 {
		padding-left: 0;
	}

	.plan_main {
		max-width: 120rem;
		padding-top: 2rem;
	}

	.plan_number h3 {
		font-size: 8.6rem;
	}

	.plan_cnt h4 {
		font-size: 3rem;
	}

	.plan_cnt ul li {
		/*font-size: 2rem;*/
	}

	.plan_number {
		max-width: 100%;
	}

	.plan_cnt {
		width: 100%;
		padding-top: 2.5rem;
	}

	.plan_item {
		display: block;
		margin-top: 5rem;
	}

	.child_area {
		position: relative;
		padding: 4rem 0rem 24rem;
	}
	.child_cnt p {
    	font-size: 2.4rem;
		font-style: normal;
		font-weight: 600;
		line-height: 118.571%;
		letter-spacing: 0.056rem;
		color: #0E6EE0;
		margin-bottom: 2.5rem;
	}
	body.en .child_cnt p {
		font-size: 2rem;
	}

	.child_area::after {
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		/*background: rgba(255, 255, 255, 0.5);*/
		position: absolute;
		top: 0;
		left: 0;
	}

	.child_main {
		max-width: 124rem;
		position: relative;
		z-index: 9;
	}

	.child_cnt p {
		/*font-size: 2rem;*/
	}

	.child_cnt h4 {
		font-size: 2.4rem;
	}

	.child_cnt {
		max-width: 50rem;
	}

	.security2_cnt h3 {
		font-size: 2.6rem;
		margin-bottom: 4rem;
	}

	.security2_cnt h3 br {
		display: none;
	}

	.security2_cnt ul li a {
		max-width: 28rem;
		height: 5.5rem;
		font-size: 2.1rem;
	}

	.security2_cnt ul {
		gap: 2rem;
		flex-direction: column;
	}

	.news_banner {
		padding-top: 14rem;
	}

	.newsBanner_cnt h2 {
		font-size: 5rem;
	}

	.news_wrapper {
		padding: 8rem 0rem 9rem;
	}

	.news_upper {
		max-width: 70rem;
	}

	.news_upper h3 {
		font-size: 2.8rem;
	}

	.news_title h4 {
		font-size: 2.8rem;
	}

	.news_row {
		grid-template-columns: 1fr;
		grid-gap: 0rem;
	}

	.news_part {
		padding-top: 6.5rem;
	}

	.news_item {
		margin-bottom: 4rem;
	}

	.news_part2 {
		padding-top: 2rem;
	}

	.donation_wrapper {
		padding: 8rem 0;
	}

	.donation_upper {
		max-width: 60rem;
	}

	.donation_upper h3 {
		font-size: 3.4rem;
		margin-bottom: 1.6rem;
	}

	.donation_upper p {
		font-size: 2.5rem;
	}

	.donation_part h4 {
		font-size: 3.2rem;
	}

	.donation_part p {
		font-size: 2.5rem;
	}

	.donation_bottom p,
	.donation_bottom h4 {
		font-size: 2.7rem;
	}

	body.en .donation_bottom p,
	body.en .donation_bottom h4 {
		font-size: 2.4rem;
	}

	.donation_bottom {
		max-width: 49rem;
		padding-top: 7rem;
	}

	.donation_gallery {
		padding: 4rem 0rem 6rem;
		grid-gap: 0.8rem;
	}

	.donation_row {
		grid-template-columns: 1fr;
		grid-gap: 3rem;
	}

	.donation_box p {
		font-size: 3rem;
	}

	.connect_gallery {
		padding-top: 3.5rem;
	}

	.newsBanner_cnt p {
		font-size: 4.2rem;
	}

	.connect_galleryItem img {
		height: 17rem;
	}

	.connect_wrapper {
		padding: 7rem 0rem;
	}

	.connect_upper h4 {
		font-size: 3.2rem;
		margin-bottom: 3.2rem;
	}

	.connect_upper p {
		font-size: 3.2rem
	}

	.connect_upper {
		max-width: 75rem;
	}

	.connect_box {
		padding: 3rem 2.4rem 4rem;
		margin: 6rem 0rem 0rem;
	}

	.connect_right h4 {
		font-size: 4.2rem;
	}

	.connect_right p {
		font-size: 2.4rem;
	}

	.connect_right {
		margin-top: 8rem;
	}

	.connect_left input,
	.connect_left textarea {
		font-size: 2rem;
	}

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


}

@media screen and (max-width: 575px) {
	body.en .hero_cnt h1 {
		font-size: 4rem;
	}
	body.en .navbar-brand img {
		max-width: 18rem;
	}
	.security_item.sheader {
		padding: 0;margin:0;
	}
	.security_item.sheader h4 {
		font-size: 26px;
		padding:0;
		margin:0;
	}
	.ppl h4 { font-size: clamp(22px, 2vw, 32px);}
	.ppl small {
		font-size: clamp(16px, 1.8vw, 20px);
	}
	.ppl img {
		max-width:175px;
	}
	.gallery_text {
		padding: 2rem 3rem;
		height: 15rem;
	}

	.gallery_item img {
		height: 15rem;
		max-height: 100px;
	}

	.gallery_text img {
		max-width: 35rem;
	}
	body.en .gallery_text img {
		max-width: 41rem;
	}
	body.en .nav-btn li a.btn {
		padding: 1.2rem 3rem;
	}
	body.en .nav-btn li a {
		padding: 0;
	}
	.enorder-2 {order: 1 !important}
	.enorder-1 {order: 2 !important}
	body.en .connect_right {margin: 2rem 0 4rem 0;}
}
@media screen and (max-width: 400px) {	
	body.en .nav-btn li a.btn {
		padding: 1.2rem 2rem;
	}
	.nav-btn li a {padding: 0;}
	.nav-btn li a.btn {
		padding: 1.2rem 2.5rem;
	}
}
@media screen and (max-width: 380px) {	
	body.en .hero_cnt h1 {
		font-size: 3rem;
	}
	.navbar-brand img {
		max-width: 18rem;
	}
}
@media screen and (max-width: 335px) {	
	body.en .nav-btn li a.btn {
		font-size: 1.5rem;
	}
}