@media (max-width: 1024px) {
	.header-donation-btn .pp-theme-btn {
		padding: 0.9rem 1.4rem;
		font-size: 0.9rem;
	}

	.pp-nav-wrapper nav ul li:not(:first-child) {
		margin-left: 1rem;
	}

	.logo img {
		width: 80%;
	}

	.pp-nav-wrapper nav ul li a {
		font-size: 0.9rem !important;
	}

	.pp-search-form {
		top: 70px;
	}

	.pp-page-title p {
		max-width: 65%;
	}

	.take-action-content {
		padding-left: 7rem;
		padding-right: 7rem;
	}

	.volunteer-msg,
	.volunteer-apply {
		padding-left: 3rem;
		padding-right: 3rem;
	}
	.volunteer-apply {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.font-size-60 {
	    font-size: 2.8rem;
	}
	.pp-slider-content .font-size-28 {
	    font-size: 1.3rem;
	}
	.pp-project-lst-content .font-size-50 {
	    font-size: 2.3rem;
	}
	.pp-funfact-item .counter {
		font-size: 3.5rem;
	}
	.pp-section-heading h2 {
		font-size: 2.6rem;
	}
	.pp-social-media-lst a i {
	    font-size: 40px;
	}
	.pp-footer-menu ul li:not(:first-child) a {
	    margin-left: 0.9rem;
	    padding-left: 0.9rem;
	}
	.take-action-content .font-size-26 {
	    font-size: 1.3rem;
	}
	.quote-area p {
		font-size: 1.8rem;
		line-height: inherit;
	}
	.volunteer-msg .font-size-45,
	.volunteer-apply .font-size-45 {
	    font-size: 2.4rem;
	}
	.volunteer-msg .font-size-38 {
	    font-size: 2rem;
	}
	.offices-info .font-size-26 {
	    font-size: 1.3rem;
	}
	.offices-info .font-size-20 {
		font-size: 1rem;
	}
	.page-title > h2 {
	    font-size: 2.4rem;
	}
}

@media (max-width: 980px) {
	.pp-top-links li a {
		padding-left: 0;
		margin-left: 0;
	}
	.pp-top-links li + li a::before {
		display: none;
	}
	.logo img {
		width: 100%;
	}

	.pp-res-btn {
		display: block;
	}

	.pp-nav-wrapper {
		position: fixed;
		top: 0;
		left: -100%;
		background-color: #fff;
		height: 100%;
		width: 330px;
		box-shadow: 0 0 23px rgba(0, 0, 0, 0.2);
		transition: all 0.35s ease-in-out;
		padding: 2.5rem 1.25rem;
		z-index: 2;
	}

	.pp-nav-wrapper.menu-active {
		left: 0;
	}

	.pp-nav-wrapper nav ul li {
		margin: 0.625rem 0;
	}

	.pp-nav-wrapper nav ul li:not(:first-child) {
		margin-left: 0;
	}

	.pp-search-btn {
		text-align: center;
		display: block;
		margin-left: 0 !important;
		margin-top: 0.75rem;
		background-color: #efefef;
		padding: 0.6875rem;
	}
	.pp-search-form {
		top: 115px;
		box-shadow: none;
	}
	.header-donation-btn .d-inline > span .pp-theme-btn {
	    padding: 0.8rem 1.3rem;
	    font-size: 0.9rem;
	}
	.font-size-60 {
	    font-size: 2.3rem;
	}
	.pp-project-lst-content .font-size-50 {
	    font-size: 2rem;
	}
	.pp-funfacts-wrapper .font-size-60 {
	    font-size: 2.8rem;
	}
	.pp-funfacts-wrapper .font-size-28 {
	    font-size: 1.4rem;
	}
	.pp-funfact-item .counter {
	    font-size: 3rem;
	    line-height: 4rem;
	}
}

@media (max-width: 768px) {
	.insta-photo-widget li {
		width: auto;
	}

	.pp-page-title p {
		max-width: 85%;
	}

	.pp-project-lst-img img {
		width: 100%;
	}
	.pp-footer-menu {
	    margin-top: 10px;
	}
	.quote-area p {
		max-width: 85%;
		line-height: 3.125rem;
	}

	.take-action-content {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	p {
		font-size: 1rem;
		line-height: inherit;
	}
	.pp-theme-btn {
		padding: 1rem 2rem;
	}
	.pp-section-heading h2 {
	    font-size: 2rem;
	}
	.pp-social-media-lst a i {
	    font-size: 32px;
	}
	.pp-social-media-lst a span {
		font-size: 1rem;
	}
	.social-media-element .font-size-60 {
	    font-size: 2.6rem;
	}
}

@media (max-width: 740px) {
	.pp-top-social {
		justify-content: center;
	}
	.pp-slider-content {
	    max-width: 100%;
	}
	.pp-footer-menu ul li:not(:first-child) a {
		margin-left: 0.8rem;
		padding-left: 0.8rem;
	}

	.pp-page-title p {
		max-width: 100%;
	}

	.pp-social-media-lst a {
		margin: 0.5rem 0;
	}

	.quote-area p {
		max-width: 100%;
		line-height: 2.2rem;
		font-size: 1.5rem;
	}
	.header-donation-btn .d-inline > span .pp-theme-btn {
	    padding: 0;
	    font-size: 0.4rem;
	    position: relative;
	}
	.menu-button .pp-theme-btn {
	    color: transparent !important;
	    padding: 0.5rem;
	    width: 40px;
	    font-size: 0.4rem;
	    height: 40px;
	}
	.menu-button .pp-theme-btn::after {
	    content: "\f4be";
	    font-family: "Font Awesome 5 Free";
	    font-weight: 900;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    -webkit-transform: translate(-50%, -50%);
	    -moz-transform: translate(-50%, -50%);
	    -o-transform: translate(-50%, -50%);
	    color: #fff;
	    font-size: 1rem;
	}
	.responsive-wrapper-style2 .res-btn {
	    margin-left: 15px;
	}
	.font-size-60 {
		font-size: 2rem;
	}
	.pp-slider-content .font-size-28 {
	    font-size: 1rem;
	}
	.pp-theme-btn {
		font-size: 0.8rem;
	}
	.pp-funfacts-wrapper .font-size-60 {
	    font-size: 2.3rem;
	}
	.pp-funfacts-wrapper .font-size-28 {
	    font-size: 1.2rem;
	}
	.pp-funfact-item span {
		font-size: 1rem;
	}
	.pp-funfact-item span.counter {
	    font-size: 2rem;
	    line-height: 3rem;
	}
	.pp-section-heading h2 {
	    max-width: 100%;
	    font-size: 1.6rem;
	}
	.social-media-element .font-size-60 {
	    font-size: 2rem;
	}
	.pp-social-media-lst a i {
	    font-size: 24px;
	}
	.py-90 {
	    padding: 4rem 0;
	}
	.widget-title.font-size-26 {
	    font-size: 1.3rem;
	}
	.page-title > h2 {
	    font-size: 2rem;
	}
	.quote-area.text-center.pt-86.pb-90 {
	    padding: 55px 0;
	}
	.form-control {
		height: 3.7rem;
		font-size: 0.9rem;
	}
	.volunteer-msg .font-size-45, 
	.volunteer-apply .font-size-45 {
	    font-size: 2rem;
	}
	.volunteer-msg .font-size-38 {
	    font-size: 1.7rem;
	}
	.py-80 {
	    padding: 4rem 0;
	}
}

@media (max-width: 550px) {
	.container > .row > .vc_column_container {
	    padding-left: 15px;
	    padding-right: 15px;
	}
}
@media (max-width: 480px) {
	.page-title > h2 {
	    font-size: 1.6rem;
	}
	.pp-top-links li a {
		font-size: 0.8125rem;
	}

	.pp-top-links li+li a:before {
		display: none;
	}
	.pp-top-links li:first-child a {
		margin-left: 0;
		padding-left: 0;
	}

	.pp-footer-menu {
		text-align: center;
	}

	.pp-footer-menu ul li:not(:first-child) a {
		margin-left: 0.3rem;
		padding-left: 0.3rem;
	}

	.pp-footer-menu ul li:not(:first-child) a::before {
		display: none;
	}

	.volunteer-msg {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.volunteer-apply {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.social-media-boxes {
	    flex: 0 0 33%;
	    margin-bottom: 10px;
	    padding: 0 10px;
	}
	.take-action-content .font-size-26 {
	    font-size: 1rem;
	}
	.quote-area span {
		font-size: 1rem;
	}
	.pp-funfact-item.text-center {
	    padding: 10px 0;
	}
	.font-size-60 {
	    font-size: 1.8rem;
	}
	.pp-project-lst-content .font-size-50 {
	    font-size: 1.6rem;
	}
	.pp-funfacts-wrapper .font-size-60 {
	    font-size: 2rem;
	}
}