/* large desktop :2160px. */
@media (min-width: 2160px) and (max-width: 3840px) {}


/* large desktop :2001px. */
@media (min-width: 2001px) and (max-width: 2159px) {}

/* large desktop :1400px. */
@media (min-width: 1401px) and (max-width: 2000px) {}


/* desktop 1200px to 1600px */
@media (min-width: 1200px) and (max-width: 1400px) {


	.stellarnav ul {
		gap: 40px;
		justify-content: end;
	}

	.navigation .stellarnav ul>li>a {
		font-size: 20px;
	}

	.banner-header-part h1 {
		font-size: 40px;
		line-height: 50px;
		padding: 6px 20px;
		width: 55%;
	}

	.banner-header-part h2 {
		font-size: 50px;
		line-height: 60px;
	}

	.banner-img-part {
		margin: 0px;
		padding: 0px;
	}

	.about-section-left h2 {
		font-size: 50px;
		line-height: 60px;
	}


	.about-section-right h2 {
		font-size: 50px;
		line-height: 60px;
	}


	.information-section h3 {
		font-size: 25px;
		line-height: 35px;
		height: 70px
	}


	.information-section h4 {
		font-size: 24px;
	}


	.information-section-box1,
	.information-section-box2,
	.information-section-box3 {
		height: 100%;
	}


	.initiatives-section h2 {
		font-size: 50px;
		line-height: 60px;
	}


	.initiatives-row-text h4 {
		font-size: 26px;
		line-height: 36px;
	}


	.lets-connect-inner {
		margin: 0% 5% 0% 9%;
		padding: 0px 50px;
	}


	.lets-connect-inner-right h2 {
		font-size: 40px;
		line-height: 45px;
	}

	.fillfrm-icon {
		left: 4%;
		z-index: 99;
		top: 44px;
	}


	.footer-top {
		background-color: #fff;
		padding: 40px 0px;
		margin: 0px;
	}


	.newsletter .newsletter-form .button .btn {
		width: 100px;
		font-size: 14px;
	}


}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {


	.custom-container {
		padding: 0px 20px;
	}


	.stellarnav ul {
		gap: 30px;
		justify-content: center;
	}

	.navigation .stellarnav ul>li>a {
		font-size: 16px;
	}

	.banner-header-part h1 {
		font-size: 40px;
		line-height: 50px;
		padding: 6px 20px;
		width: 55%;
	}

	.banner-header-part h2 {
		font-size: 50px;
		line-height: 60px;
	}

	.banner-img-part {
		margin: 0px;
		padding: 0px;
	}

	.about-section-left h2 {
		font-size: 50px;
		line-height: 60px;
	}


	.about-section-right h2 {
		font-size: 50px;
		line-height: 60px;
	}


	.information-section h3 {
		font-size: 25px;
		line-height: 35px;
		height: 70px
	}


	.information-section h4 {
		font-size: 24px;
	}


	.information-section-box1,
	.information-section-box2,
	.information-section-box3 {
		height: 100%;
	}


	.initiatives-section h2 {
		font-size: 50px;
		line-height: 60px;
	}


	.initiatives-row-text h4 {
		font-size: 26px;
		line-height: 36px;
	}


	.lets-connect-inner {
		margin: 0% 5% 0% 9%;
		padding: 0px 50px;
	}


	.lets-connect-inner-right h2 {
		font-size: 40px;
		line-height: 45px;
	}

	.fillfrm-icon {
		left: 4%;
		z-index: 99;
		top: 44px;
	}


	.footer-top {
		background-color: #fff;
		padding: 40px 0px;
		margin: 0px;
	}


	.newsletter .newsletter-form .button .btn {
		width: 100px;
		font-size: 14px;
	}


}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {


	.stellarnav>ul>li>a:hover {
		color: #20A1FF !important;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15) !important;
	}

	.stellarnav>ul>li>a.active {
		color: #20A1FF !important;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15) !important;
	}

	.main-nav.scroll {
		height: auto;
		padding: 5px 0px;
	}

	.stellarnav ul {
		margin: 0px 0px 0px 0px;
	}

	.navigation .stellarnav ul>li {
		padding: 8px;
		margin: 0 0;
		width: 100%;
	}

	.navigation .stellarnav ul>li>a {
		font-size: 15px;
		color: #000000;
		padding: 12px 7px;
	}

	.navigation .stellarnav ul>li>a:hover {
		color: #fff !important;
	}

	.navigation .stellarnav ul>li>a.active {
		color: #fff !important;
	}

	.navigation .stellarnav {
		width: auto;
		font-size: 0px;
	}

	.header .logo {
		width: 100%;
		padding: 0px 12px;
	}

	.stellarnav {
		justify-content: end;
		align-items: center;
	}

	.menu-toggle {
		display: block !important;
		text-align: center;
	}

	.stellarnav .menu-toggle span.bars {
		top: 0px;
	}

	.stellarnav .menu-toggle {
		padding: 6px;
		text-align: right;
	}

	.stellarnav .menu-toggle span.bars span {
		width: 35px;
		height: 4px;
		margin: 0 0 4px;
		background: #FBB730 !important;
	}

	.stellarnav.mobile.right>ul {
		z-index: 999;
		background: #FBB730;
	}

	.main-nav .stellarnav ul ul {
		width: 100%;
		background: #d8e5ee;
		padding: 12px 6px;
	}

	.stellarnav>ul>li>a:hover {
		color: #000;
	}

	.stellarnav>ul>li>a.active {
		color: #20A1FF !important;
	}

	.stellarnav .icon-close::after {
		border-bottom: solid 3px #f82424;
	}

	.stellarnav .icon-close::before {
		border-bottom: solid 3px #f82424;
	}

	.stellarnav a.dd-toggle .icon-plus::after {
		border-bottom: solid 3px #fff;
	}

	.stellarnav a.dd-toggle .icon-plus::before {
		border-bottom: solid 3px #fff;
	}

	.stellarnav.mobile li a {
		color: #fff;
		border-bottom: 1px solid #ccc;
	}

	.stellarnav .menu-toggle span.bars {
		top: 2px !important;
	}


	/*=======================custom-css===================================================*/

	/*=======================custom-css====================================================*/


	.custom-container {
		padding: 0px 20px;
	}


	.header {
		position: relative;
		padding: 5px 0px;
	}

	.header.sticky {
		position: relative;
	}

	.header .header-wrap {
		align-items: center;
		flex-wrap: wrap;
	}


	.right-part {
		gap: 0;
		margin: 15px 0px;
	}


	.donate-now-butn {
		width: 100%;
	}

	.cumn-butn-body {
		font-size: 14px;
		line-height: 14px;
		border-radius: 20px;
		padding: 12px 12px;
	}

	.social-icon ul li img {
		width: 65px;
	}


	.banner {
		padding: 20px 0px 0px;

	}

	.banner-header-part {
		padding: 0px;
		margin: 0px;
		text-align: center;
	}

	.banner-header-part h1 {
		font-size: 30px;
		line-height: 35px;
		padding: 9px 10px;
		width: 55%;
		margin-bottom: 15px;
	}


	.banner-header-part h2 {
		font-size: 34px;
		line-height: 35px;
		margin: 5px 0px 30px 0px;
	}

	.about-section {
		padding: 20px 0px;
	}


	.about-section-left {
		padding: 0px;
		margin: 0px;
	}

	.about-section-left h2 {
		font-size: 30px;
		line-height: 40px;
		margin: 0px 0px 10px 0px;
	}


	.about-section-left p {
		font-size: 14px;
		line-height: 24px;
	}


	.about-section-right h2 {
		font-size: 30px;
		line-height: 40px;
		margin: 0px 0px 10px 0px;
	}

	.about-section-right ul li {
		font-size: 14px;
		line-height: 24px;
	}


	.about-section-right-imgbox {

		border-radius: 20px;
		padding: 10px 10px;
		margin: 20px 0px 0px;
	}


	.information-section {
		padding: 20px 0px;
		margin: 0px;
	}


	.information-section-box1,
	.information-section-box2,
	.information-section-box3 {

		padding: 20px 20px;

		height: 100%;
		margin: 0px 0px 10px 0px;
	}


	.information-section h3 {
		font-size: 22px;
		line-height: 32px;
		height: 60px;
	}


	.information-section h4 {
		font-size: 22px;
		line-height: 32px;
	}


	.information-section p {
		font-size: 16px;
		line-height: 26px;
		margin: 10px 0px;
	}


	.information-section ul li {
		font-size: 14px;
		line-height: 20px;
	}


	.initiatives-section {
		padding: 20px 0px;
	}


	.initiatives-section h2 {
		font-size: 30px;
		line-height: 40px;
		margin: 0px 0px 30px 0px;
	}

	.initiatives-row-img {
		padding: 0px;
		margin: 0px 0px 20px 0px;
	}


	.initiatives-row-text h4 {
		font-size: 20px;
		line-height: 30px;
		margin: 0px 0px 10px 0px;
	}


	.initiatives-row-text ul li {
		font-size: 16px;
		line-height: 26px;
		margin: 0px 0px 15px 0px;
	}


	.initiatives-row-text {
		padding: 0px;
		margin: 0px 0px 30px 0px;
	}

	.contact-section {
		padding: 100px 0px 40px;
		background-size: cover;
		height: auto;
	}


	.lets-connect-inner {
		padding: 0px 20px;
		border-radius: 20px;
		margin: 0px;
		min-height: auto;
	}


	.contact-page-section-left {
		border-bottom: 1px solid #E9E9E9;
		padding: 55px 0px 10px 0px;
		border-right: none;
	}

	.contact-page-section-left p {
		font-size: 14px;
	}


	.lets-connect-inner-right {
		padding: 5% 2% 11% 2%;
	}


	.lets-connect-inner-right h2 {
		font-size: 30px;
		line-height: 40px;
		margin: 0px 0px 10px 0px;
	}


	.lets-connect-inner-right p {
		font-size: 16px;
		line-height: 26px;
		padding: 0px;
		margin: 0px;
	}


	.footer-top {
		padding: 20px 0px;
	}


	.footer-logo {
		margin: 0px 0px 20px 0px;
	}

	.social-icon {
		padding: 0px;
		margin: 0px 0px 20px 0px;
	}


	.newsletter {
		padding: 5% 0% 0% 0%;
	}


	.newsletter p {
		font-size: 14px;
		line-height: 24px;
		margin: 0px 0px 15px 0px;
	}

	.newsletter .newsletter-form .button .btn {
		font-size: 14px;
		width: 100px;
	}

	.footer-links {
		padding: 20px 0px 0px 0px;
	}

	.footer-links p {
		margin: 0px 0px 10px 24px;
		font-size: 14px;
		line-height: 24px;
	}


	.footer-bottom p {
		font-size: 11px;
		line-height: 22px;
	}


	.footer-bottom-left {
		text-align: left;
	}

	.footer-bottom-right {
		text-align: right;
	}


	.footer-bottom {
		padding: 10px 0px;
	}


	.fillfrm-icon {
		position: absolute;
		left: 1%;
		z-index: 99;
		top: 25px;
	}


	/*=======================custom-css====================================================*/


}


