@media only screen and (min-width:1280px) and (max-width:1300px) {}

@media only screen and (min-width:1000px) and (max-width:1279px) {

	.single_subs {
		width: 47%;
		height: auto;
	}

	.broker-date {
		width: auto;
		height: auto;
		margin-left: 0px;
		background: transparent;
		display: flex;
		justify-content: flex-end;
		gap: 4px;
	}
}

@media only screen and (min-width:912px) and (max-width:999px) {

	/* MY PROFILE PAGE CSS */

	.single_subs {
		width: 47%;
		height: auto;
	}

	.my-profile-inner {
		display: flex;
		gap: 20px;
		flex-wrap: wrap;
	}

	.my-profile-wrap {
		width: 100%;
	}

	.my-profile-left {
		width: 31%;
	}

	.my-profile-right {
		width: 66%;
	}

	.my-profile-right-inner label {
		width: 100%;
	}

	.profile-right-img {
		margin-top: 32px;
		margin-bottom: 18px;
	}

	.my-camping-inner {
		padding: 10px;
	}

	.my-camping-inner h1 {
		font-size: 28px;
	}

	/* MY PROFILE PAGE CSS */

	/* MY CAMPAIGNS CSS */

	.toptab-pill-wrap {
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 14px;
	}

	.my-campaigns-wrappp-page .nav-tabs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.mycampaigns-wrap-box img {
		width: 100%;
		height: 168px;
		object-fit: cover;
	}

	.mycampaigns-wrap-box {
		width: 100%;
		padding: 1px 1px;
	}

	.mycampaigns-wrap-box .content-wrap {
		padding: 10px 10px;
	}

	.fehr-pagi ul {
		align-items: center;
		gap: 3px;
		display: flex;
	}

	/* MY CAMPAIGNS CSS */

	/* DONATION YOU MADE CSS */

	.mydonation-wrap-box {
		flex-wrap: wrap;
		width: 100%;
	}

	.mydonation-wrap-box img {
		width: 100%;
		height: 193px;
		object-fit: cover;
		aspect-ratio: 3/2;
	}

	.my-camping-inner h3 {
		font-size: 20px;
	}


	/* DONATION YOU MADE CSS */

	/* SHOW ADD CARD CSS */

	.payment-card {
		width: 100%;
	}

	.my-camping-inner img {
		/* margin: 0 auto; */
		display: flex;
		margin: 0 auto;
		width: 100%;
		margin-bottom: 15px;
	}

	.card-details-pay h4 {
		font-size: 12px;
		left: 16px;
	}

	.card-details-pay p {
		font-size: 12px;
		left: 16px;
		bottom: 38px;
	}

	.card-details-pay span {
		font-size: 12px;
		right: 22px;
		bottom: 56px;
	}

	/* SHOW ADD CARD CSS */

	/* ACCOUNT SETTING CSS */

	.top-sec-btnwrap {
		margin-bottom: 18px;
	}

	.my-accountsetting-right-inner label {
		width: 100%;
	}

	/* ACCOUNT SETTING CSS */


	/* CREATE A FEHR CSS */

	.create-fehr-inner {
		flex-wrap: wrap;
	}

	.create-fehr-inner {
		gap: 0px 4px;
	}

	.selecttion-wrap-checlist {
		gap: 10px;
		flex-wrap: wrap;
	}
	.banner-create-fehr {
		.toptab-pill-wrap {
			display: flex
	;
			justify-content: center;
			position: relative;
			left: 0%;
		}
	}

	/* CREATE A FEHR CSS */
}

