@media only screen and (max-width: 3000px) and (min-width: 2500.98px) {
	.container {
		max-width: 1600px;
	}


}

@media only screen and (max-width: 2500px) and (min-width: 1921px) {
	.container {
		max-width: 1600px;
	}


}


@media only screen and (max-width: 1920px) and (min-width: 1700px) {
	.container {
		max-width: 1600px;
	}
}

@media only screen and (max-width: 1699.98px) and (min-width: 1600px) {
	.container {
		max-width: 1500px;
	}

	header {

		padding: 1.5rem 1.5rem 1.4rem 2.5rem;
	}

	.navbar-nav {
		gap: 1.9rem;
	}

	.section-3 .content-box,
	.section-1 .content-box {
		height: 432px;
	}

	.section-4 .content-right {
		padding: 1rem 0rem 1rem 18rem;
	}
}

@media only screen and (max-width: 1600px) {
	header {
		padding: 1.5rem 1.5rem 1.4rem 1.5rem;
	}

	.navbar-nav {
		gap: 1.7rem;
	}

	.main-slider h1 {
		font-size: 6.4rem;
	}

	.main-slider .txtoverlay {
		font-size: 3.6rem;
	}

	.main-slider p {
		width: 90%;
	}

	.main-slider {
		height: 700px;
	}

	.section-1 .content-box {
		height: -webkit-fill-available;
	}

	.section-2 .content h2 {
		font-size: 3.2rem;
	}

	.section-2 .content p {
		width: 100%;

	}

	.section-2 .content ul li p {
		padding-left: 1.8rem;
		width: 100%;
	}

	.who-we-img {
		display: flex;
		height: 100%;
		align-items: center;
	}

	.section-4 .content-box .ul-style {

		gap: 1.3rem 1.7rem;
	}

	.section-4 .content-right {
		padding: 1rem 0rem 1rem 16rem;
	}

	.section-4 .content-right h2 {
		font-size: 1.6rem;
	}

	.section-4 .content-right ul {
		padding: 1rem 0 0 1.5rem;
	}

	.section-4 .content-box h2 {
		font-size: 2rem;
		padding: 0rem 0 1rem;
	}

	.section-4 .content-right span,
	.section-4 .content-box span {
		font-size: 0.9rem;

	}

	.section-4 .content-right p {
		font-size: 0.8rem;
	}

	.section-2 .themeBtn {

		font-size: 1rem;
	}

	.section-4 .themeBtn {

		font-size: 1.025rem;

		padding: 0.8rem 1.9rem;

	}

	.section-4 .content-right ul li::before {
		left: -22px;
		top: 5px;
		width: 18px;
		height: 28px;
	}

	/* .section-4 .content-right:after{
	background: url(../images/right-avail-img-up.png) no-repeat;
}
.section-4 .content-right{
	background: #f0f1f5;
} */

	.section-4 .content-box h4 {
		font-size: 1rem;
	}

	.section-4 .content-box .ul-style p {
		font-size: 0.7rem;
	}

	.section-4 .content-box .ul-style img {
		width: 24px;
	}

	.section-5 .support-card h2 {

		font-size: 1.8rem;

	}

	.section-5 .support-content p {
		font-size: 15px;
	}

	.section-5 .leadership-text {
		margin: 5px 0 18px;
		font-size: 15px;
	}

	.section-5 .support-card h2 {

		font-size: 1.6rem;
	}

	.section-5 .event-info h3 {

		font-size: 9.2px;
	}

	.section-5 .event-date strong {
		font-size: 29px;

	}

	.section-5 .event-info p {
		font-size: 12px;
	}

	.section-7 .content-box p {
		padding: 0.7rem 3px;
		font-size: 0.8rem;
	}

	.section-7 .content-box {

		height: auto;
	}

	.section-7 .head-1 h2 {
		font-size: 1.6rem;
	}

	.section-7 .head-1 a {

		font-size: 0.8rem;
	}

	.section-7 .head-1 span {
		font-size: 1.1rem;

	}

	.section-8 .head-1 h2 {
		font-size: 2.5rem;

	}

	.section-8 .content-box p {
		font-size: 1rem;

	}

	.section-9 .head-1 h2 {
		font-size: 2.3rem;

	}

	.footer-column h3 {

		font-size: 24px;

	}

	.about-banner {
		background-size: cover;
		padding: 12.7rem 0;
	}

	.section-update-1 h2 {
		font-size: 4rem;
	}

	.team-banner {
		padding: 12.7rem 0;
	}

	.section-update-2 .content-box .content h3 {
		font-size: 1.4rem;
	}

	.services-banner {

		padding: 12.7rem 0;
	}

	.section-update-5 .content {
		padding-left: 0rem;
	}

	.section-update-5 .content p {
		width: 100%;
	}

	.support-banner h1 {
		font-size: 3.9rem;
	}

	.section-update-4 .content p {
		width: 98%;
	}

	.contact-banner {
		padding: 13.7rem 0;
	}

}

