@media (max-width: 991px) {
	.bg-img-left {
		background-image: none !important;
	}

	.section-image {
		margin-bottom: 40px;
	}

	.home-programes {
		width: 100%;
		border-radius: 0px;
	}

	.hp-content-wrapper {
		max-width: inherit;
		margin-bottom: 40px;
	}

	.lates-post-container {
		width: calc(100% - 22px);
		margin-left: auto;
		position: relative;
	}
	
	.who-img-wrapper {
		background-size: 100% auto;
		background-position: bottom center;
		background-repeat: no-repeat;
		padding-bottom: 27%;
		position: relative;
	}
	
	.hero-about, .hero-career {
		background-position: bottom left;
		background-size: 123% auto;
		padding-bottom: 65%;
		position: relative;
	}
	
	.start-program-wrapper .who-img-wrapper {
		background-position: bottom center;
		padding-bottom: 34%;
	}

	.hero-career {
	    background-image: url(../png/img-career.png);
	}

	.hero-impact {
		background-image: url(../png/img-hero-impact.png);
	}

	.hero-impact,
	.hero-career {
    	background-size: 110% auto;
	}

	.hero-impact::before,
	.hero-career::before {
		content: none;
	    /*top: auto;
	    bottom: -1px;
	    min-height: 400px;
	    background-position: bottom left;
    	background-size: 123% auto;*/
	}
	
	.post-box-ul {
		margin-inline: -15px;
	}
	
	.post-box-ul li {
		width: calc(50% - 33px);
		margin-inline: 15px !important;
		margin-bottom: 30px;
	}
	
	.hero-ps {
		padding-bottom: 57%;
	}
	
	.hero-ps:after {
		width: 100%;
		height: auto;
		padding-bottom: 50%;
		top: inherit;
		bottom: 0px;
		border-radius: 0px;
	}
	
	.res-image {
		align-self: baseline;
		margin-bottom: 15px;
	}
	
	.rar-c1, .rar-c2 {
		display: block;
		width: 100%;
	}
	
	.rar-c2 {
		text-align: center;
		margin-top: 30px;
	}
	
	.rar-c1 .rr-pill-btn-md-red {
		max-width: 100%;
	}
}