@media only screen and (min-width:800px) and (max-width:911px) {


	/* MY PROFILE PAGE CSS */

	.single_subs {
		width: 47%;
		height: auto;
	}


	.banner-create-fehr {
		.toptab-pill-wrap {
			display: flex
	;
			justify-content: center;
			position: relative;
			left: 0%;
		}
	}

	.my-profile-inner {
		display: flex;
		gap: 20px;
		flex-wrap: wrap;
	}

	.my-profile-wrap {
		width: 100%;
	}

	.my-profile-left {
		width: 31%;
	}

	.my-profile-right {
		width: 66%;
	}

	.my-profile-right-inner label {
		width: 100%;
	}

	.profile-right-img {
		margin-top: 32px;
		margin-bottom: 18px;
	}

	.my-camping-inner {
		padding: 10px;
	}

	.my-camping-inner h1 {
		font-size: 28px;
	}

	/* MY PROFILE PAGE CSS */

	/* MY CAMPAIGNS CSS */

	.toptab-pill-wrap {
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 14px;
	}

	.my-campaigns-wrappp-page .nav-tabs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.mycampaigns-wrap-box img {
		width: 100%;
		height: 168px;
		object-fit: cover;
	}

	.mycampaigns-wrap-box {
		width: 100%;
		padding: 1px 1px;
	}

	.mycampaigns-wrap-box .content-wrap {
		padding: 10px 10px;
	}

	.fehr-pagi ul {
		align-items: center;
		gap: 3px;
		display: flex;
	}

	/* MY CAMPAIGNS CSS */

	/* DONATION YOU MADE CSS */

	.mydonation-wrap-box {
		flex-wrap: wrap;
		width: 100%;
	}

	.mydonation-wrap-box img {
		width: 100%;
		height: 193px;
		object-fit: cover;
		aspect-ratio: 3/2;
	}

	.my-camping-inner h3 {
		font-size: 20px;
	}


	/* DONATION YOU MADE CSS */

	/* SHOW ADD CARD CSS */

	.payment-card {
		width: 100%;
	}

	.my-camping-inner img {
		/* margin: 0 auto; */
		display: flex;
		margin: 0 auto;
		width: 100%;
		margin-bottom: 15px;
	}

	.card-details-pay h4 {
		font-size: 12px;
		left: 16px;
	}

	.card-details-pay p {
		font-size: 12px;
		left: 16px;
		bottom: 38px;
	}

	.card-details-pay span {
		font-size: 12px;
		right: 22px;
		bottom: 56px;
	}

	/* SHOW ADD CARD CSS */

	/* ACCOUNT SETTING CSS */

	.top-sec-btnwrap {
		margin-bottom: 18px;
	}

	.my-accountsetting-right-inner label {
		width: 100%;
	}

	/* ACCOUNT SETTING CSS */

	/* CREATE A FEHR CSS */

	.create-fehr-inner {
		flex-wrap: wrap;
	}

	.create-fehr-inner {
		gap: 0px 4px;
	}

	.selecttion-wrap-checlist {
		gap: 10px;
		flex-wrap: wrap;
	}

	/* CREATE A FEHR CSS */

	/* CATEGORIES PAGE CSS */

	.all-categories-wrap label {
		width: 100%;
	}

	.categories-listing-inner {
		gap: 40px;
		flex-wrap: wrap;
		/* flex-direction: column; */
	}

	.categories-cards {
		width: 100%;
	}

	/* CATEGORIES PAGE CSS */


	/* FUNDRAISER PAGE CSS */

	.sortby-categories-wrap {
		flex-direction: column;
	}

	.broker-date {
		width: auto;
	}

	.left-sec {
		width: 100%;
	}

	.fundraiser-wrap-box {
		flex-wrap: wrap;
	}

	.fundraiser-wrap-box .content-wrap {
		padding: 14px 14px;
		margin: 0px 0 0 0;
	}

	.fundraiser-wrap-box img {
		width: 100%;
		height: auto;
	}

	.top-fundariser-detail {
		gap: 14px;
		/* flex-direction: column; */
	}

	.fundraiser-btn-wrap {
		position: absolute;
	}

	/* FUNDRAISER PAGE CSS */

	/* FUNDRAISER DETAILS CSS */

	#product-main-image {
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	.common-datr-data {
		justify-content: flex-start;
		align-items: center;
		width: 31%;
	}

	.recent-donation-wrap h2 {
		font-size: 28px;
		line-height: 35px;
	}

	.recent-donation-card {
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}

	.top-fundraiser-wrap h2 {
		font-size: 28px;
		line-height: 35px;
	}

	/* FUNDRAISER DETAILS CSS */

}