@media only screen and (max-width: 1445px) {
	.navbar-nav .nav-item .nav-link {
		font-size: 1.1rem;
	}

	.section-6 .testimonial-avatar-left {
		left: -30%;
	}

	.section-6 .testimonial-avatar-right {
		right: -30%;
	}

	.section-update-1 .content p {
		width: 90%;
		font-size: 1.1rem;
	}
}

@media only screen and (max-width: 1366px) {
	html {
		font-size: 15px;
	}

	.navbar-nav .nav-item .nav-link {
		font-size: 1rem;
	}

	.navbar-nav {
		gap: 1.5rem;
	}

	header .head-btn .themeBtn:nth-child(1) {

		padding: 0.7rem 1.3rem;
	}

	.section-6 .testimonial-slider-wrap {
		max-width: 725px;
	}

	.section-update-5 .content h3 {
		font-size: 2.7rem;
	}

	.support-banner {
		padding: 12.7rem 0;

	}

	.contact-banner {
		padding: 10.7rem 0;
	}
}

@media (max-width: 1199.98px) {
	html {
		font-size: 14px;
	}

	.head-bar {
		padding: 0rem 3.5rem 0rem 2.5rem;

	}

	header {
		padding: 1.5rem 0rem 1.4rem 0.7rem;
	}

	.navbar-nav {
		gap: 0.6rem;
	}

	header .head-btn .themeBtn:nth-child(1) {

		padding: 0.7rem 0.9rem;
		font-size: 1rem;
	}

	.main-slider .span-1 {
		font-size: 1.5625rem;
	}

	.main-slider h1 {
		font-size: 5.7rem;
	}

	.main-slider .txtoverlay {
		font-size: 3.2rem;
	}

	.main-slider p {
		width: 98%;
	}

	.main-slider {
		height: 600px;
	}

	.section-2 .content h2 {
		font-size: 3rem;
	}

	.section-3 .head-1 h2 {
		font-size: 3rem;
	}

	.section-4 .content-box h2 {
		font-size: 3.2rem;

	}

	.section-4 .content-box h4 {
		font-size: 1.3rem;
	}

	.section-4 .content-box .ul-style p {
		font-size: 1rem;
	}

	.section-4 .content-box .ul-style {
		flex-direction: row;
		gap: 0.7rem 1rem;
	}

	.section-4 .content-box .ul-style ul {
		display: flex;
		align-items: center;
		gap: 1.9rem;
	}

	.section-4 .content-box ul li {
		align-items: center;

	}

	.section-4 .content-right {
		padding: 1rem 0rem 1rem 30rem;
	}

	.section-4 .content-right h2 {
		font-size: 2.7rem;
	}

	.section-4 .content-right span,
	.section-4 .content-box span {
		font-size: 1.2rem;
	}

	.section-4 .content-right p {
		font-size: 1.1rem;
	}

	.section-5 .support-card {

		padding: 12px;
	}

	.section-5 .support-card h2 {
		font-size: 1.3rem;
	}

	.section-5 .card-label {
		margin-bottom: 2px;

		font-size: 0.9rem;
	}

	.section-5 .support-content p {
		font-size: 13px;
	}

	.section-5 .event-link {

		padding: 1px 1px;

		font-size: 10px;
	}

	.section-6 .head-1 h2 {
		font-size: 3.1rem;
	}

	.section-8 .head-1 h2 {
		font-size: 2.2rem;
	}

	.section-9 .head-1 h2 {
		font-size: 1.9rem;
	}

	.section-9 .head-1 span {
		font-size: 1rem;
	}

	.footer-column h3 {
		font-size: 18px;
	}

	.footer-column ul li a {
		font-size: 16px;
	}

	.section-6 .testimonial-slider-wrap {

		max-width: 596px;
	}

	.section-up-4 .head-2 h2 {
		font-size: 2.5rem;

	}

	.section-up-4 .head-2 br {
		display: none;
	}

	.support-banner h1 {
		font-size: 3.5rem;
	}

	.section-update-4 .content h2 {
		font-size: 3.9rem;
	}
}

