@media(max-width: 2000px) {
	.chart.hero-one-slider .swiper-pagination {
		left: 17% !important;
	}
}

@media(max-width: 1600px) {
	.chart.hero-one-slider .swiper-pagination {
		left: 5% !important;
	}
}

@media(max-width: 1400px) {
	.chart .navbar-links li>a {
		font-size: 14px;
	}

	.chart ul.image-gallery li img,
	.chart ul.image-gallery li figure {
		width: 192px;
		height: 120px;
	}

	.chart #progress {
		height: 50px;
		width: 50px;
	}

	.chart .logo img {
		width: 160px;
	}

	.chart .navbar-links li:not(:last-child) {
		padding-right: 30px;
	}

	.chart .charity-causes {
		align-items: center;
	}

	.chart li.menu-item-children>a:before {
		right: 18px;
	}

	.chart .hero-img img {
		width: 90%;
	}

	.chart .content-header span,
	.chart .content-header a {
		font-size: 15px;
	}

	.chart h1 {
		font-size: 100px;
		line-height: 145px;
		font-family: var(--theme-font);
	}

	.chart .btn {
		padding: 12px 34px;
		font-size: 14px;
	}

	.chart .give-donation-level-btn {
		padding: 9px 29px;
		font-size: 16px;
	}

	.chart .please-donate-today {
		padding: 40px;
	}

	.chart .charity-causes-text h3 {
		font-size: 18px;
		line-height: 24px;
	}

	.chart .involved-img .involved-2 {
		margin-left: -62px;
		margin-bottom: 106px;
		width: 60%;
		height: -18%;
	}

	.chart .charity-donors-team h5 {
		font-size: 18px;
	}

	.chart .blog a.category {
		padding: 4px 13px;
		font-size: 12px;
	}

	.chart .blog-text {
		padding: 24px;
		padding-bottom: 55px;
		padding-top: 0;
	}

	.chart .blog-text .comment h6 {
		font-size: 13px;
	}

	.chart .blog-text>a i {
		width: 50px;
		height: 50px;
	}

	.chart .blog-text h4 {
		line-height: 31px;
		font-size: 22px;
	}

	.chart .charity-donors-team span {
		font-size: 14px;
	}

	.chart .sponsor-child h3 {
		font-size: 36px;
	}

	.chart .sponsor-child a {
		padding: 13px 20px;
		font-size: 14px;
	}

	.chart .nav-pills .nav-link {
		font-size: 14px;
	}

	.chart .charity-donors-team figure,
	.chart .charity-donors-team img {
		width: 69px;
		height: auto;
	}

	.chart .progress_bar,
	.chart .progress-spend {
		width: 89%;
		margin: auto;
	}

	.chart .widget-title input {
		height: 50px;
	}

	.chart .involved h6 {
		font-size: 22px;
		line-height: 34px;
	}

	.chart .navbar-links li.navbar-dropdown .sub-menu a {
		font-size: 14px;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.chart .involved-img .involved-1 {
		margin-top: 90px;
	}

	.chart .get-in-touch {
		width: 96%;
	}

	.chart .footer-logo p {
		width: 100%;
	}

	.chart .volunteer h4 {
		padding-bottom: 10px;
		font-size: 22px;
	}

	.chart .orphan-man p {
		font-size: 18px;
		line-height: 30px;
		width: 76%;
	}

	.chart .orphan-man h3 {
		font-size: 44px;
	}

	.chart .please-donate-today p {
		font-size: 14px;
		line-height: 20px;
	}

	.chart .donation img.line-shaps {
		width: 280px;
	}

	.chart .charity-causes img {
		width: 46%;
	}

	.chart .charity-causes-text .progress {
		margin-top: 14px;
		margin-bottom: 20px;
	}

	.chart .hero-text h2 {
		font-size: 36px;
		line-height: 46px;
	}

	.chart .about-img img.for-charity {
		margin-bottom: 110px;
		width: 141px;
	}

	.chart .about-img img.about-img-1 {
		width: 63%;
	}

	.chart .about-text {
		padding-left: 0;
	}

	.chart .director img {
		width: 67px;
	}

	.chart .we-provide i:after {
		width: 180px;
		height: 180px;
	}

	.chart .director h5 {
		font-size: 20px;
	}

	.chart .we-provide i:before {
		padding-top: 38px;
		font-size: 70px;
	}

	.chart .about-img img.line-shaps {
		right: 10%;
		width: 300px;
	}

	.chart .we-provide h3 {
		font-size: 38px;
		padding-bottom: 17px;
		font-family: var(--theme-font);
		color: #fff;
		position: relative;
	}

	.chart .about-img img.about-img-2 {
		margin-left: 46px;
		margin-top: 32px;
		width: 55%;
	}

	.chart .hero-one-slider .swiper-pagination {
		left: 9% !important;
	}

	.chart .hero-one-slider img.line-shaps {
		width: 300px;
	}

	.chart .about-text h4 {
		font-size: 24px;
	}

	.chart h2 {
		font-size: 40px;
	}
}