@media only screen and (min-width:768px) and (max-width:799px) {


	/* MY PROFILE PAGE CSS */

	.single_subs {
		width: 47%;
		height: auto;
	}


	.banner-create-fehr {
		.toptab-pill-wrap {
			display: flex
	;
			justify-content: center;
			position: relative;
			left: 0%;
		}
	}

	.my-profile-inner {
		display: flex;
		gap: 20px;
		flex-wrap: wrap;
	}

	.my-profile-wrap {
		width: 100%;
	}

	.my-profile-left {
		width: 31%;
	}

	.my-profile-right {
		width: 66%;
	}

	.my-profile-right-inner label {
		width: 100%;
	}

	.profile-right-img {
		margin-top: 32px;
		margin-bottom: 18px;
	}

	.my-camping-inner {
		padding: 10px;
	}

	.my-camping-inner h1 {
		font-size: 28px;
	}

	/* MY PROFILE PAGE CSS */

	/* MY CAMPAIGNS CSS */

	.toptab-pill-wrap {
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 14px;
	}

	.my-campaigns-wrappp-page .nav-tabs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.mycampaigns-wrap-box img {
		width: 100%;
		height: 168px;
		object-fit: cover;
	}

	.mycampaigns-wrap-box {
		width: 100%;
		padding: 1px 1px;
	}

	.mycampaigns-wrap-box .content-wrap {
		padding: 10px 10px;
	}

	.fehr-pagi ul {
		align-items: center;
		gap: 3px;
		display: flex;
	}

	/* MY CAMPAIGNS CSS */

	/* DONATION YOU MADE CSS */

	.mydonation-wrap-box {
		flex-wrap: wrap;
		width: 100%;
	}

	.mydonation-wrap-box img {
		width: 100%;
		height: 193px;
		object-fit: cover;
		aspect-ratio: 3/2;
	}

	.my-camping-inner h3 {
		font-size: 20px;
	}


	/* DONATION YOU MADE CSS */

	/* SHOW ADD CARD CSS */

	.payment-card {
		width: 100%;
	}

	.my-camping-inner img {
		/* margin: 0 auto; */
		display: flex;
		margin: 0 auto;
		width: 100%;
		margin-bottom: 15px;
	}

	.card-details-pay h4 {
		font-size: 12px;
		left: 16px;
	}

	.card-details-pay p {
		font-size: 12px;
		left: 16px;
		bottom: 38px;
	}

	.card-details-pay span {
		font-size: 12px;
		right: 22px;
		bottom: 56px;
	}

	.showpayment-cards-popup {
		display: flex;
		flex-wrap: nowrap;
	}

	/* SHOW ADD CARD CSS */

	/* ACCOUNT SETTING CSS */

	.top-sec-btnwrap {
		margin-bottom: 18px;
	}

	.my-accountsetting-right-inner label {
		width: 100%;
	}

	/* ACCOUNT SETTING CSS */


	/* CREATE A FEHR CSS */

	.create-fehr-inner {
		flex-wrap: wrap;
	}

	.create-fehr-inner {
		gap: 0px 4px;
	}

	.selecttion-wrap-checlist {
		gap: 10px;
		flex-wrap: wrap;
	}

	/* CREATE A FEHR CSS */

	/* CATEGORIES PAGE CSS */

	.all-categories-wrap label {
		width: 100%;
	}

	.categories-listing-inner {
		/* gap: 40px;
		flex-wrap: wrap;
		flex-direction: column; */
	}

	.categories-cards {
		width: 46%;
	}

	/* CATEGORIES PAGE CSS */


	/* FUNDRAISER PAGE CSS */

	.sortby-categories-wrap {
		flex-direction: column;
	}

	.broker-date {
		width: auto;
	}

	.left-sec {
		width: 100%;
	}

	.fundraiser-wrap-box {
		flex-wrap: wrap;
	}

	.fundraiser-wrap-box .content-wrap {
		padding: 14px 14px;
		margin: 0px 0 0 0;
	}

	.fundraiser-wrap-box img {
		width: 100%;
		height: auto;
	}

	.top-fundariser-detail {
		gap: 14px;
		/* flex-direction: column; */
	}

	.fundraiser-btn-wrap {
		position: absolute;
	}

	/* FUNDRAISER PAGE CSS */

	/* FUNDRAISER DETAILS CSS */

	#product-main-image {
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	.common-datr-data {
		justify-content: flex-start;
		align-items: center;
		width: 31%;
	}

	.recent-donation-wrap h2 {
		font-size: 28px;
		line-height: 35px;
	}

	.top-fundraiser-wrap h2 {
		font-size: 28px;
		line-height: 35px;
	}

	.recent-donation-card {
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}

	/* FUNDRAISER DETAILS CSS */

		/* MONTHY DONATION CSS */

		.donation-main-card {
			padding: 40px 6px;
		}
	
		.joinus-content-wrap {
			padding: 6px 22px;
	
			h1 {
				font-size: 24px;
				line-height: 33px;
				text-align: center;
				font-weight: 700;
				font-family: 'mortend';
			}
	
			p {
				font-size: 16px;
				line-height: 20px;
			}
		}
	
		.how-it-works-wrap {
			flex-direction: column;
			width: 100%;
	
			& .box {
				width: 100%;
			}
			h3 {
				font-size: 18px;
				line-height: 22px;
				font-weight: 600;
			}
		}
	
		.dummy-msg{
	
			.dummy-msg h2 {
				font-size: 16px;
				line-height: 23px;
			}
	
		}
	
		.donation-second-sec {
			padding: 19px 10px 14px 10px;
	
			label {
				width: 100%;
			}
	
			& .price-all-btns {
				justify-content: flex-start;
				flex-wrap: wrap;
			}
		}
	

		.tooltip .tooltiptext {
			text-align: center;
			right: inherit;
			padding: 5px 3px;
			position: relative;
			display: flex;
			bottom: 127%;
			left: 23px;
			top: 11px;
		}
	
			/* MONTHY DONATION CSS */


}