@media (max-width: 991.98px) {
	html {
		font-size: 13px;
	}

	.section-5 {
		padding: 50px 0;
	}

	.section-5 .support-card {
		margin-bottom: 20px;
	}

	.sticky-image {
		position: static;
	}

	.head-bar .box-1 p {

		font-size: 0.9rem;
	}

	.head-bar {
		padding: 0rem 0.1rem 0rem 0.8rem;
	}

	.main-slider h1 {
		font-size: 5rem;
	}

	.main-slider .txtoverlay {
		font-size: 2.7rem;
	}

	.main-slider {
		height: 545px;
	}

	.section-1 .content-box {

		margin-bottom: 3rem;
	}

	.section-2 .content {
		padding: 1rem 0 3rem;
	}

	.section-4 .content-box .ul-style p {
		font-size: 0.8rem;
	}

	.section-4 .content-box h4 {
		font-size: 1rem;
	}

	.section-4 .content-box .ul-style ul {

		gap: 0.8rem;
	}

	.section-4 .content-right {
		padding: 1rem 0rem 1rem 19rem;
	}


	header .head-btn .themeBtn:nth-child(1) {
		padding: 1rem 1.2rem;
		font-size: 1.2rem;
		margin: 1rem;
	}


	.side-menu {
		position: fixed;
		top: 0;
		left: -280px;
		/* hidden by default */
		width: 280px;
		height: 100%;
		background: var(--white);
		padding-top: 60px;
		transition: 0.4s ease;
		z-index: 9999;
	}

	.side-menu.show {
		left: 0;
		/* slide in */
	}

	.navbar-nav {
		flex-direction: column;
		padding-left: 20px;
		gap: 1rem;
		align-items: start;
		width: 100%;
	}

	.navbar-nav .nav-link {
		color: #fff;
		padding: 10px 0;
		font-size: 1.2rem;
	}

	.section-5 .support-card {
		height: auto;
	}

	.section-5 .support-card h2 {
		font-size: 2.2rem;
	}

	.section-5 .card-label {

		font-size: 1.2rem;
	}

	.section-5 .event-info h3 {
		font-size: 15.2px;
	}

	.section-5 .event-info p {
		font-size: 16px;
	}

	.section-6 .swiper-button-next,
	.swiper-button-prev {
		display: none;
	}

	.section-7 {
		background: #f0f1f5;
	}

	.section-7 .head-1 span {
		font-size: 1.5rem;
	}

	.section-7 .head-1 h2 {
		font-size: 2.1rem;
	}

	.bg-color {
		padding: 3rem 0rem;
	}


	.footer-main {
		grid-template-columns: 1.3fr 1fr 1.3fr;

		row-gap: 35px;
	}

	.footer-brand {
		grid-row: span 2;
	}

	.contact-info {
		grid-column: 2;
	}

	.office-hours {
		grid-column: 3;
	}

	.footer-brand {
		justify-content: start;
	}

	.section-9 .head-1 {
		flex-direction: column;
		align-items: start;
	}

	.section-9 .head-1 img {
		width: 120px;
	}

	.section-9 form input {
		width: 100%;
		font-size: 1.1rem;
	}

	.section-9 form button {
		padding: 0.9rem 3rem;
		border-radius: 10px;

	}

	.section-6 .testimonial-avatar-left {
		left: -12%;
		width: 47px;
	}

	.section-6 .testimonial-avatar-right {
		right: -12%;
		width: 47px;
	}

	.section-update-1 .content {

		padding-bottom: 3rem;
	}

	.section-2 .ul-style {

		padding: 2rem 0;
	}

	.youtub-link .control-btn a {
		width: 80px;
		height: 80px;
	}

	.inner-banner h1 {
		font-size: 4rem;

	}

	.about-banner {

		padding: 11.5rem 0;
	}

	.team-banner {
		background-size: cover;
		padding: 9.7rem 0;
	}

	.section-update-5 .content {

		padding-bottom: 2rem;
	}

	.section-update-4 .content {

		padding-bottom: 2.3rem !important;
		padding-left: 0rem;
	}

	.address-tab {
		margin-bottom: 2rem;
	}
}