@media (max-width: 767px) {
	h1 {
		font-size: 46px;
		line-height: 58px !important;
	}

	h2 {
		font-size: 36px;
		line-height: 48px !important;
	}

	p {
		font-size: 18px;
		line-height: 24px;
	}

	a[class^='rr-pill-btn'], a[class*='rr-pill-btn'], button[class^='rr-pill-btn'], button[class*='rr-pill-btn'] {
		display: block;
		margin-bottom: 20px;
		margin-right: 0px;
	}

	.n-margin {
		margin-inline: -37px;
	}

	.container {
		max-width: calc(100% - 44px);
	}

	.header-logo {
		max-width: 55px;
	}

	.hero {
		padding-top: 98px;
		padding-bottom: 90px;
		background-position: top right;
	}

	.hero h1 {
		font-size: 49px;
		line-height: 55px;
	}

	.hero a {
		display: block;
		margin-bottom: 20px;
	}

	.pic-section {
		padding-top: 69px;
		padding-bottom: 75px;
	}

	.pic-img {
		max-width: 317px;
		width: 100%;
		margin-inline: auto;
		display: block;
	}

	.pic-section p {
		margin-bottom: calc(23px + 1rem);
	}

	.home-mission a[class^='rr-pill-btn-md'], .home-mission a[class*='rr-pill-btn-md'], .about-supporter .rr-pill-btn-md-dark {
		margin-bottom: 60px;
	}

	.home-latest .post-title {
		font-size: 24px;
	}

	.home-impact p {
		margin-bottom: calc(1rem + 23px);
	}

	.home-programes, .home-community, .home-impact {
		padding-top: 69px;
		padding-bottom: 60px;
	}

	.program-box {
		padding: 32px 23px 36px 18px;
		margin-inline: -20px;
		margin-bottom: 20px;
	}

	.program-box .pb-img {
		max-width: inherit;
		max-height: 48px;
		width: auto;
		align-self: start;
	}

	.pb-content {
		max-width: 245px;
	}

	.program-box h3 {
		font-size: 28px;
		line-height: 34px;
	}

	.about-approach, .about-impact {
		padding-top: 69px;
		padding-bottom: 60px;
	}

	.about-impact h3, .about-who h3, .about-approach h3, .about-supporter h3, .current-opening h3, .start-program-wrapper h3 {
		font-size: 30px;
		line-height: 40px;
	}
	
	.impact-stats p {
		font-size: 18px;
		line-height: 28px;
	}
	
	a[class^='rr-pill-btn-md'], a[class*='rr-pill-btn-md'], button[class^='rr-pill-btn-md'], button[class*='rr-pill-btn-md'] {
		padding-right: 10px;
		padding-left: 10px;
	}
	
	.person-details {
		height: auto;
	}
	
	.rar-input-group .rar-input {
		padding-right: 20px;
	}
	
	.rar-input-group-append {
		position: static;
		top: inherit;
		right: inherit;
		width: 100%;
		margin-top: 20px;
	}
	
	.rar-input-group-append .rr-pill-btn-sm-dark {
		width: 100%;
		padding-inline: 15px;
	}
	
	.bp-content {
		padding: 20px 15px;
	}
	
	.bp-heading {
		font-size: 24px;
		line-height: 32px;
	}
	
	.form-box {
		padding: 20px 20px 30px;
		margin-inline: -20px;
	}
	
	.form-box p {
		font-size: 22px;
		line-height: 26px;
		margin-bottom: calc(1rem + 8px);
	}
	
	.contact-community {
		padding-top: 69px;
		padding-bottom: 60px;
	}
	
	.program-box-col-warpper {
		margin-top: 40px;
	}
	
	.program-box-col {
		padding: 32px 23px 36px 18px;
		margin-inline: -20px;
		margin-top: 40px;
	}
	
	.program-box-col h3 {
		font-size: 28px;
		line-height: 34px;
	}
	
	.program-box-col .pb-img {
		max-height: 80px;
		margin: 0 auto 23px;
	}
	
	.start-program-wrapper #accordionProgram {
		margin-inline: -20px;
	}
	
	.accordion>.card>.collapse .card-body, .accordion>.card>.collapsing .card-body {
		padding: 20px 20px 30px;
	}
	
	ul:not(header ul, footer ul), ol {
		padding-left: 0px;
	}
	
	.form-box.fbp {
		margin-top: calc(1rem + 15px);
	}
	
	ul li:not(header ul li, footer ul li), ol li {
		padding-left: 25px;
		margin-bottom: 15px;
		font-size: 18px;
		line-height: 24px;
	}
	
	.accordion>.card>.card-header button {
		padding: 0px;
		font-size: 24px;
		line-height: 28px;
	}
	
	.accordion>.card>.card-header button span {
		font-size: 18px;
		line-height: 26px;
	}
	
	.accordion>.card>.card-header button:after {
		width: 20px;
		height: 20px;
		font-size: 20px;
		line-height: 20px;
		top: calc(50% - 9px);
		right: 0;
	}
	
	.program-approach, .start-program-wrapper {
		padding-top: 69px;
	}
	
	.program-approach {
		padding-bottom: 30px;
	}
	
	.start-program-wrapper {
		padding-bottom: 60px;
	}
	
	.job-post {
		padding: 20px 20px 10px;
		margin-inline: -20px;
	}
	
	.job-title {
		font-size: 28px;
		line-height: 34px;
	}
	
	.current-opening p {
		margin-bottom: calc(1rem - 4px);
	}

	.current-opening p span {
		display: block;
	}
	
	.job-post .rr-pill-btn-sm-dark {
		margin-top: 15px;
	}
	
	.current-opening {
		padding-top: 69px;
		padding-bottom: 60px;
	}
	
	.values {
		margin-bottom: 15px;
	}
	
	.jb-stats .impact-stats {
		margin-bottom: calc(1rem + 30px);
	}
	
	.rr-sp-blog-post {
		margin-inline: -20px;
	}
	
	.sp-content-wrapper {
		padding: 20px 20px 30px;
	}
	
	.sp-heading {
		font-size: 36px;
		line-height: 48px;
	}
	
	.bp-meta > * {
		display: block;
		margin-left: 0px !important;
	}
	
	.sp-content li {
		margin-bottom: 5px;
	}
	
	.post-box-ul {
		margin-inline: 0px !important;
	}
	
	.post-box-ul li {
		width: 100%;
		margin-inline: 0px !important;
		margin-bottom: 20px;
	}
	
	.ps-benefits {
		padding-top: 70px;
	}
	
	.go-box {
		padding: 30px 20px 20px;
		margin-inline: -20px;
	}
	
	.res-box-wrapper {
		padding-bottom: 60px;
	}
	
	.res-box {
		padding: 30px 20px 20px;
		margin-inline: -20px;
	}
	
	.res-box2 {
		padding: 30px 20px 20px;
		margin-inline: -20px;
	}
	
	.red-impact-box {
		padding: 15px 0px 25px;
		margin-inline: -20px;
	}
	
	.rar-c1 .rr-pill-btn-md-red {
		font-size: 14px;
	}
	
	.modal {
		padding-right: 0px !important;
	}
	
	.modal-dialog .modal-body {
		    padding: 47px 20px 40px;
	}
	
	.tm-img-modal {
		width: 100%;
	}
	
	.modal .close {
		top: 3px;
		right: 10px;
	}
	
	.ao-form-submit {
		display: block !important;
		width: 100%;
	}
	
	.wp-block-quote {
		margin-left: 0px;
	}
}