@media only screen and (min-width:480px) and (max-width:767px) {


	/* MY PROFILE PAGE CSS */

.checkbox-wrap {
    border: 1px solid #C8C8C8;
    padding: 14px 14px;
    display: flex
;
    gap: 20px;
    width: 80%;
    justify-content: space-between;
}

	.single_subs {
		width: 100%;
		height: auto;
	}


	.banner-create-fehr {
		.toptab-pill-wrap {
			display: flex
	;
			justify-content: center;
			position: relative;
			left: 0%;
		}
	}

	.my-profile-inner {
		display: flex;
		gap: 20px;
		flex-wrap: wrap;
	}

	.my-profile-wrap {
		width: 100%;
		height: auto;
	}

	.my-profile-left {
		width: 100%;
	}

	.my-profile-right {
		width: 100%;
	}

	.my-profile-right-inner label {
		width: 100%;
	}

	.profile-right-img {
		margin-top: 32px;
		margin-bottom: 18px;
	}

	.my-camping-inner {
		padding: 10px;
	}

	.my-camping-inner h1 {
		font-size: 28px;
	}

	/* MY PROFILE PAGE CSS */

	/* MY CAMPAIGNS CSS */

	.toptab-pill-wrap {
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 14px;
	}

	.my-campaigns-wrappp-page .nav-tabs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.mycampaigns-wrap-box img {
		width: 100%;
		height: 168px;
		object-fit: cover;
	}

	.mycampaigns-wrap-box {
		width: 100%;
		padding: 1px 1px;
	}

	.mycampaigns-wrap-box .content-wrap {
		padding: 10px 10px;
	}

	.fehr-pagi ul {
		align-items: center;
		gap: 3px;
		display: flex;
	}

	/* MY CAMPAIGNS CSS */

	/* DONATION YOU MADE CSS */

	.mydonation-wrap-box {
		flex-wrap: wrap;
		width: 100%;
	}

	.mydonation-wrap-box img {
		width: 100%;
		height: 193px;
		object-fit: cover;
		aspect-ratio: 3/2;
	}

	.my-camping-inner h3 {
		font-size: 20px;
	}


	/* DONATION YOU MADE CSS */

	/* SHOW ADD CARD CSS */

	.payment-card {
		width: 100%;
	}

	.my-camping-inner img {
		/* margin: 0 auto; */
		display: flex;
		margin: 0 auto;
		width: 100%;
		margin-bottom: 15px;
	}

	.card-details-pay h4 {
		font-size: 18px;
		left: 24px;
	}

	.card-details-pay p {
		font-size: 24px;
		left: 25px;
		bottom: 50px;
	}

	.card-details-pay span {
		font-size: 21px;
		right: 22px;
		bottom: 68px;
	}

	/* SHOW ADD CARD CSS */

	/* ACCOUNT SETTING CSS */

	.top-sec-btnwrap {
		margin-bottom: 18px;
	}

	.my-accountsetting-right-inner label {
		width: 100%;
	}


	/* CREATE A FEHR CSS */

	.create-fehr-inner {
		flex-wrap: wrap;
	}

	.create-fehr-inner {
		gap: 0px 4px;
	}

	.selecttion-wrap-checlist {
		gap: 10px;
		flex-wrap: wrap;
	}

	/* CREATE A FEHR CSS */
	/* ACCOUNT SETTING CSS */


	/* CATEGORIES PAGE CSS */

	.all-categories-wrap label {
		width: 100%;
	}

	.categories-listing-inner {
		gap: 40px;
		flex-wrap: wrap;
		flex-direction: column;
	}

	.categories-cards {
		width: 100%;
	}

	/* CATEGORIES PAGE CSS */


	/* FUNDRAISER PAGE CSS */

	.sortby-categories-wrap {
		flex-direction: column;
	}

	.broker-date {
		width: 100%;
	}

	.left-sec {
		width: 100%;
	}

	.fundraiser-wrap-box {
		flex-wrap: wrap;
	}

	.fundraiser-wrap-box .content-wrap {
		padding: 14px 14px;
		margin: 0px 0 0 0;
	}

	.fundraiser-wrap-box img {
		width: 100%;
		height: auto;
	}

	.top-fundariser-detail {
		gap: 14px;
		flex-direction: column;
	}

	.fundraiser-btn-wrap {
		position: unset;
	}

	/* FUNDRAISER PAGE CSS */

	/* FUNDRAISER DETAILS CSS */

	#product-main-image {
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	.common-datr-data {
		justify-content: flex-start;
		align-items: center;
		width: 47%;
	}

	.recent-donation-wrap h2 {
		font-size: 28px;
		line-height: 35px;
	}

	.top-fundraiser-wrap h2 {
		font-size: 28px;
		line-height: 35px;
	}

	/* FUNDRAISER DETAILS CSS */

		/* MONTHY DONATION CSS */

		.donation-main-card {
			padding: 40px 6px;
		}
	
		.joinus-content-wrap {
			padding: 6px 22px;
	
			h1 {
				font-size: 24px;
				line-height: 33px;
				text-align: center;
				font-weight: 700;
				font-family: 'mortend';
			}
	
			p {
				font-size: 16px;
				line-height: 20px;
			}
		}
	
		.how-it-works-wrap {
			flex-direction: column;
			width: 100%;
	
			& .box {
				width: 100%;
			}
			h3 {
				font-size: 18px;
				line-height: 22px;
				font-weight: 600;
			}
		}
	
		.dummy-msg{
	
			.dummy-msg h2 {
				font-size: 16px;
				line-height: 23px;
			}
	
		}
	
		.donation-second-sec {
			padding: 19px 10px 14px 10px;
	
			 label {
				width: 100%;
			}
	
			& .price-all-btns {
				justify-content: flex-start;
				flex-wrap: wrap;
			}
		}
	
		.tooltip .tooltiptext {
			text-align: center;
			right: inherit;
			padding: 5px 3px;
			position: absolute;
			display: flex;
			bottom: 125%;
			left: -114px;
			top: -75px;
		}
		.my-profile-right .tooltip .tooltiptext {
			text-align: center;
			right: inherit;
			padding: 5px 3px;
			position: absolute;
			display: flex;
			bottom: 125%;
			left: -80px;
			top: -75px;
		}
	
	
			/* MONTHY DONATION CSS */

}