@media(max-width: 1200px) {
	.chart.gap {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.chart.no-top {
		padding-top: 0;
	}

	.chart.no-bottom {
		padding-bottom: 0;
	}

	.chart h1 {
		font-size: 69px;
		line-height: 96px;
		font-family: var(--theme-font);
	}

	.chart .heading {
		padding-bottom: 40px;
	}

	.chart.hero-one-slider .swiper-pagination {
		bottom: 12% !important;
		left: 56px !important;
	}

	.chart.please-donate-today form input.give-text-input {
		height: 50px;
	}

	.chart span.give-currency-symbol {
		width: 50px;
		height: 50px;
	}

	.chart span.give-currency-symboler {
		bottom: 22.3%;
		left: 7%;
		width: 55px;
		height: 55px;
	}

	.chart .volunteer i {
		font-size: 46px;
	}

	.chart .we-provide i:after {
		left: -25%;
	}

	.chart .footer-bottom p,
	.chart .footer-bottom a {
		font-size: 14px;
	}

	.chart ul.image-gallery li img,
	.chart ul.image-gallery li figure {
		width: 139px;
		height: 102px;
	}

	.chart .mobile-nav {
		width: 50%;
	}

	.chart .we-provide p {
		font-size: 14px;
		padding-bottom: 10px;
	}

	.chart .we-provide i:after {
		width: 150px;
		height: 150px;
	}

	.chart .we-provide i:before {
		padding-top: 30px;
		font-size: 54px;
	}

	.chart .we-provide-text {
		padding: 30px;
		padding-bottom: 0;
	}

	.chart .hero-text p {
		font-size: 16px;
		width: 100%;
	}

	.chart .mobile-nav {
		width: 50%;
	}

	.chart .hero-text {
		padding-bottom: 24px;
	}

	.chart .about-img img.about-img-1 {
		margin-top: -43px;
	}

	.chart .navbar,
	.chart .header-top-bar,
	.chart .header-search {
		display: none;
	}

	.chart.hero-one-slider .swiper-pagination {
		bottom: 12% !important;
	}

	.chart .charity-causes img {
		width: 33%;
	}

	.chart .please-donate-today {
		width: 37%;
	}

	.chart.bottom-bar {
		padding: 10px 0;
	}

	.chart .orphan-man img {
		width: 92%;
	}

	.chart .involved-img .involved-2 {
		width: 48%;
	}

	.chart .volunteer h4 {
		font-size: 20px;
	}

	.chart .volunteer i {
		width: 98px;
		height: 98px;
	}

	.chart .orphan-man h3 {
		font-size: 39px;
	}

	.chart .hero-section {
		border-bottom: 54px solid #fff;
	}

	.chart .charity-donors-team img {
		width: 55px;
	}

	.chart .sponsor-child h3 {
		font-size: 30px;
	}

	.chart .blog-text .comment h6 {
		font-size: 10px;
	}

	.chart #mobile-menu {
		display: block;
	}

	.chart .get-in-touch h6 a,
	.chart .get-in-touch span {
		font-size: 14px;
	}

	.chart .get-in-touch i {
		margin-right: 14px;
		font-size: 18px;
	}
	
	.chart .header-search {
    display: flex;
    flex-direction: row;
}
}