/* Tablet desktop :320px. */
@media (min-width: 320px) and (max-width: 767px) {


	.stellarnav>ul>li>a:hover {
		color: #20A1FF !important;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15) !important;
	}

	.stellarnav>ul>li>a.active {
		color: #20A1FF !important;
		border-bottom: 1px solid rgba(210, 176, 176, 0.15) !important;
	}

	.main-nav.scroll {
		height: auto;
		padding: 5px 0px;
	}

	.stellarnav ul {
		margin: 0px 0px 0px 0px;
	}

	.navigation .stellarnav ul>li {
		padding: 8px;
		margin: 0 0;
		width: 100%;
	}

	.navigation .stellarnav ul>li>a {
		font-size: 15px;
		color: #000000;
		padding: 12px 7px;
	}

	.navigation .stellarnav ul>li>a:hover {
		color: #fff !important;
	}

	.navigation .stellarnav ul>li>a.active {
		color: #fff !important;
	}

	.navigation .stellarnav {
		width: auto;
		font-size: 0px;
	}

	.header .logo {
		width: 90%;
		padding: 0px 4px;
	}

	.stellarnav {
		justify-content: end;
		align-items: center;
	}

	.menu-toggle {
		display: block !important;
		text-align: center;
	}

	.stellarnav .menu-toggle span.bars {
		top: 0px;
	}

	.stellarnav .menu-toggle {
		padding: 6px;
		text-align: right;
	}

	.stellarnav .menu-toggle span.bars span {
		width: 35px;
		height: 4px;
		margin: 0 0 4px;
		background: #FBB730 !important;
	}

	.stellarnav.mobile.right>ul {
		z-index: 999;
		background: #FBB730;
	}

	.main-nav .stellarnav ul ul {
		width: 100%;
		background: #d8e5ee;
		padding: 12px 6px;
	}

	.stellarnav>ul>li>a:hover {
		color: #000;
	}

	.stellarnav>ul>li>a.active {
		color: #20A1FF !important;
	}

	.stellarnav .icon-close::after {
		border-bottom: solid 3px #f82424;
	}

	.stellarnav .icon-close::before {
		border-bottom: solid 3px #f82424;
	}

	.stellarnav a.dd-toggle .icon-plus::after {
		border-bottom: solid 3px #fff;
	}

	.stellarnav a.dd-toggle .icon-plus::before {
		border-bottom: solid 3px #fff;
	}

	.stellarnav.mobile li a {
		color: #fff;
		border-bottom: 1px solid #ccc;
	}

	.stellarnav .menu-toggle span.bars {
		top: 2px !important;

	}


	/*=======================custom-css====================================================*/


	.custom-container {
		padding: 0px 20px;
	}


	.header {
		position: relative;
		padding: 5px 0px;
	}

	.header.sticky {
		position: relative;
	}

	.header .header-wrap {
		align-items: center;
		flex-wrap: wrap;
	}


	.right-part {
		gap: 0;
		margin: 15px 0px;
	}


	.donate-now-butn {
		width: 100%;
	}

	.cumn-butn-body {
		font-size: 14px;
		line-height: 14px;
		border-radius: 20px;
		padding: 12px 12px;
	}

	.social-icon ul li img {
		width: 65px;
	}


	.banner {
		padding: 20px 0px 0px;

	}

	.banner-header-part {
		padding: 0px;
		margin: 0px;
		text-align: center;
	}

	.banner-header-part h1 {
		font-size: 30px;
		line-height: 35px;
		padding: 6px 0px;
		width: 100%;
		margin-bottom: 15px;
	}


	.banner-header-part h2 {
		font-size: 25px;
		line-height: 35px;
		margin: 5px 0px;
	}


	.about-section {
		padding: 20px 0px;
	}


	.about-section-left {
		padding: 0px;
		margin: 0px;
	}

	.about-section-left h2 {
		font-size: 25px;
		line-height: 35px;
		margin: 0px 0px 10px 0px;
	}


	.about-section-left p {
		font-size: 14px;
		line-height: 24px;
	}


	.about-section-right h2 {
		font-size: 25px;
		line-height: 35px;
		margin: 0px 0px 10px 0px;
	}


	.about-section-right ul li {
		font-size: 14px;
		line-height: 24px;
	}


	.about-section-right-imgbox {

		border-radius: 20px;
		padding: 10px 10px;
		margin: 20px 0px 0px;
	}


	.information-section {
		padding: 20px 0px;
		margin: 0px;
	}


	.information-section-box1,
	.information-section-box2,
	.information-section-box3 {

		padding: 20px 20px;
		border-radius: 20px;
		height: auto;
		margin: 0px 0px 10px 0px;
	}


	.information-section h3 {
		font-size: 25px;
		line-height: 35px;
		height: auto;
	}


	.information-section h4 {
		font-size: 22px;
		line-height: 32px;
	}


	.information-section p {
		font-size: 16px;
		line-height: 26px;
		margin: 10px 0px;
	}


	.information-section ul li {
		font-size: 14px;
		line-height: 20px;
	}


	.initiatives-section {
		padding: 20px 0px;
	}


	.initiatives-section h2 {
		font-size: 25px;
		line-height: 35px;
		margin: 0px 0px 25px 0px;
	}


	.initiatives-row-img {
		padding: 0px;
		margin: 0px 0px 20px 0px;
	}


	.initiatives-row-text h4 {
		font-size: 20px;
		line-height: 30px;
		margin: 0px 0px 10px 0px;
	}


	.initiatives-row-text ul li {
		font-size: 16px;
		line-height: 26px;
		margin: 0px 0px 15px 0px;
	}


	.initiatives-row-text {
		padding: 0px;
		margin: 0px 0px 30px 0px;
	}

	.contact-section {
		padding: 100px 0px 40px;
		background-size: cover;
		height: auto;
	}


	.lets-connect-inner {
		padding: 0px 20px;
		border-radius: 20px;
		margin: 0px;
		min-height: auto;
	}


	.contact-page-section-left {
		border-bottom: 1px solid #E9E9E9;
		padding: 55px 0px 10px 0px;
		border-right: none;
	}

	.contact-page-section-left p {
		font-size: 14px;
	}


	.lets-connect-inner-right {
		padding: 5% 2% 11% 2%;
	}


	.lets-connect-inner-right h2 {
		font-size: 30px;
		line-height: 40px;
		margin: 0px 0px 10px 0px;
	}


	.lets-connect-inner-right p {
		font-size: 16px;
		line-height: 26px;
		padding: 0px;
		margin: 0px;
	}


	.footer-top {
		padding: 20px 0px;
	}


	.footer-logo {
		margin: 0px 0px 20px 0px;
	}

	.social-icon {
		padding: 0px;
		margin: 0px 0px 20px 0px;
	}


	.newsletter {
		padding: 5% 0% 0% 0%;
	}


	.newsletter p {
		font-size: 14px;
		line-height: 24px;
		margin: 0px 0px 15px 0px;
	}

	.newsletter .newsletter-form .button .btn {
		font-size: 14px;
		width: 100px;
	}

	.footer-links {
		padding: 20px 0px 0px 0px;
	}

	.footer-links p {
		margin: 0px 0px 10px 24px;
		font-size: 14px;
		line-height: 24px;
	}


	.footer-bottom p {
		font-size: 11px;
		line-height: 22px;
	}


	.footer-bottom-left {
		text-align: center;
	}

	.footer-bottom-right {
		text-align: center;
	}


	.footer-bottom {
		padding: 10px 0px;
	}


	/*=======================custom-css====================================================*/


}