@media only screen and (min-width:390px) and (max-width:479px) {

	/* MY PROFILE PAGE CSS */
	
	.checkbox-wrap {
    border: 1px solid #C8C8C8;
    padding: 14px 14px;
    display: flex
;
    gap: 20px;
    width: 80%;
    justify-content: space-between;
}


	.single_subs {
		width: 100%;
		height: auto;
	}

.banner-create-fehr {
    .toptab-pill-wrap {
        display: flex
;
        justify-content: center;
        position: relative;
        left: 0%;
    }
}

	.my-profile-inner {
		display: flex;
		gap: 20px;
		flex-wrap: wrap;
	}

	.my-profile-wrap {
		width: 100%;
	}

	.my-profile-left {
		width: 100%;
	}

	.my-profile-right {
		width: 100%;
	}

	.my-profile-right-inner label {
		width: 100%;
	}

	.profile-right-img {
		margin-top: 32px;
		margin-bottom: 18px;
	}

	.my-camping-inner {
		padding: 10px;
	}

	.my-camping-inner h1 {
		font-size: 28px;
	}

	/* MY PROFILE PAGE CSS */


	/* MY CAMPAIGNS CSS */

	.toptab-pill-wrap {
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 14px;
	}

	.my-campaigns-wrappp-page .nav-tabs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.mycampaigns-wrap-box img {
		width: 100%;
		height: 168px;
		object-fit: cover;
	}

	.mycampaigns-wrap-box {
		width: 100%;
		padding: 1px 1px;
	}

	.mycampaigns-wrap-box .content-wrap {
		padding: 10px 10px;
	}

	.fehr-pagi ul {
		align-items: center;
		gap: 3px;
		display: flex;
	}

	/* MY CAMPAIGNS CSS */

	/* DONATION YOU MADE CSS */

	.mydonation-wrap-box {
		flex-wrap: wrap;
		width: 100%;
	}

	.mydonation-wrap-box img {
		width: 100%;
		height: 193px;
		object-fit: cover;
		aspect-ratio: 3/2;
	}

	.my-camping-inner h3 {
		font-size: 20px;
	}


	/* DONATION YOU MADE CSS */

	/* SHOW ADD CARD CSS */

	.payment-card {
		width: 100%;
	}

	.my-camping-inner img {
		/* margin: 0 auto; */
		display: flex;
		margin: 0 auto;
		width: 100%;
		margin-bottom: 15px;
	}

	.card-details-pay h4 {
		font-size: 12px;
		left: 16px;
	}

	.card-details-pay p {
		font-size: 12px;
		left: 16px;
		bottom: 38px;
	}

	.card-details-pay span {
		font-size: 12px;
		right: 22px;
		bottom: 56px;
	}

	/* SHOW ADD CARD CSS */

	/* ACCOUNT SETTING CSS */

	.top-sec-btnwrap {
		margin-bottom: 18px;
	}

	.my-accountsetting-right-inner label {
		width: 100%;
	}

	/* ACCOUNT SETTING CSS */

	/* CREATE A FEHR CSS */

	.create-fehr-inner {
		flex-wrap: wrap;
	}

	.create-fehr-inner {
		gap: 0px 4px;
	}

	.selecttion-wrap-checlist {
		gap: 10px;
		flex-wrap: wrap;
	}

	/* CREATE A FEHR CSS */

	/* CATEGORIES PAGE CSS */

	.all-categories-wrap label {
		width: 100%;
	}

	.categories-listing-inner {
		gap: 40px;
		flex-wrap: wrap;
		flex-direction: column;
	}

	.categories-cards {
		width: 100%;
	}

	/* CATEGORIES PAGE CSS */


	/* FUNDRAISER PAGE CSS */

	.sortby-categories-wrap {
		flex-direction: column;
	}

	.broker-date {
		width: 100%;
	}

	.left-sec {
		width: 100%;
	}

	.fundraiser-wrap-box {
		flex-wrap: wrap;
	}

	.fundraiser-wrap-box .content-wrap {
		padding: 14px 14px;
		margin: 0px 0 0 0;
	}

	.fundraiser-wrap-box img {
		width: 100%;
		height: auto;
	}

	.top-fundariser-detail {
		gap: 14px;
		flex-direction: column;
	}

	.fundraiser-btn-wrap {
		position: unset;
	}

	/* FUNDRAISER PAGE CSS */

	/* FUNDRAISER DETAILS CSS */

	#product-main-image {
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	.common-datr-data {
		justify-content: flex-start;
		align-items: center;
		width: 100%;
	}

	.recent-donation-wrap h2 {
		font-size: 28px;
		line-height: 35px;
	}

	.top-fundraiser-wrap h2 {
		font-size: 28px;
		line-height: 35px;
	}

	/* FUNDRAISER DETAILS CSS */

		/* MONTHY DONATION CSS */

		.donation-main-card {
			padding: 40px 6px;
		}
	
		.joinus-content-wrap {
			padding: 6px 22px;
	
			h1 {
				font-size: 24px;
				line-height: 33px;
				text-align: center;
				font-weight: 700;
				font-family: 'mortend';
			}
	
			p {
				font-size: 16px;
				line-height: 20px;
			}
		}
	
		.how-it-works-wrap {
			flex-direction: column;
			width: 100%;
	
			& .box {
				width: 100%;
			}
			h3 {
				font-size: 18px;
				line-height: 22px;
				font-weight: 600;
			}
		}
	
		.dummy-msg{
	
			.dummy-msg h2 {
				font-size: 16px;
				line-height: 23px;
			}
	
		}
	
		.donation-second-sec {
			padding: 19px 10px 14px 10px;
	
			 label {
				width: 100%;
			}
	
			& .price-all-btns {
				justify-content: flex-start;
				flex-wrap: wrap;
			}
		}
	

		.tooltip .tooltiptext {
			text-align: center;
			right: inherit;
			padding: 5px 3px;
			position: absolute;
			display: flex;
			bottom: 125%;
			left: -114px;
			top: -75px;
		}
		.my-profile-right .tooltip .tooltiptext {
			text-align: center;
			right: inherit;
			padding: 5px 3px;
			position: absolute;
			display: flex;
			bottom: 125%;
			left: -80px;
			top: -75px;
		}
	

			/* MONTHY DONATION CSS */


}