@media(max-width: 993px) {
	.chart .hero-section {
		border-bottom: 61px solid #fff;
		padding-top: 70px;
	}

	.chart .hero-img {
		margin-top: 26px;
	}

	.chart figure.involved-1 img,
	.chart figure.involved-2 img {
		width: 100%;
	}

	.chart ul.image-gallery li img,
	.chart ul.image-gallery li figure {
		width: 129px;
	}

	.chart ul.image-gallery li {
		width: 14.28%;
	}

	.chart .we-provide i:after {
		width: 166px;
		height: 166px;
	}

	.chart.section-charity {
		background-size: cover;
	}

	.chart .sponsor {
		margin-bottom: -100px;
	}

	.chart ul.image-gallery {
		justify-content: start;
	}

	.chart .blog-text .comment h6 {
		font-size: 12px;
	}

	.chart .charity-donors-team h5 {
		font-size: 22px;
	}

	.chart .we-provide {
		margin-bottom: 30px;
	}

	.chart .we-provide.three {
		margin-bottom: 0;
	}

	.chart .we-provide i:before {
		padding-top: 46px;
		font-size: 63px;
	}

	.chart.hero-one-slider .swiper-pagination {
		bottom: 2% !important;
	}

	.chart .hero-img img {
		width: 58%;
		margin-left: 80px;
		margin-top: 40px;
	}

	.chart .about-img {
		padding-bottom: 70px;
		position: relative;
	}

	.chart .please-donate-today {
		width: 56%;
	}

	.chart .charity-donors-team img {
		width: 80px;
	}

	.chart .charity-donors-team {
		margin-bottom: 10px;
	}

	.chart .blog {
		margin-bottom: 60px;
	}

	.chart .sponsor {
		flex-wrap: wrap;
	}

	.chart .charity-donors h4:before,
	.chart .charity-donors h4:after {
		width: 26%;
	}

	.chart .patients-spend {
		background-size: cover;
	}

	.chart .patients-spend .progress_bar {
		width: 100%;
		padding-bottom: 30px;
	}

	.chart .involved-img {
		position: relative;
		text-align: center;
		margin-top: 50px;
	}

	.chart .heading {
		width: 100%;
	}
}

