@media only screen and (max-width: 1920px) and (min-width: 1500px) {
	.container {
		max-width: 1760px;
	}
}

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

	.navbar-brand h2 {
		font-size: 1.5rem;
	}

	.menuWrap .menu {
		gap: 1.5rem;
	}

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

	.secHeading {
		font-size: 2.25rem;
	}

	.collabratingContent p,
	.aboutContent p {
		width: 100%;
		font-size: 1.25rem;
	}

	.serviceHeading p {
		width: 80%;
		margin-bottom: 3rem;
	}

	.serviceContent {
		padding: 0 0 1.5rem 1.5rem;
	}

	.secHeading br {
		display: none;
	}

	.aboutContent .themeBtn {
		margin-top: 2rem;
	}

	.featuredContent p {
		width: 80%;
	}

	.donationContent p {
		width: 100%;
		font-size: 1.25rem;
	}

	.donationContent h2 {
		margin-bottom: 1rem;
	}

	.donation-widget {
		margin-top: 2rem;
	}

	footer h2 {
		font-size: 1.75rem;
	}

	.newsForm {
		flex-direction: column;
		align-items: end;
	}

	.newsForm input {
		width: 100%;
		height: 50px;
	}

	.newsForm button {
		padding: 1rem 2.3em;
	}

	.contactInfo,
	.footLinks {
		margin: 0;
	}

	.faqSec #accordion .card .card-body p {
		width: 100%;
		font-size: 1.25rem;
	}

	.faqSec #accordion .card .btn-link {
		font-size: 2rem;
	}

	.faqSec #accordion .card {
		padding-bottom: 1rem;
		margin-bottom: 1rem;
	}

	.leaderContent p {
		font-size: 1.25rem;
		margin: 1rem 0;
	}

	.memberWraps {
		gap: 2rem;
		margin-top: 2rem;
	}

	.memberWraps figure {
		width: 30%;
	}

	.memberLeft {
		margin-right: 0;
	}

	.memberRight {
		margin-left: 0;
	}

	.eventText h2 {
		font-size: 1.75rem;
		width: 100%;
		margin-bottom: 1rem;
	}

	.eventText ul {
		margin: 1rem 0;
	}

	.eventContent {
		margin-bottom: 2rem;
	}

	.contactText p {
		width: 100%;
		margin-bottom: 2rem;
	}

	.contactText {
		width: 100%;
	}

	.contactText textarea {
		height: 4rem;
	}

}

@media only screen and (max-width: 1445px) {}

@media only screen and (max-width: 1366px) {
	html {
		font-size: 15px;
	}
}

@media (max-width: 1199.98px) {
	html {
		font-size: 14px;
	}

	.mainBanner {
		height: 800px;
	}

	.collabratingContent h2 {
		margin-bottom: 1rem;
	}

	.serviceHeading p {
		font-size: 1.25rem;
	}

	.featuredContent p {
		font-size: 1.25rem;
	}

	.contactInfo ul li a {
		word-break: break-all;
	}

	.aboutBanner {
		height: 550px;
	}

	.aboutBanner h2 {
		font-size: 4rem;
	}

	.aboutInner {
		padding: 5rem 0;
	}

	.mapSec iframe {
		height: 450px;
	}

}

@media (max-width: 991.98px) {
	html {
		font-size: 13px;
	}

	.main-header {
		position: relative;
	}

	.menu-Bar {
		display: block;
		top: 50%;
		bottom: initial;
		transform: translateY(-50%);
		right: 2rem;
	}

	.menuWrap.open {
		display: flex;
		left: 0px;
	}

	.menuWrap {
		position: fixed;
		left: -210%;
		right: 0;
		top: 0;
		margin: auto;
		background: var(--primary);
		height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center !important;
		flex-flow: column;
		transition: all 0.4s ease;
		z-index: 3;
		width: 100vw
	}

	ul.menu li {
		display: block
	}

	ul.menu li a {
		padding: 12px 0;
		display: block;
		text-align: center;
		color: #fff;
		font-size: 1.125rem;
	}

	.menuWrap .menu {
		display: block;
	}

	header .themeBtn {
		background: var(--black) !important;
		padding: 16px 3em !important;

	}

	.bannerContent h1 {
		font-size: 3rem;
	}

	.bannerContent p {
		margin: 1.5rem 0;
	}

	.mainBanner {
		height: 700px;
	}

	.collabratingSec {
		padding: 4rem 0;
	}

	.serviceContent h4 {
		margin-bottom: 10px;
	}

	.serviceContent p {
		font-size: 1rem;
		width: 100%;
	}

	.serviceContent {
		padding: 0 1rem 1rem 1rem;
	}

	footer h2 {
		font-size: 1.5rem;
	}

	.copyRight {
		padding: 1rem 0;
		margin-top: 2rem;
	}

	.faqSec #accordion .card .card-body {
		padding-right: 0;
	}

	.faqSec {
		padding: 5rem 0;
	}

	.faqSec div#accordion {
		width: 100%;
	}

	.leaderSec .row+.row {
		margin-top: 4rem;
	}

	.boardContent p {
		width: 100%;
		font-size: 1.25rem;
	}

	.boardContent h2 {
		margin-bottom: 1.5rem;
	}

	.boardSect {
		padding: 4rem 0;
	}

	.memberDetail p {
		margin-top: 10px;
	}

	.memberDetail span {
		margin-top: 10px;
	}

	.memberWraps {
		flex-direction: column;
		gap: 1rem;
	}

	.memberWraps figure {
		width: auto;
	}

	.memberSec .row+.row {
		margin-top: 2rem;
	}

	.memberSec {
		padding: 5rem 0;
	}

	.togetherContent p {
		width: 100%;
		font-size: 1.25rem;
	}

	.togetterSec {
		padding: 8rem 0;
	}

	.eventContent p {
		width: 100%;
		font-size: 1.25rem;
	}

	.eventInner {
		padding: 4rem 0;
	}

	.eventText h2 {
		font-size: 1.5rem;
	}

}