@media only screen and (min-width:360px) and (max-width:389px) {

	/* MY PROFILE PAGE CSS */
	
	.checkbox-wrap {
    border: 1px solid #C8C8C8;
    padding: 14px 14px;
    display: flex
;
    gap: 20px;
    width: 80%;
    justify-content: space-between;
}

	.single_subs {
		width: 100%;
		height: auto;
	}

	.banner-create-fehr {
		.toptab-pill-wrap {
			display: flex
	;
			justify-content: center;
			position: relative;
			left: 0%;
		}
	}

	.my-profile-inner {
		display: flex;
		gap: 20px;
		flex-wrap: wrap;
	}

	.my-profile-wrap {
		width: 100%;
	}

	.my-profile-left {
		width: 100%;
	}

	.my-profile-right {
		width: 100%;
	}

	.my-profile-right-inner label {
		width: 100%;
	}

	.profile-right-img {
		margin-top: 32px;
		margin-bottom: 18px;
	}

	.my-camping-inner {
		padding: 10px;
	}

	.my-camping-inner h1 {
		font-size: 28px;
	}

	/* MY PROFILE PAGE CSS */

	/* MY CAMPAIGNS CSS */

	.toptab-pill-wrap {
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 14px;
	}

	.my-campaigns-wrappp-page .nav-tabs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.mycampaigns-wrap-box img {
		width: 100%;
		height: 168px;
		object-fit: cover;
	}

	.mycampaigns-wrap-box {
		width: 100%;
		padding: 1px 1px;
	}

	.mycampaigns-wrap-box .content-wrap {
		padding: 10px 10px;
	}

	.fehr-pagi ul {
		align-items: center;
		gap: 3px;
		display: flex;
	}

	/* MY CAMPAIGNS CSS */

	/* DONATION YOU MADE CSS */

	.mydonation-wrap-box {
		flex-wrap: wrap;
		width: 100%;
	}

	.mydonation-wrap-box img {
		width: 100%;
		height: 193px;
		object-fit: cover;
		aspect-ratio: 3/2;
	}

	.my-camping-inner h3 {
		font-size: 20px;
	}


	/* DONATION YOU MADE CSS */

	/* SHOW ADD CARD CSS */

	.payment-card {
		width: 100%;
	}

	.my-camping-inner img {
		/* margin: 0 auto; */
		display: flex;
		margin: 0 auto;
		width: 100%;
		margin-bottom: 15px;
	}

	.card-details-pay h4 {
		font-size: 12px;
		left: 16px;
	}

	.card-details-pay p {
		font-size: 12px;
		left: 16px;
		bottom: 38px;
	}

	.card-details-pay span {
		font-size: 12px;
		right: 22px;
		bottom: 56px;
	}

	/* SHOW ADD CARD CSS */


	/* ACCOUNT SETTING CSS */

	.top-sec-btnwrap {
		margin-bottom: 18px;
	}

	.my-accountsetting-right-inner label {
		width: 100%;
	}

	/* ACCOUNT SETTING CSS */

	/* CREATE A FEHR CSS */

	.create-fehr-inner {
		flex-wrap: wrap;
	}

	.create-fehr-inner {
		gap: 0px 4px;
	}

	.selecttion-wrap-checlist {
		gap: 10px;
		flex-wrap: wrap;
	}

	/* CREATE A FEHR CSS */

	/* CATEGORIES PAGE CSS */

	.all-categories-wrap label {
		width: 100%;
	}


	.categories-listing-inner {
		gap: 40px;
		flex-wrap: wrap;
		flex-direction: column;
	}

	.categories-cards {
		width: 100%;
	}

	/* CATEGORIES PAGE CSS */


	/* FUNDRAISER PAGE CSS */

	.sortby-categories-wrap {
		flex-direction: column;
	}

	.left-sec {
		width: 100%;
	}

	.broker-date {
		width: 100%;
	}

	.fundraiser-wrap-box {
		flex-wrap: wrap;
	}

	.fundraiser-wrap-box .content-wrap {
		padding: 14px 14px;
		margin: 0px 0 0 0;
	}

	.fundraiser-wrap-box img {
		width: 100%;
		height: auto;
	}

	.top-fundariser-detail {
		gap: 14px;
		flex-direction: column;
	}

	.fundraiser-btn-wrap {
		position: unset;
	}

	/* FUNDRAISER PAGE CSS */

	/* FUNDRAISER DETAILS CSS */

	#product-main-image {
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	.common-datr-data {
		justify-content: flex-start;
		align-items: center;
		width: 100%;
	}

	.recent-donation-wrap h2 {
		font-size: 28px;
		line-height: 35px;
	}

	.top-fundraiser-wrap h2 {
		font-size: 28px;
		line-height: 35px;
	}

	/* FUNDRAISER DETAILS CSS */

		/* MONTHY DONATION CSS */

		.donation-main-card {
			padding: 40px 6px;
		}
	
		.joinus-content-wrap {
			padding: 6px 22px;
	
			h1 {
				font-size: 24px;
				line-height: 33px;
				text-align: center;
				font-weight: 700;
				font-family: 'mortend';
			}
	
			p {
				font-size: 16px;
				line-height: 20px;
			}
		}
	
		.how-it-works-wrap {
			flex-direction: column;
			width: 100%;
	
			& .box {
				width: 100%;
			}
			h3 {
				font-size: 18px;
				line-height: 22px;
				font-weight: 600;
			}
		}
	
		.dummy-msg{
	
			.dummy-msg h2 {
				font-size: 16px;
				line-height: 23px;
			}
	
		}
	
		.donation-second-sec {
			padding: 19px 10px 14px 10px;
	
			 label {
				width: 100%;
			}
	
			& .price-all-btns {
				justify-content: flex-start;
				flex-wrap: wrap;
			}
		}

		.tooltip .tooltiptext {
			text-align: center;
			right: inherit;
			padding: 5px 3px;
			position: absolute;
			display: flex;
			bottom: 125%;
			left: -114px;
			top: -75px;
		}
		.my-profile-right .tooltip .tooltiptext {
			text-align: center;
			right: inherit;
			padding: 5px 3px;
			position: absolute;
			display: flex;
			bottom: 125%;
			left: -80px;
			top: -75px;
		}
	
	
	
			/* MONTHY DONATION CSS */

}