@media (max-width: 767.98px) {
	html {
		font-size: 12px;
	}

	.main-slider {
		height: 473px;
	}

	.main-slider h1 {
		font-size: 4.5rem;
	}

	.main-slider .txtoverlay {
		font-size: 2.4rem;
	}

	.homeSlider .swiper-pagination {
		display: none;
	}

	.main-slider p {
		width: 100%;
	}

	.section-3 .content-box,
	.section-1 .content-box {
		height: auto;
	}

	.section-4 .content-box .ul-style ul {
		gap: 1rem;
		flex-direction: column;
	}

	.section-4 .content-box h4 {
		font-size: 1.4rem;
	}

	.section-4 .content-box .ul-style p {
		font-size: 1rem;
	}

	.section-4 .content-right:after {
		display: none;
	}

	.section-4 .content-right {
		padding: 1rem 0rem 1rem 4rem;
		background: #f0f1f5;
		border-radius: 13px;
		margin-top: 2rem;
	}

	.section-6 .testimonial-content {

		padding: 38px 37px 20px;
	}

	.section-6 .testimonial-content p {
		font-size: 17px;
	}

	.section-3 .head-1 h2 {
		font-size: 2.5rem;
	}

	.head-1 {

		padding-bottom: 2rem;
	}

	.section-8 {
		padding: 2rem 0;
	}


	.footer-main {
		display: grid;

		grid-template-columns: 1fr 1fr;

		gap: 35px 25px;
	}

	.footer-brand {
		grid-column: 1 / -1;

		padding-top: 0;

		text-align: center;
	}

	.logo {
		align-items: center;
	}

	.social-icons {
		justify-content: center;
	}

	.footer-column h3 {
		font-size: 16px;
	}

	.contact-info,
	.office-hours {
		grid-column: auto;
	}

	.about-banner {
		padding: 9.5rem 0;
	}

	.section-2 .ul-style h3 {

		font-size: 2.3rem;
	}

	.section-6 .testimonial-avatar-right,
	.section-6 .testimonial-avatar-left {
		display: none;
	}

	.section-youtube {
		padding: 2rem 0;
	}

	.section-update-1 {
		padding: 2rem 0 4rem;
	}

	.services-banner {
		padding: 8.7rem 0;
	}

	.support-banner {
		padding: 8.7rem 0;
	}

	.contact-banner {
		padding: 8.7rem 0;
	}

	.address-tab {

		font-size: 20px;
	}

	.address-tab .tel-icon {
		width: 120px;
		height: 120px;
	}

	.section-tell {
		padding-bottom: 0;
	}

	.contact-map-sec iframe {

		height: 450px;
	}
	
	
	/*-------*/
	 .resources-section {
                padding: 50px 0;
            }

          .resources-section  .resources-heading {
                margin-bottom: 30px;
            }

          .resources-section  .resources-heading h2 {
                font-size: 30px;
            }

          .resources-section  .resources-heading h3 {
                font-size: 22px;
            }

             .resources-section  .resource-tags span {
                font-size: 13px;
                padding: 8px 14px;
            }

             .resources-section  .resource-content {
                padding: 25px 18px;
                margin-bottom: 20px;
            }

              .resources-section .resource-content h3 {
                font-size: 23px;
            }

             .resources-section  .resource-content h4 {
                font-size: 18px;
            }

              .resources-section .resource-content p,
             .resources-section  .resource-list li {
                font-size: 15px;
            }

              .resources-section .resource-table {
                min-width: 800px;
            }

            .resources-section   .resource-table thead th,
            .resources-section   .resource-table tbody td {
                padding: 12px;
                font-size: 14px;
            }
	
}