@media (max-width: 767.98px) {
	html {
		font-size: 12px;
	}

	.mainBanner {
		height: 600px;
	}

	.bannerContent p br {
		display: none;
	}

	.main-header {
		padding: 2rem 0;
	}

	.collabratingContent {
		margin-bottom: 1rem;
	}

	.aboutContent {
		margin-top: 1rem;
	}

	.serviceHeading p {
		width: 100%;
		margin: 1rem 0;
	}

	.featuredContent p {
		width: 100%;
		margin-top: 1rem;
	}

	.donationSec {
		padding: 4rem 0;
	}

	.donationContent {
		margin-bottom: 1rem;
	}

	footer h2 br {
		display: none;
	}

	footer h2 {
		letter-spacing: 0;
		font-size: 1.75rem;
		margin-top: 2rem;
	}

	.footLogo p {
		width: 100%;
		font-size: 1.125rem;
		margin: 1rem 0 0 0;
	}

	.contactInfo ul,
	.footLinks ul {
		margin-top: 1rem;
	}

	footer {
		padding-top: 2rem;
	}

	.newsletter {
		text-align: left;
	}

	.newsletter p {
		margin: 1rem 0;
	}

	.newsForm input {
		height: 40px;
	}

	.newsForm {
		align-items: baseline;
	}

	.newsletter span {
		margin-top: 1rem;
		font-size: 1.125rem;
	}

	.aboutBanner {
		height: 400px;
	}

	.leaderContent.ml-4 {
		margin: 1rem 0 0 0 !important;
	}

	.leaderContent p {
		width: 100%;
	}

	.leaderSec .row+.row {
		margin-top: 2rem;
	}

	.leaderContent.leaderContent2 {
		margin-top: 1rem;
	}

	.leaderSec {
		padding: 4rem 0;
	}

	.memberImage {
		margin-bottom: 1rem;
	}

	.memberDetail span {
		font-size: 1.25rem;
	}

	.togetherContent p {
		margin-top: 1rem;
	}

	.eventText ul li {
		font-size: 1rem;
	}

	.eventText a {
		font-size: 1.125rem;
	}

	.eventCard {
		margin-bottom: 1rem;
	}

	.eventInner {
		padding: 3rem 0 2rem 0;
	}

	.contactInner {
		padding: 4rem 0;
	}

	.contactText p {
		margin-bottom: 1rem;
	}

	.contactText {
		margin-bottom: 1rem;
	}

	.mapSec iframe {
		height: 350px;
	}

}

@media (max-width: 575.98px) {

	.bannerContent h1 {
		font-size: 2.25rem;
	}

	.bannerContent h1 br {
		display: none;
	}

	.mainBanner {
		height: 450px;
	}

	.themeBtn1 {
		padding: 1.25rem 3em;
	}

	.menu-Bar {
		right: 1.2rem;
	}

	.secHeading {
		font-size: 2rem;
	}

	.serviceContent p {
		font-size: 1.125rem;
	}

	.featuredSec {
		padding: 3rem 0;
	}

	footer h2 {
		font-size: 1.5rem;
	}

	.aboutBanner h2 {
		font-size: 3rem;
		margin: 5rem auto 0;
	}

	.aboutInner {
		padding: 3rem 0;
	}

	.faqSec {
		padding: 4rem 0;
	}

	.faqSec #accordion .card .card-body p {
		margin-top: 10px;
	}

	.memberSec {
		padding: 3rem 0;
	}

	.togetterSec {
		padding: 5rem 0;
	}

	.memberSec .row+.row {
		margin-top: 0rem;
	}

}

@media (max-width: 320.98px) {}