@media only screen and (min-width:320px) and (max-width:359px) {


	/* MY PROFILE PAGE CSS */
	
	.checkbox-wrap {
    border: 1px solid #C8C8C8;
    padding: 14px 14px;
    display: flex
;
    gap: 20px;
    width: 80%;
    justify-content: space-between;
}

	.tooltip .tooltiptext {
        text-align: center;
        right: inherit;
        padding: 5px 3px;
        position: absolute;
        display: flex;
        bottom: 125%;
        left: -114px;
        top: -75px;
    }
	.banner-create-fehr {
		.toptab-pill-wrap {
			display: flex
	;
			justify-content: center;
			position: relative;
			left: 0%;
		}
	}
	
	.my-profile-right .tooltip .tooltiptext {
        text-align: center;
        right: inherit;
        padding: 5px 3px;
        position: absolute;
        display: flex;
        bottom: 125%;
        left: -110px;
        top: -75px;
    }

	.my-profile-inner {
		display: flex;
		gap: 20px;
		flex-wrap: wrap;
	}

	.my-profile-wrap {
		width: 100%;
	}

	.my-profile-left {
		width: 100%;
	}

	.my-profile-right {
		width: 100%;
	}

	.my-profile-right-inner label {
		width: 100%;
	}

	.profile-right-img {
		margin-top: 32px;
		margin-bottom: 18px;
	}

	.my-camping-inner {
		padding: 10px;
	}

	.my-camping-inner h1 {
		font-size: 28px;
	}

	/* MY PROFILE PAGE CSS */


	/* MY CAMPAIGNS CSS */

	.toptab-pill-wrap {
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 14px;
	}

	.my-campaigns-wrappp-page .nav-tabs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.mycampaigns-wrap-box img {
		width: 100%;
		height: 168px;
		object-fit: cover;
	}

	.mycampaigns-wrap-box {
		width: 100%;
		padding: 1px 1px;
	}

	.mycampaigns-wrap-box .content-wrap {
		padding: 10px 10px;
	}

	.fehr-pagi ul {
		align-items: center;
		gap: 3px;
		display: flex;
	}

	/* MY CAMPAIGNS CSS */

	/* DONATION YOU MADE CSS */

	.mydonation-wrap-box {
		flex-wrap: wrap;
		width: 100%;
	}

	.mydonation-wrap-box img {
		width: 100%;
		height: 193px;
		object-fit: cover;
		aspect-ratio: 3/2;
	}

	.my-camping-inner h3 {
		font-size: 20px;
	}


	/* DONATION YOU MADE CSS */


	/* SHOW ADD CARD CSS */

	.payment-card {
		width: 100%;
	}

	.my-camping-inner img {
		/* margin: 0 auto; */
		display: flex;
		margin: 0 auto;
		width: 100%;
		margin-bottom: 15px;
	}

	.card-details-pay h4 {
		font-size: 12px;
		left: 16px;
	}

	.card-details-pay p {
		font-size: 12px;
		left: 16px;
		bottom: 38px;
	}

	.card-details-pay span {
		font-size: 12px;
		right: 22px;
		bottom: 56px;
	}

	/* SHOW ADD CARD CSS */

	/* ACCOUNT SETTING CSS */

	.top-sec-btnwrap {
		margin-bottom: 18px;
	}

	.my-accountsetting-right-inner label {
		width: 100%;
	}

	/* ACCOUNT SETTING CSS */


	/* CREATE A FEHR CSS */

	.create-fehr-inner {
		flex-wrap: wrap;
	}

	.create-fehr-inner {
		gap: 0px 4px;
	}

	.selecttion-wrap-checlist {
		gap: 10px;
		flex-wrap: wrap;
	}

	/* CREATE A FEHR CSS */


	/* CATEGORIES PAGE CSS */

	.all-categories-wrap label {
		width: 100%;
	}

	.categories-listing-inner {
		gap: 40px;
		flex-wrap: wrap;
		flex-direction: column;
	}

	.categories-cards {
		width: 100%;
	}

	/* CATEGORIES PAGE CSS */


	/* FUNDRAISER PAGE CSS */

	.sortby-categories-wrap {
		flex-direction: column;
	}

	.left-sec {
		width: 100%;
	}

	.broker-date {
		width: 100%;
	}

	.fundraiser-wrap-box {
		flex-wrap: wrap;
	}

	.fundraiser-wrap-box .content-wrap {
		padding: 14px 14px;
		margin: 0px 0 0 0;
	}

	.fundraiser-wrap-box img {
		width: 100%;
		height: auto;
	}

	.top-fundariser-detail {
		gap: 14px;
		flex-direction: column;
	}

	.fundraiser-btn-wrap {
		position: unset;
	}

	/* FUNDRAISER PAGE CSS */

	/* FUNDRAISER DETAILS CSS */

	#product-main-image {
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	.common-datr-data {
		justify-content: flex-start;
		align-items: center;
		width: 100%;
	}

	.recent-donation-wrap h2 {
		font-size: 28px;
		line-height: 35px;
	}

	.top-fundraiser-wrap h2 {
		font-size: 28px;
		line-height: 35px;
	}

	/* FUNDRAISER DETAILS CSS */

	/* MONTHY DONATION CSS */

	.donation-main-card {
		padding: 40px 6px;
	}

	.joinus-content-wrap {
		padding: 6px 22px;

		h1 {
			font-size: 24px;
			line-height: 33px;
			text-align: center;
			font-weight: 700;
			font-family: 'mortend';
		}

		p {
			font-size: 16px;
			line-height: 20px;
		}
	}

	.how-it-works-wrap {
		flex-direction: column;
		width: 100%;

		& .box {
			width: 100%;
		}
		h3 {
			font-size: 18px;
			line-height: 22px;
			font-weight: 600;
		}
	}

	.dummy-msg{

		.dummy-msg h2 {
			font-size: 16px;
			line-height: 23px;
		}

	}

	.donation-second-sec {
		padding: 19px 10px 14px 10px;

		 label {
			width: 100%;
		}

		& .price-all-btns {
			justify-content: flex-start;
			flex-wrap: wrap;
		}
	}

	.tooltip .tooltiptext {
		text-align: center;
		right: inherit;
		padding: 5px 3px;
		position: relative;
		display: flex;
		bottom: 127%;
		left: 23px;
		top: 11px;
	}

		/* MONTHY DONATION CSS */

		.single_subs {
			width: 100%;
			height: auto;
		}
}