/* Min Width Media Queries */
@media (min-width: 1700px){
	.services-row:nth-child(3):after{right: -7%;}
}
@media (min-width: 1500px){
	.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1400px; }

	.structure-left img.structure1{    left: 15%;}
	.objectivessec:after{right: 5%;}
	.btn, .common-btn{    padding: 10px 52px;}
	.stakeholders-wrap .stakeholders-box{    padding: 30px 95px;}

	
}

/* Max Width Media Queries */
@media screen and (max-width: 1400px) {
	h1, .h1{font-size: 60px;}
	h2, .h2{font-size: 45px;}
	h3, .h3{font-size: 30px;}
	h4, .h4{font-size: 19px;}
	h5, .h5{font-size: 18px;}
	h6, .h6{font-size: 17px;}

	.homebanner .banner-txt p {font-size: 25px;}
	.mission .mission-txt {width: 100%; } 
	.footercls .footer-links{padding-right: 0px;}

	p{font-size: 16px;}

	.structure-left img.structure1{    left: -4%;top: 9%;}

	.services-row .servicessec-right h2 {margin-bottom: 10px;}
	.services-row .servicessec-right .btn {margin-top: 10px;}
}

@media screen and (max-width: 1280px) {
	h1, .h1{font-size: 55px;}
	h2, .h2{font-size: 42px;}
	h3, .h3{font-size: 28px;}
	h4, .h4{font-size: 18px;}
	h5, .h5{font-size: 17px;}
	h6, .h6{font-size: 16px;}
	
	header.header nav.navbar li.nav-item {margin: 0 5px;}
	header.header nav.navbar a.btn.common-btn {margin-left: 0;}
	.mission-box .mission-txt h4 {min-height: 45px;}
	.homebanner .banner-txt p {font-size: 22px;}

	#innerpagesamebanner .head {width: 80%; } 
}
@media screen and (max-width: 1180px) {
	h1, .h1{font-size: 50px;}
	h2, .h2{font-size: 40px;}
	h3, .h3{font-size: 27px;}
	h4, .h4{font-size: 18px;}
	#charitable-donation-form {max-width: 90%;}
}
@media screen and (max-width: 1000px) {
	.mission-box .mission-txt h4 {min-height: auto;}
	
	header.header * {/* position: unset; */}
	header.header #navbarSupportedContent{
		position: absolute;
		z-index: 999;
		background: #f9f9f9;
		width: 100%;
		padding: 15px;
		left: 0;
		top: 79px;
		height: calc( 100vh - 90px);
		overflow-y: auto;
		} 
    header.header #navbarSupportedContent .rightmenu-iconstmenu {padding-bottom: 50px;}
	.navbar-light .navbar-brand img {width: 60%;}
	.navbar-light .navbar-brand{padding: 0;}
	.navbar-light .navbar-toggler{/*position: fixed;
    top:20px;
    z-index: 9999;
    right: 20px;
    width: 40px;
    height: 40px;transition: none;*/}
	header.header #navbarSupportedContent .rightmenu-icons {margin-top: 10px; } 
	.navbar-light  button.navbar-toggler.collapsed {position: relative; top: 5px; right: 0;} 
	header.header #navbarSupportedContent.show { /*right: -15px;*/ }
	body.openmenu {position: relative; overflow: hidden;-webkit-transition: all .5s ease 0s;
	    -moz-transition: all .5s ease 0s;
	    -o-transition: all .5s ease 0s;
	    transition: all .5s ease 0s; } 
	body.openmenu:after {content: ''; background: rgb(58 71 123 / 58%); width: 100%; height: 100%; 
	position: absolute; left: 0; top: 0; z-index: 11; }
	header.header #navbarSupportedContent ul.navbar-nav {padding-top: 40px;}
	body.overflow-hidden header {background: #f9f9f9;}
	header.header .col-12 {padding: 0;}
	header.header .container {max-width: 100%;}
	header.header nav.navbar.navbar-light{padding: 10px;}
	header.header.fixed #navbarSupportedContent {top: 55px;    height: calc( 100vh - 50px);}
	header.header nav.navbar li.nav-item {border-bottom: 1px dotted #3a477b;}

	h1, .h1{font-size: 45px;}
	h2, .h2{font-size: 38px;}
	h3, .h3{font-size: 26px;}

	.homebanner .banner-txt p {font-size: 20px;}

	.footercls .footerleft .footertopleft{flex-wrap: wrap;}
	.footercls .footer-links {margin-top: 15px;}
	.footercls .footerleft .footertopleft .footer-logo {width: 100%;}
	footer.footercls .pl-0, footer.footercls .pr-0 {padding: 0 15px !important;}
	.footercls .footerright {margin-top: 25px;}
	.footercls .copyrightrow p{text-align: center;}

	.joinussec .joinuus-left ul{margin-top: 0px;}

	#innerpagesamebanner .head {width: 100%; } 
	.structure-left img.structure1, .structure-left img.structure2{display: none;} 
	.structure-left .structure-img{display: block;border-radius: unset;width: 100%;} 
	.objectivesblocks .col-sm-12 {margin-bottom: 30px;}
	.structure-left{height: auto;margin-bottom: 35px;}
	.programwrap .program-left img{    width: 50%; float: none; margin: 0 auto; display: block;} 
	.programwrap .program-right{    margin-left: 0;}

	.teamsec-row .teamsec-left img{width: 100%;}
	.services-row .servicessec-right{margin-top: 25px;}
}
@media screen and (max-width: 767px) {
	h1, .h1{font-size: 35px;}
	h2, .h2{font-size: 30px;}
	h3, .h3{font-size: 24px;}
	.btn, .common-btn{    border-radius: 8px;padding: 9px 31px;    font-size: 16px;}
	
	.homebanner{padding: 55px 0;}
	.homebanner .banner-txt p {font-size: 18px;}

	.footercls .footer-links ul, .footercls .footerbottom{justify-content: center;}
	.footercls .footerleft .footertopleft .footer-logo, .footercls .footerright{text-align: center;}
	
	.mission {padding: 30px 0 60px;}
	.missionblocks {margin-top: 30px;}

	.joinussec {padding: 40px 0 40px;}

	.stakeholders-wrap{    width: 100%;-ms-flex: 0 0 100%;    flex: 0 0 100%;max-width: 100%;}
	.programwrap .program-left img{width: 100%;}
	.mission:after{bottom: 30px;top: auto;}

	.teamsec-row .teamsec-left img{width: 300px;height: 300px;margin: 0 auto;display: block;}
	.teamsec-row .teamsec-right {margin-top: 30px;text-align: center;}
	.teamsec {padding: 30px 0 30px;}
	.teamsec-row .teamsec-right h2 {margin-bottom: 15px;}
	.teamsec-row {margin: 20px 0;}


	.services-row:nth-child(3):after{right: 0;}
	.servicessec{padding: 10px 0px;}

	#charitable-user-fields {display: block;}
	#charitable-user-fields .charitable-form-field {width: 100%; margin-right: 0;}

	.charitable-login-form {max-width: 100%;}
	.campaign-donation-receipt .post-inner.thin {max-width: 100%;}
}
@media screen and (max-width: 580px) {
	header.header .topbar .header-icons ul{justify-content: center;}
	header.header .topbar .header-call a{text-align: center;}
	header.header .topbar .header-call {margin-top: 10px;}

	.homebanner .banner-txt p {font-size: 16px;}
	.goal-box{padding: 20px 20px;}
	.goalsslider .swiper-pagination{margin-top: 30px;}
	.goal-right output{font-size: 30px;}
	.stakeholders-wrap .stakeholders-box{padding: 20px 25px;}

}
@media screen and (max-width: 480px) {
	p{font-size: 14px;}
	.head .borderline:before{width: 70px;}
	.head .borderline{width: 80%;}
	.head {margin-bottom: 20px;}
	.homebanner .banner-txt p{margin-bottom: 25px;}
	.homebanner{padding: 40px 0;}


	.footercls .copyrightrow p{font-size: 14px;}

	h1, .h1{font-size: 32px;}
	h2, .h2{font-size: 28px;}
	h3, .h3{font-size: 21px;}

	.joinussec .joinuus-left ul li a{flex-wrap: wrap;    font-size: 16px;}
	.joinussec .joinuus-left ul li span{width: 55px;    height: 55px;margin-right: 10px;}
    .joinussec .joinuus-left span i {font-size: 25px;}
    .joinussec .joinuus-left ul li {margin-bottom: 20px;}
	.joinussec .joinuus-right form .common-btn{padding: 10px 50px; }
	.joinussec .joinuus-left ul{margin-bottom: 40px;}

	.footercls .footer-links ul li a, .footercls .footerbottom ul.contactinfo li a, .footercls .footerright p{font-size: 14px;}
	.footercls .footerbottom .callicon span{width: 55px;height: 55px;margin-right: 10px;}
	.footercls .footer-links ul li{    margin-right: 15px;}
	.footercls .footer-links ul li:after{right: -11px;}


	.teamsec-row .teamsec-left img{width: 250px;height: 250px;}
	.innerpagebanner{padding: 45px 0;}
}