@media(max-width: 769px) {
	.chart h1 {
		font-size: 80px;
		line-height: 145px;
	}

	.chart .heading {
		padding-bottom: 30px;
	}

	.chart .hero-section {
		padding-top: 20px;
	}

	.chart .hero-img img {
		width: 58%;
		margin-left: 86px;
		margin-top: 40px;
	}

	.chart .hero-one-slider .swiper-pagination {
		left: 132px !important;
	}

	.chart .involved-img .involved-2 {
		width: 64%;
	}

	.chart ul.image-gallery li img,
	.chart ul.image-gallery li figure {
		width: 94px;
	}

	.chart.gap {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.chart.no-top {
		padding-top: 0;
	}

	.chart.no-bottom {
		padding-bottom: 0;
	}

	.chart .we-provide i:after {
		width: 190px;
		height: 190px;
		left: -18%;
	}

	.chart .blog-text .comment h6 {
		font-size: 16px;
	}

	.chart .footer-bottom {
		flex-wrap: wrap;
		justify-content: center;
	}

	.chart .mobile-nav {
		width: 75%;
	}

	.chart .widget-title h3 {
		padding-top: 32px;
	}

	.chart .we-provide h3 {
		font-size: 60px;
	}

	.chart .we-provide p {
		line-height: 34px;
		font-size: 22px;
		padding-bottom: 110px;
	}

	.chart .footer-logo p {
		padding-top: 26px;
	}
}

@media(max-width: 576px) {
	.chart .hero-section {
		padding-top: 30px;
	}

	.chart .charity-donors-team h5 {
		font-size: 20px;
	}

	.chart.hero-one-slider .swiper-pagination {
		left: 40px !important;
	}

	.chart ul.image-gallery li img,
	.chart ul.image-gallery li figure {
		width: 100%;
	}

	.chart ul.image-gallery li {
		width: 33.33%;
	}

	.chart .charity-donors-team figure,
	.chart .charity-donors-team img {
		width: 85px;
		height: auto;
	}

	.chart .sponsor-child {
		flex-wrap: wrap;
		gap: 37px;
	}

	.chart ul.image-gallery li i {
		top: 40%;
	}

	.chart .sponsor-child {
		padding: 0;
		padding: 30px;
		padding-bottom: 0;
		justify-content: center;
		text-align: center;
	}

	.chart .donation {
		margin-top: 80px;
	}

	.chart.gap {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.chart.no-top {
		padding-top: 0;
	}

	.chart.no-bottom {
		padding-bottom: 0;
	}

	.chart .we-provide p {
		line-height: 34px;
		font-size: 18px;
		padding-bottom: 91px;
	}

	.chart .mobile-nav {
		width: 100%;
	}

	.chart .charity-causes {
		flex-wrap: wrap;
	}

	.chart .charity-donors h4:before,
	.chart .charity-donors h4:after {
		display: none;
	}

	.chart .hero-img img {
		width: 67%;
		margin-left: 98px;
		margin-top: 40px;
	}

	.chart.hero-one-slider img.line-shaps {
		width: 200px;
	}

	.chart .hero-text h2 {
		font-size: 26px;
		line-height: 37px;
	}

	.chart .please-donate-today {
		width: 76%;
	}

	.chart .donation img.line-shaps {
		display: none;
	}

	.chart .charity-causes-text h3 {
		font-size: 24px;
		line-height: 36px;
	}

	.chart .charity-causes img {
		width: 51%;
	}

	.chart h2 {
		font-size: 34px;
	}

	.chart .about-img img.about-img-1 {
		width: 52%;
		margin-left: 33px;
	}
}

@media(max-width: 480px) {
	.chart ul.give-donation-levels-wrap {
		justify-content: start;
		gap: 10px;
	}

	.chart.hero-one-slider .swiper-pagination {
		left: 20px !important;
	}

	.chart .please-donate-today h4 {
		font-size: 50px;
		color: #fff;
	}

	.chart .we-provide p {
		line-height: 30px;
		font-size: 16px;
		padding-bottom: 40px;
	}

	.chart .please-donate-today {
		margin-left: 17px;
		padding: 20px;
	}

	.chart .progress-text span {
		font-size: 50px;
	}

	.chart .we-provide h3 {
		font-size: 50px;
	}

	.chart .give-donation-level-btn {
		padding: 6px 17px;
		font-size: 14px;
	}

	.chart .give-donation-level-btn:before {
		display: none;
	}

	.chart .involved-img .involved-1 img,
	.chart .involved-img .involved-2 img {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
	}

	.chart .orphan-man img {
		width: 85%;
	}
	
/* For Donation Page */
	.post-detail-inner .donation-detail-info-wrap {
    flex-direction: column;
    align-content: flex-start;
    margin-bottom: 20px;
}

.donation-detail-info-wrap .urgent-donat-info{
max-width: 100%;
}

.donation-detail-info-wrap .thm-btn{
    min-width: 100%;
border-radius: 0px 0px 20px 20px;
	padding: 12px;
}

.urgent-donat-info>h3 {
    font-size: 1rem;
}

.urgent-progress {
    display: none;
}

.urgent-donat-info{
padding: 15px 0px 10px 20px;
}

.urgent-donat-info>span.donate-goal, .urgent-donat-meta>li{
font-size: 12px;
}

.urgent-donat-meta>li:not(:first-child) {
    margin-left: 0px;
}

.urgent-donat-meta>li i{
font-size: 10px;
}

.urgent-donat-info-raised>span {
    font-size: 1.2rem;
}

.urgent-donat-info-raised>i{
font-size: 12px;
}

.single-campaign span.d-block.amount {
    padding-top: 25px;
}
	.urgent-donat-info>span+h3{
		width: 65%;
	}
	
	.chart #mobile-menu {
        display: block;
        position: absolute;
        right: 0px;
    }
	
	.header-search a.btn {
    position: absolute;
    border: 0;
    width: 100%;
    left: 0;
    bottom: -40px;
    border-radius: 0;
}
	
	.chart .btn:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 50px;
    top: 0;
    transform: scale(0.5);
    border-radius: 0;
}
	
	.chart .header-search-button.search-box-outer {
    padding-right: 50px;
}
	.chart.search-popup .close-search{
		top: 10%;
		left: 85%;
	}
	
}