@media (max-width: 575.98px) {

	.about-banner {
		padding: 6.5rem 0;
	}

	.section-2 .ul-style {

		flex-direction: column;
		gap: 3rem;
	}

	.section-2 .ul-style p {
		width: 100%;
	}

	.section-up-4 .head-2 h2 {
		font-size: 1.9rem;
	}

	.section-update-1 h2 {
		font-size: 3rem;
	}

	.section-update-1 .content p {
		width: 100%;

	}

	.side-menu {

		width: 223px;
	}

	.main-slider .span-1 {
		font-size: 1.3625rem;
	}

	.main-slider h1 {
		font-size: 3.9rem;
	}

	.main-slider .txtoverlay {
		font-size: 2rem;
	}

	.main-slider .head-btn .themeBtn {

		padding: 0.9rem 0.8rem;
	}

	.main-slider .head-btn .themeBtn:nth-child(2),
	.main-slider .head-btn .themeBtn:nth-child(3) {
		background: #0000004a;
		color: var(--white);
	}

	.main-slider {
		height: 417px;
	}

	.section-3 {
		padding: 5rem 2rem;
	}

	.section-3 .head-1 h2 {
		font-size: 2rem;
	}

	.section-4 .content-box h2 {
		font-size: 2.6rem;
	}

	.section-4 .content-right {
		padding: 1rem 0rem 1rem 2rem;
	}

	.section-6 .head-1 h2 {
		font-size: 2.4rem;
	}

	.section-6 {
		padding-top: 1.5rem;
	}

	.team-banner {
		/* background-size: cover; */
		padding: 4.7rem 0;
	}

	.services-banner {
		padding: 5.7rem 0;
	}

	.inner-banner h1 {
		font-size: 2.9rem;
	}

	.section-update-5 .content h3 {
		font-size: 2.1rem;
	}

	.support-banner {
		padding: 6rem 0;
	}

	.section-update-4 {
		padding: 2rem 0;
	}

	.section-update-4 .content h2 {
		font-size: 2.8rem;
	}

	.contact-banner {
		padding: 4.7rem 0;
	}

	.section-update-6 {
		padding: 2rem 0;
	}

	.contact-map-sec iframe {
		height: 346px;
	}
}

@media (max-width: 467.98px) {
	.head-bar {
		display: none;
	}

	.navbar-brand img {
		width: 150px;
	}

	.side-menu {
		width: 202px;
	}

	.main-slider .span-1 {
		font-size: 1.1625rem;
	}

	.main-slider h1 {
		font-size: 3.4rem;
	}

	.main-slider .txtoverlay {
		font-size: 1.7rem;
	}

	.section-4 .content-box h4 {
		font-size: 1.1rem;
	}

	.section-4 .content-box .ul-style p {
		font-size: 0.7rem;
	}

	.section-4 .content-box .ul-style img {
		width: 21px;
	}

	.section-4 .content-box h2 {
		font-size: 2.2rem;
	}

	.section-4 .content-right h2 {
		font-size: 2.2rem;
	}

	.section-7 .head-1 h2 {
		font-size: 1.6rem;
	}

	.section-7 .head-1 span {
		font-size: 1.2rem;
	}

	.footer-main {

		grid-template-columns: 1fr;

	}
}