@media(max-width: 450px) {
	.chart .btnn.d-flex.align-items-center {
		gap: 20px;
		flex-wrap: wrap;
	}

	.chart ul.image-gallery li {
		width: 50%;
	}

	.chart .hero-img {
		margin-top: 0;
	}

	.chart .hero-img img {
		margin-left: 66px;
	}

	.chart .we-provide i:after {
		width: 170px;
		height: 170px;
		left: -22%;
	}

	.chart .blog-text .comment h6 {
		font-size: 12px;
	}

	.chart .charity-causes img {
		width: 73%;
	}

	.chart .about-img img.about-img-2 {
		margin-left: 18px;
		margin-top: 32px;
		width: 54%;
	}

	.chart .about-img img.line-shaps {
		width: 200px;
	}

	.chart h2 {
		font-size: 30px;
	}

	.chart .btnn .video {
		margin-left: 0px;
	}

	.chart h1 {
		font-size: 60px;
		line-height: 96px;
	}

	.chart .about-img img.for-charity {
		margin-bottom: 45px;
		width: 108px;
	}
	.urgent-donat-info-raised{
		max-width: 7rem;
	}
}

@media(max-width: 400px) {
	.chart h2 {
		font-size: 28px;
	}

	.chart .we-provide p {
		line-height: 30px;
		font-size: 16px;
		padding-bottom: 10px;
	}

	.chart .footer-bottom p,
	.chart .footer-bottom a {
		font-size: 14px;
		text-align: center;
		line-height: 24px;
		padding-bottom: 00px;
	}

	.chart .we-provide h3 {
		font-size: 40px;
	}

	.chart .about-img img.about-img-2 {
		width: 50%;
	}

	.chart .charity-causes-text h3 {
		font-size: 20px;
		line-height: 30px;
	}

	.chart .about-text h4 {
		font-size: 22px;
	}
}

@media(max-width: 340px) {
	.chart .blog .comment {
		padding: 16px 16px;
	}

	.chart .footer-bottom ul {
		flex-wrap: wrap;
		gap: 20px;
	}

	.chart .footer-bottom p,
	.chart .footer-bottom a {
		font-size: 12px;
	}

	.chart .please-donate-today h4 {
		font-size: 38px;
	}

	.chart .we-provide i {
		padding-top: 27px;
	}

	.chart .we-provide p {
		line-height: 24px;
		font-size: 14px;
		padding-bottom: 10px;
	}

	.chart .director span {
		font-size: 12px;
	}

	.chart .about-img img.about-img-1,
	.chart .about-img img.about-img-2 {
		width: 44%;
	}
	    .urgent-donat-info>span+h3 {
        width: 50%;
    }
}