/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1600px) {

	.elecson_menu>ul>li>a {
		margin: 28px 9px 28px;
	}

	.elecson-btn {
		margin-left: 22px;
	}

	.hero-contant h1 {
		font-size: 59px;
		line-height: 74px;
	}

	.hero-contant p {
		width: 98%;
	}

	.hero-shape {
		display: none;
	}

	h3.contact-title {
		font-size: 28px;
		line-height: 33px;
	}

	.contact-area::before {
		width: 100%;
		border-radius: 0;
	}

	.service-single-box {
		padding: 40px 49px 35px;
	}

	.about-shape {
		bottom: 38px;
		right: 0%;
	}

	span.about-text {
		bottom: 73px;
		left: 80%;
	}

	.about-area .section-main-title h1 {
		line-height: 46px;
		font-size: 38px;
	}

	.section-title-descr2 p {
		width: 102%;
	}

	h3.about-title {
		font-size: 19px;
	}

	h3.event-title a {
		font-size: 21px;
	}

	.download-area::before {
		width: 100%;
		border-radius: 0;
	}

	.download-title h2 {
		font-size: 29px;
		padding-left: 21px;
	}

	p.testi-descr {
		font-size: 18px;
		width: 80%;
	}

	.owl-prev {
		left: 10px;
	}

	.owl-next {
		right: 10px;
	}

	.owl-next {
		right: 10px;
	}

	.mission-content {
		padding: 32px 23px 28px;
	}

	h3.mission-title {
		font-size: 19px;
	}

	p.mission-descr {
		font-size: 15px;
		padding: 16px 0 15px;
	}

	.dollar-title h3 {
		font-size: 26px;
	}

	.dollar-area::before {
		width: 100%;
	}

	.team-social-icon {
		left: 61px;
	}

	.team-thumb::before {
		height: 93%;
		width: 90%;
	}

	.team-shape1 {
		display: none;
	}

	.team-shape {
		display: none;
	}

	h3.blog-title a {
		font-size: 19px;
		line-height: 27px;
	}

	.counter-area::before {
		width: 100%;
	}

	.footer-widget-text p {
		width: 91%;
	}

	.footer-contact-content h6 {
		font-size: 20px;
		line-height: 27px;
	}

	.footer-icon {
		margin-right: 26px;
	}

	.footer-thumb {
		margin: 10px -8px 6px 0;
	}

	.footer-thumb img {
		width: 87%;
	}

	/* inner page */

	.campaigns-section .section-main-title h1 {
		font-size: 38px;
		line-height: 51px;
	}

	.about-left {
		margin-left: -53px;
	}

	.section-main-title h1 {
		font-size: 38px;
		line-height: 48px;
	}

	.mission-section.style-two .section-main-title h1 {
		color: #fff;
		line-height: 52px;
		font-size: 37px;
	}

	.mission-thumb2 {
		margin-left: 11px;
	}

	.single-team-box::after {
		left: -49px;
		width: 35%;
	}

	.volunteer-section {
		background-position: center center;
	}

	/* campaigns area */

	.campaigns-thumb img {
		width: 100%;
	}

	.blog-contents.style .blog-title h3 a {
		font-size: 19px;
	}

	.volunteer-left {
		margin-left: 0;
	}

	.volunteer-thumb img {
		width: 100%;
	}

	.become-volunteer .section-main-title h1 {
		font-size: 32px;
		line-height: 41px;
	}

	.volunteer-left {
		margin-left: 0;
	}

	.become-volunteer .section-main-title h1 {
		color: #fff;
		font-size: 27px;
		line-height: 36px;
	}

	.volunteer-section.style-two .section-title {
		margin-bottom: 15px;
	}

	.volunteer-thumb img {
		width: 100%;
		margin-bottom: 30px;
	}


}






/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

	.elecson-btn a {
		font-size: 16px;
		padding: 15px 18px 15px;
	}

	.elecson_menu>ul>li>a {
		margin: 28px 5px 28px;
		font-size: 13px;
	}

	.elecson-btn {
		margin-left: 6px;
	}

	.hero-contant h1 {
		font-size: 45px;
		line-height: 58px;
	}

	.hero-contant p {
		width: 98%;
	}

	.hero-contant p::before {
		height: 73px;
	}

	.hero-shape2 {
		left: 60%;
	}

	.hero-shape {
		display: none;
	}

	h3.contact-title {
		font-size: 25px;
		line-height: 32px;
	}

	.form_field_inner1 input {
		width: 69%;
		margin-left: 13px;
	}

	.form_field_inner2 input {
		width: 69%;
		margin-left: -56px;
	}

	.contact_button button {
		padding: 0 55px 0;
		margin-left: -124px;
	}

	.section-title-descr p {
		width: 62%;
	}

	.contact-area::before {
		width: 100%;
		border-radius: 0;
	}

	.service-single-box {
		padding: 40px 22px 35px;
	}

	.service-icon::before {
		left: 39%;
	}

	.about-shape {
		bottom: 47px;
		right: -7%;
	}

	span.about-text {
		bottom: 80px;
		left: 83%;
	}

	.about-area .section-main-title h1 {
		line-height: 42px;
		font-size: 31px;
	}

	.about-thumb img {
		width: 100%;
	}

	.section-title-descr2 p {
		width: 97%;
	}

	h3.about-title {
		font-size: 15px;
	}

	h2.about-title {
		font-size: 16px;
	}

	h2.about-title {
		font-size: 16px;
		line-height: 45px;
	}

	h4.number {
		font-size: 15px;
		line-height: 0;
	}

	.about-single-box2 {
		margin-left: 43px;
	}

	.about-single-box::before {
		height: 41px;
		right: -31px;
	}

	.about-video-icon {
		margin-left: 20px;
	}


	.about-thumb2 {
		margin-right: 10px;
	}

	p.about-text {
		font-size: 14px;
		line-height: 23px;
	}

	.section-main-title h1 {
		font-size: 34px;
		line-height: 20px;
	}

	h3.event-title a {
		font-size: 16px;
		line-height: 23px;
		margin-bottom: 6px;
	}

	.single-event-box:hover .event-content {
		bottom: 32px;
	}

	span.event-time {
		font-size: 15px;
		line-height: 32px;
	}

	.download-area::before {
		width: 100%;
		border-radius: 0;
	}

	.download-title h2 {
		font-size: 23px;
		padding-left: 0;
	}

	p.testi-descr {
		font-size: 18px;
		width: 73%;
	}

	.owl-prev {
		left: 10px;
	}

	.owl-next {
		right: 10px;
	}

	.owl-next {
		right: 10px;
	}

	.mission-content {
		padding: 22px 23px 18px;
	}

	.mission-content {
		padding: 32px 23px 28px;
	}

	h3.mission-title {
		font-size: 15px;
	}

	p.mission-descr {
		font-size: 15px;
		padding: 9px 0 8px;
	}

	.mission-btn a {
		font-size: 15px;
	}

	.mission-icon i {
		font-size: 22px;
	}

	.dollar-title h3 {
		font-size: 21px;
		line-height: 28px;
	}

	.dollar-area::before {
		width: 100%;
	}

	.team-area {
		padding: 297px 0 111px;
		margin-top: -184px;
	}

	.dollar-list ul li {
		padding: 12px 18px 12px;
		margin-left: 4px;
	}

	.dollar-list a {
		padding: 9px 15px 8px;
		margin-left: 5px;
	}

	.team-social-icon ul li a i {
		font-size: 16px;
		padding-left: 9px;
	}

	.team-social-icon {
		left: 52px;
	}

	.team-thumb::before {
		height: 91%;
		width: 87%;
		left: 0px;
	}

	.blog-content {
		padding: 40px 21px 27px;
	}

	h3.blog-title a {
		font-size: 16px;
		line-height: 23px;
		padding: 17px 0 26px;
	}

	.blog-btn a {
		font-size: 16px;
	}

	.blog-btn a i {
		font-size: 16px;
		top: 2px;
		margin-left: 2px;
	}

	h3.team-title {
		font-size: 21px;
	}

	.blog-content::before {
		right: 9px;
	}

	h3.counter-title {
		margin-bottom: 11px;
	}

	.counter-number h2 {
		font-size: 45px;
		margin-bottom: 14px;
	}

	.counter-text2 span {
		font-size: 13px;
	}

	/* .footer-area {
	margin-top: -194px;
} */

	.widget-title h2 {
		font-size: 21px;
		margin-bottom: 32px;
	}

	@-webkit-keyframes MOVE-BG {
		from {
			transform: translateX(0);
		}

		to {
			transform: translateX(150px);
		}
	}

	.team-shape1 {
		display: none;
	}

	.team-shape {
		display: none;
	}

	.counter-area::before {
		width: 100%;
	}

	.footer-widget-text p {
		width: 86%;
	}

	h4.footer-widget-text2 {
		font-size: 18px;
		padding: 20px 0 34px;
	}

	.form-field input {
		height: 57px;
	}

	.form-field button {
		padding: 14px 18px 15px;
	}

	.footer-contact-content h4 {
		font-size: 17px;
		line-height: 25px;
	}

	.footer-icon {
		width: 65px;
		height: 70px;
		line-height: 69px;
		margin-right: 35px;
	}

	h3.follow-title {
		font-size: 21px;
		margin-right: 14px;
	}

	.footer-contact-content h6 {
		font-size: 16px;
		line-height: 27px;
	}

	.footer-icon {
		margin-right: 26px;
	}

	.footer-thumb {
		margin: 10px -43px -1px 0;
	}

	.footer-thumb img {
		width: 72%;
	}

	.footer-widget.left ul li::before {
		width: 20px;
	}

	.footer-widget.left ul li {
		padding-left: 28px;
	}

	.footer-widget.right ul li a {
		font-size: 13px;
	}

	.row.footer {
		padding: 15px 13px 15px;
	}


	/* inner page */

	.mission-section.style-two .section-main-title h1 {
		line-height: 45px;
		font-size: 30px;
	}

	.about-thumb img {
		width: 100%;
	}

	.section-main-title h1 {
		font-size: 33px;
		line-height: 50px;
	}

	.mission-icon {
		float: inherit;
		margin-bottom: 30px;
	}

	.misson-content {
		padding: 0 0px 0;
	}

	.mission-thumb2 img {
		width: 100%;
	}

	.single-team-box::after {
		display: none;
	}

	.volunteer-section {
		background-position: left;
	}

	.volunteer-title h2 {
		font-size: 30px;
	}

	.volunteer-btn a {
		padding: 15px 12px;
	}

	h3.title {
		font-size: 20px;
	}


	.footer-widget-title h2 {
		font-size: 18px;
	}

	.footer-widget-address ul li {
		font-size: 15px;
	}

	/* campaigns area */

	.campaigns-thumb img {
		width: 100%;
	}

	.donations-detials-title h2 a {
		font-size: 28px;
	}

	.blog-contents.style .blog-title h3 a {
		font-size: 19px;
	}

	p.meta-blog-date i {
		margin-right: 5px;
	}

	p.meta-blog-date {
		font-size: 15px;
	}

	.blog-section.tow.style3 .blog-contents.style {
		padding: 34px 6px 32px 15px;
	}

	.blog-section.tow.style3 .blog-contents.style .blog-title h3 a {
		font-size: 16px;
	}

	.blog-details-content h2 {
		font-size: 24px;
		line-height: 54px;
	}

	.blog-details-author-thumb {
		float: inherit;
		margin-bottom: 20px;
	}

	.volunteer-left {
		margin-left: 0;
	}

	.become-volunteer .section-main-title h1 {
		color: #fff;
		font-size: 27px;
		line-height: 36px;
	}

	.volunteer-section.style-two .section-title {
		margin-bottom: 15px;
	}

	.volunteer-thumb img {
		width: 100%;
		margin-bottom: 30px;
	}


}


/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

	.elecson_nav_manu {
		display: none;
	}

	.header-top-area {
		display: none;
	}

	.sticky {
		padding: 0;
		position: relative !important;
	}

	.elecson-btn {
		margin-left: 37px;
		padding: 0;
	}

	.header-btn {
		display: none;
	}

	.sticky .elecson-btn a {
		display: none;
	}

	/* .hero-area {
	height: 648px;
} */

	.hero-thumb img {
		width: 100%;
	}

	.hero-contant h1 {
		font-size: 34px;
		line-height: 50px;
	}

	.hero-shape {
		display: none;
	}

	.hero-contant p {
		font-size: 15px;
		line-height: 27px;
		width: 105%;
		padding-left: 21px;
	}

	.hero-contant p::before {
		height: 66px;
	}

	.hero-shape2 {
		display: none;
	}

	.hero-thumb {
		top: 50px;
	}

	.contact_form {
		padding: 30px 0 66px;
		text-align: center;
	}

	.contact-content {
		text-align: center;
		padding-top: 60px;
	}

	.contact-area::before {
		width: 100%;
		border-radius: 0;
	}

	.contact-area::before {
		width: 100%;
	}

	.form_field_inner1 input {
		width: 70%;
		margin-left: 0;
	}

	.form_field_inner2 input {
		width: 70%;
		margin-left: -156px;
	}

	.service-area {
		padding: 63px 0 50px;
	}

	.service-single-box {
		padding: 40px 35px 35px;
	}

	.contact_button button {
		margin-left: -152px;
		padding: 0 51px 0;
	}

	.section-title.text-center {
		margin-bottom: 40px;
	}

	.section-main-title h1 {
		font-size: 36px;
		line-height: 45px;
	}

	.section-title-descr p {
		width: 85%;
		padding: 23px 0 0;
	}

	.about-area {
		padding: 78px 0 56px;
	}

	.about-thumb {
		margin-bottom: 50px;
	}

	.about-area .elecson-btn {
		display: flex;
		justify-content: center;
	}

	span.about-text {
		left: -22px;
	}

	.section-title-descr2 p {
		width: 78%;
	}

	.about-single-box2 {
		margin-left: 0;
	}

	.about-single-box::before {
		right: 25px;
	}

	.event-area {
		padding: 74px 0 71px;
	}

	.portfolio_menu {
		text-align: left;
	}

	.portfolio_menu ul {
		padding: 0;
		margin-bottom: 28px;
	}

	.portfolio_menu ul li {
		padding-right: 30px;
		font-size: 17px;
		margin-bottom: 0;
		padding-left: 0;
	}

	.event-area .section-title.text-left {
		margin-bottom: 20px;
	}

	h3.event-title a {
		font-size: 19px;
		line-height: 28px;
		margin-bottom: 5px;
	}

	.single-event-box:hover .event-content {
		bottom: 35px;
	}

	.download-area::before {
		width: 100%;
	}

	.download-title h2 {
		padding-left: 0;
		text-align: center;
		padding: 61px 0 33px;
	}

	.download {
		text-align: center;
	}

	.download-btn2 {
		display: inline-block;
		margin-left: 16px;
		margin-bottom: 68px;
	}

	.testimonial-area {
		padding: 269px 0 70px;
	}

	p.testi-descr {
		width: 91%;
		padding: 38px 0 42px;
	}

	.owl-prev {
		left: -20px;
	}

	.owl-next {
		right: -20px;
	}

	.mission-area {
		padding: 80px 0 47px;
	}

	p.mission-descr {
		width: 93%;
	}

	.dollar-area::before {
		width: 100%;
	}

	.dollar-title {
		text-align: center;
	}

	.dollar-list {
		text-align: center;
		margin-bottom: 71px;
	}

	.dollar-list ul li {
		padding: 14px 14px 14px;
		margin-left: 6px;
	}

	.dollar-list a {
		padding: 11px 20px 10px;
		margin-left: 7px;
	}

	.dollar-title h3 {
		padding: 60px 0 29px;
	}

	.team-area {
		padding: 271px 0 74px;
	}

	.team-area .elecson-btn {
		display: none;
	}

	.team-area .section-title.text-left {
		margin-bottom: 15px;
	}

	.team-social-icon {
		left: 101px;
	}

	.team-thumb:hover .team-social-icon {
		bottom: 68px;
	}

	.team-social-icon ul li a i {
		padding-left: 12px;
	}

	.team-thumb::before {
		height: 85%;
		width: 84%;
		top: 23px;
	}

	.team-thumb img {
		padding: 29px;
	}

	.blog-area {
		padding: 75px 0 50px;
	}

	h3.blog-title a {
		font-size: 17px;
		line-height: 25px;
		padding: 17px 0 26px;
	}

	.blog-content::before {
		right: 10px;
	}

	.counter-area::before {
		width: 100%;
	}


	h3.counter-title {
		font-size: 24px;
		margin-bottom: 6px;
	}

	span.counter-call {
		font-size: 23px;
	}

	.single-counter-box {
		text-align: center;
		margin-bottom: 49px;
		margin-top: 0;
		position: relative;
		top: 40px;
	}

	.row.coun {
		padding: 34px 0 61px;
	}

	.footer-area {
		padding: 85px 0 85px;
	}

	.footer-thumb img {
		width: 82%;
	}

	.footer-thumb {
		margin: 10px -18px 6px 0;
	}

	.footer-icon {
		margin-right: 15px;
	}

	.footer-contact-content h6 {
		font-size: 19px;
		line-height: 31px;
	}

	h3.follow-title {
		font-size: 21px;
		margin-right: 10px;
	}

	.footer-widget-social a i {
		height: 38px;
		width: 38px;
		line-height: 38px;
		font-size: 13px;
		margin-left: 2px;
	}

	.footer-logo {
		text-align: left;
		margin-top: -51px;
	}

	.footer-social {
		text-align: center;
		/* margin-top: -47px; */
	}

	.copyright-list {
		text-align: left;
	}

	.copyright-list ul li {
		padding-left: 56px;
	}

	.copyright-list ul li::before {
		height: 31px;
		right: -33px;
		top: 0px;
	}

	.hero-contant {
		margin-top: 42px;
	}

	.about-right {
		margin-left: 0;
	}

	.counter-single-item {
		margin-bottom: 30px;
	}

	.counter-content {
		text-align: center;
	}

	.copyright-area {
		padding: 21px 0 20px;
	}


	.mission-area .section-title.text-center {
		margin-bottom: 49px;
	}

	.blog-area .section-title.text-center {
		margin-bottom: 47px;
	}

	.service-area .section-title.text-center {
		margin-bottom: 49px;
	}



	/* inner page */

	.campaigns-section .section-main-title h1 {
		font-size: 35px;
		line-height: 43px;
	}

	.about-left {
		margin-bottom: 30px;
	}

	.volunteer-follow-left {
		margin-top: 30px;
	}

	/* campaigns area */

	.campaigns-left {
		margin-bottom: 30px;
	}

	.campaigns-thumb img {
		width: 100%;
	}

	.campaigns-right {
		margin-bottom: 30px;
	}

	.donations-detials-title h2 a {
		font-size: 27px;
		font-weight: 600;
	}

	.up.donation-description p {
		padding: 5px 7px 7px 0px;
	}

	.donation-list ul li {
		font-size: 13px;
	}

	.rpost-content h4 a {
		font-size: 13px;
	}

	.row.donate_upper {
		padding: 50px 8px 45px;
	}

	button.tablink {
		width: 84px;
	}

	.blog-contents.style .blog-title h3 a {
		font-size: 18px;
	}

	.blog-section.tow.style3 .blog-contents.style {
		padding: 34px 6px 32px 15px;
	}

	.blog-section.tow.style3 .blog-contents.style .blog-title h3 a {
		font-size: 16px;
	}

	.blog-details-content h2 {
		font-size: 25px;
	}

	.blog-details-author-thumb {
		float: inherit;
		margin-bottom: 20px;
	}

	.gmap_canvas {
		width: 210%;
	}

	.contact-left {
		margin-left: 0;
	}

	.volunteer-left {
		margin-left: 0;
	}

	.become-volunteer .section-main-title h1 {
		color: #fff;
		font-size: 27px;
		line-height: 36px;
	}

	.volunteer-section.style-two .section-title {
		margin-bottom: 15px;
	}

	.volunteer-thumb img {
		width: 100%;
		margin-bottom: 30px;
	}

	.contact-form-box.style1 {
		padding: 27px 15px 32px;
		margin-top: -199px;
	}




}

/* Large Mobile :600px. */
@media only screen and (min-width: 600px) and (max-width: 767px) {

	.elecson_nav_manu {
		display: none;
	}

	.header-top-area {
		display: none;
	}

	.sticky {
		padding: 0;
		position: relative !important;
	}

	.elecson-btn {
		padding: 0;
	}

	.header-btn {
		display: none;
	}

	.sticky .elecson-btn a {
		display: none;
	}

	.hero-area {
		height: 1230PX;
	}

	.hero-contant {
		position: relative;
		top: 37px;
	}

	.hero-thumb img {
		width: 100%;
	}

	.hero-contant h1 {
		font-size: 45px;
		line-height: 58px;
	}

	.hero-shape {
		display: none;
	}

	.hero-contant p {
		font-size: 15px;
		line-height: 27px;
		width: 78%;
		padding-left: 21px;
	}

	.hero-contant p::before {
		height: 66px;
	}

	.hero-shape2 {
		display: none;
	}

	.hero-thumb {
		top: 75px;
	}

	h3.contact-title {
		font-size: 26px;
	}

	.contact_form {
		padding: 30px 0 75px;
		text-align: center;
	}

	.contact-content {
		text-align: center;
		padding-top: 65px;
	}

	.contact-area::before {
		width: 100%;
		border-radius: 0;
	}

	.contact-area::before {
		width: 100%;
	}

	.form_field_inner1 input {
		width: 76%;
		margin-left: -33px;
	}

	.form_field_inner2 input {
		width: 77%;
		margin-left: -103px;
	}

	.service-area {
		padding: 64px 0 50px;
		height: 100%;
	}

	.service-single-box {
		padding: 40px 68px 35px;
	}

	.contact_button button {
		margin-left: -70px;
		padding: 0 24px 0;
	}

	.section-title.text-center {
		margin-bottom: 40px;
	}

	.section-main-title h1 {
		font-size: 36px;
		line-height: 22px;
	}

	.section-title-descr p {
		width: 91%;
		padding: 23px 0 0;
	}

	.about-area {
		padding: 78px 0 53px;
	}

	.about-thumb {
		margin-bottom: 50px;
	}

	.about-thumb img {
		width: 100%;
	}

	.about-shape {
		bottom: 3px;
		right: 3%;
	}

	span.about-text {
		left: 393px;
		bottom: 37px;
	}

	.about-area .elecson-btn {
		display: flex;
		justify-content: center;
	}

	.about-right {
		margin-left: 0;
	}

	.about-single-box {
		margin-bottom: 28px;
	}

	.about-single-box2 {
		margin-left: 0;
		margin-bottom: 33px;
	}

	.section-title-descr2 p {
		width: 78%;
	}

	.about-area .section-main-title h1 {
		line-height: 44px;
		font-size: 33px;
	}

	.about-single-box2 {
		margin-left: 0;
	}

	.about-single-box::before {
		right: 25px;
		display: none;
	}

	.about-video-icon {
		margin-left: 12px;
	}

	.section-title-descr2 p {
		width: 89%;
	}

	.event-area {
		padding: 75px 0 71px;
	}

	.portfolio_menu {
		text-align: left;
	}

	.portfolio_menu ul {
		padding: 0;
		margin-bottom: 25px;
	}

	.portfolio_menu ul li {
		padding-right: 12px;
		font-size: 17px;
		margin-bottom: 4px;
		padding-left: 0;
		font-size: 16px;
	}

	.event-area .section-title.text-left {
		margin-bottom: 20px;
	}

	.download-area::before {
		width: 100%;
	}

	.download-title h2 {
		padding-left: 0;
		text-align: center;
		padding: 60px 0 32px;
		line-height: 39px;
	}

	.download {
		text-align: center;
	}

	.download-btn2 {
		display: inline-block;
		margin-left: 16px;
		margin-bottom: 74px;
	}

	.testimonial-area {
		padding: 269px 0 70px;
	}

	p.testi-descr {
		width: 77%;
		padding: 28px 0 32px;
	}

	.owl-prev {
		left: -20px;
		top: -300px;
	}

	.owl-next {
		right: -20px;
		top: -300px;
	}

	.mission-area {
		padding: 80px 0 47px;
	}

	p.mission-descr {
		width: 93%;
	}

	.dollar-area::before {
		width: 100%;
	}

	.dollar-title {
		text-align: center;
	}

	.dollar-list {
		text-align: center;
		margin-bottom: 71px;
	}

	.dollar-list ul li {
		padding: 14px 18px 14px;
		margin-left: 6px;
		margin-bottom: 9px;
	}

	.dollar-list a {
		padding: 11px 20px 10px;
		margin-left: 7px;
	}

	.dollar-title h3 {
		padding: 60px 0 29px;
		font-size: 25px;
	}

	.team-area {
		padding: 271px 0 74px;
	}

	.team-social-icon {
		left: 190px;
	}

	.team-area .section-title.text-left {
		margin-bottom: 14px;
	}

	@-webkit-keyframes MOVE-BG {
		from {
			transform: translateX(0);
		}

		to {
			transform: translateX(440px);
		}
	}


	.team-thumb:hover .team-social-icon {
		bottom: 68px;
	}

	.team-thumb::before {
		height: 89%;
		width: 89%;
		top: 27px;
	}

	.team-thumb img {
		padding: 30px;
	}

	.team-area .elecson-btn {
		display: none;
	}

	.team-shape {
		display: none;
	}

	.team-shape1 {
		display: none;
	}

	.blog-area {
		padding: 75px 0 50px;
	}

	h3.blog-title a {
		padding: 17px 0 26px;
	}

	.blog-content::before {
		right: 10px;
	}

	.counter-area::before {
		width: 100%;
	}

	h3.counter-title {
		font-size: 24px;
		margin-bottom: 6px;
	}

	span.counter-call {
		font-size: 23px;
	}

	.counter-content {
		text-align: center;
		margin-top: 58px;
	}

	.counter-area::before {
		height: 112%;
	}

	.single-counter-box {
		text-align: center;
		margin-bottom: 49px;
		margin-top: 0;
		position: relative;
		top: 40px;
	}

	.footer-area {
		padding: 85px 0 85px;
	}

	.footer-thumb img {
		width: 64%;
	}

	/* .footer-thumb {
		margin: 10px -57px 54px 0;
	} */

	.footer-cotact-box {
		margin: 45px 0 35px;
	}

	.footer-logo {
		text-align: center;
	}

	.footer-social {
		text-align: center;
	}

	.copyright-area {
		padding: 15px 0 15px;
	}

	.copyright-list {
		text-align: left;
	}

	.copyright-list ul li {
		padding-left: 0;
		padding-right: 41px;
		margin-top: 10px;
	}

	.copyright-list ul li::before {
		height: 21px;
		right: 18px;
		top: 6px;
	}

	.mission-area .section-title.text-center {
		margin-bottom: 49px;
	}

	.blog-area .section-title.text-center {
		margin-bottom: 47px;
	}

	.service-area .section-title.text-center {
		margin-bottom: 49px;
	}


	/* inner page */

	.campaigns-section .section-main-title h1 {
		font-size: 26px;
		line-height: 36px;
	}

	.about-left {
		margin-bottom: 30px;
	}

	.section-main-title h1 {
		font-size: 30px;
		line-height: 39px;
	}

	.mission-thumb2 {
		margin-left: 0;
	}

	.mission-thumb2 img {
		width: 100%;
	}

	.volunteer-follow-left {
		margin-top: 30px;
	}

	.volunteer-btn {
		text-align: left;
		margin-right: 0;
	}

	.volunteer-btn a {
		margin-top: 30px;
	}

	.mission-area .section-title.text-center {
		margin-bottom: 49px;
	}

	.blog-area .section-title.text-center {
		margin-bottom: 47px;
	}

	.service-area .section-title.text-center {
		margin-bottom: 49px;
	}

	/* campaigns area */

	.campaigns-left {
		margin-bottom: 30px;
	}

	.campaigns-thumb img {
		width: 100%;
	}

	.campaigns-right {
		margin-bottom: 30px;
	}

	.donations-detials-title h2 a {
		font-size: 23px;
	}

	.event-thumb {
		margin-bottom: 30px;
	}

	.row.donate_upper {
		padding: 50px 0px 45px;
	}

	button.tablink {
		width: 88px;
	}

	.blog-details-content h2 {
		font-size: 25px;
	}

	.blog-details-author-thumb {
		float: inherit;
		margin-bottom: 20px;
	}

	.contact-left {
		margin-left: 0;
	}

	.volunteer-left {
		margin-left: 0;
	}

	.become-volunteer .section-main-title h1 {
		color: #fff;
		font-size: 27px;
		line-height: 36px;
	}

	.volunteer-section.style-two .section-title {
		margin-bottom: 15px;
	}

	.volunteer-thumb img {
		width: 100%;
		margin-bottom: 30px;
	}

	.contact-form-box.style1 {
		padding: 27px 15px 32px;
		margin-top: -199px;
	}

	.breadcumb-area {
		height: 200px;
	}




}






/* small mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 599px) {

	.elecson_nav_manu {
		display: none;
	}

	.header-top-area {
		display: none;
	}

	.sticky {
		padding: 0;
		position: relative !important;
	}

	.elecson-btn {
		padding: 0;
	}

	.header-btn {
		display: none;
	}

	.sticky .elecson-btn a {
		display: none;
	}

	.hero-area {
		height: 1130PX;
	}

	.hero-contant {
		position: relative;
		top: 47px;
	}

	.row.contact {
		padding: 32px 19px 28px;
	}

	.hero-thumb img {
		max-width: 250px;
	}

	.hero-contant h1 {
		font-size: 45px;
		line-height: 58px;
	}

	.hero-shape {
		display: none;
	}

	.hero-contant p {
		font-size: 15px;
		line-height: 27px;
		width: 87%;
		padding-left: 21px;
	}

	.hero-area .elecson-btn a {
		padding: 16px 23px 16px;
	}

	.hero-contant p::before {
		height: 66px;
	}

	.hero-shape2 {
		display: none;
	}

	.hero-thumb {
		top: 75px;
	}

	.contact_form {
		padding: 30px 0 45px;
		text-align: center;
	}

	.contact-content {
		text-align: center;
	}

	.contact-content {
		text-align: center;
		padding-top: 30px;
	}

	.contact-area::before {
		width: 100%;
		border-radius: 0;
	}

	.contact-area::before {
		width: 100%;
	}

	.form_field_inner1 input {
		width: 80%;
		margin-left: -65px;
	}

	.form_field_inner2 input {
		width: 80%;
		margin-left: -104px;
	}

	.service-area {
		padding: 80px 0 50px;
	}

	.service-single-box {
		padding: 40px 56px 35px;
	}

	.contact_button button {
		margin-left: -69px;
		padding: 0 20px 0;
		position: relative;
		right: -16px;
	}

	.form_field_inner1 i {
		display: none;
	}

	.form_field_inner2 i {
		display: none;
	}

	.section-title.text-center {
		margin-bottom: 40px;
	}

	.section-main-title h1 {
		font-size: 29px;
		line-height: 18px;
	}

	.section-title-descr p {
		width: 90%;
		padding: 23px 0 0;
	}

	.about-area {
		padding: 78px 0 56px;
	}

	.about-thumb {
		margin-bottom: 50px;
	}

	.about-thumb img {
		width: 100%;
	}

	.about-shape {
		bottom: 3px;
		right: 3%;
	}

	.about-area .elecson-btn {
		display: flex;
		justify-content: center;
	}

	span.about-text {
		left: 336px;
		bottom: 37px;
	}

	.about-right {
		margin-left: 0;
	}

	.about-single-box {
		margin-bottom: 28px;
	}

	.about-single-box2 {
		margin-left: 0;
		margin-bottom: 33px;
	}

	.section-title-descr2 p {
		width: 78%;
	}

	.about-area .section-main-title h1 {
		line-height: 44px;
		font-size: 30px;
	}

	.about-single-box2 {
		margin-left: 0;
	}

	.about-single-box::before {
		right: 25px;
		display: none;
	}

	.about-video-icon {
		margin-left: 12px;
	}

	.section-title-descr2 p {
		width: 97%;
	}

	.about-video-icon a {
		height: 62px;
		width: 62px;
		line-height: 62px;
		top: -20px;
	}

	.event-area {
		padding: 72px 0 71px;
	}

	.portfolio_menu {
		text-align: left;
	}

	.portfolio_menu ul {
		padding: 0;
		margin-bottom: 16px;
	}

	.portfolio_menu ul li {
		padding-right: 10px;
		font-size: 17px;
		margin-bottom: 4px;
		padding-left: 0;
		font-size: 14px;
	}

	.event-area .section-title.text-left {
		margin-bottom: 12px;
	}

	.download-area::before {
		width: 100%;
	}

	.download-title h2 {
		padding-left: 0;
		text-align: center;
		padding: 60px 0 32px;
		line-height: 39px;
		font-size: 27px;
	}

	.download {
		text-align: center;
	}

	.download-btn2 {
		display: inline-block;
		margin-left: 16px;
		margin-bottom: 74px;
	}

	.testimonial-area {
		padding: 269px 0 70px;
	}

	p.testi-descr {
		width: 87%;
		padding: 28px 0 32px;
	}

	.owl-prev {
		display: none;
	}

	.owl-next {
		display: none;
	}

	.mission-area {
		padding: 80px 0 47px;
	}

	p.mission-descr {
		width: 93%;
	}

	.dollar-area::before {
		width: 100%;
	}

	.dollar-title {
		text-align: center;
	}

	.dollar-list {
		text-align: center;
		margin-bottom: 71px;
	}

	.dollar-list ul li {
		padding: 14px 18px 14px;
		margin-left: 6px;
		margin-bottom: 9px;
	}

	.dollar-list a {
		padding: 11px 20px 10px;
		margin-left: 7px;
	}

	.dollar-title h3 {
		padding: 60px 0 29px;
		font-size: 22px;
	}

	.team-area {
		padding: 271px 0 74px;
	}

	.team-social-icon {
		left: 160px;
	}

	@-webkit-keyframes MOVE-BG {
		from {
			transform: translateX(0);
		}

		to {
			transform: translateX(310px);
		}
	}

	.team-area .section-title.text-left {
		margin-bottom: 10px;
	}


	.team-thumb:hover .team-social-icon {
		bottom: 68px;
	}

	.team-thumb::before {
		height: 88%;
		width: 87%;
		top: 27px;
	}

	.team-thumb img {
		padding: 30px;
	}

	.team-area .elecson-btn {
		display: none;
	}

	.team-shape {
		display: none;
	}

	.team-shape1 {
		display: none;
	}

	.blog-area {
		padding: 75px 0 50px;
	}

	h3.blog-title a {
		padding: 17px 0 26px;
	}

	.blog-content::before {
		right: 10px;
	}

	.counter-area::before {
		width: 100%;
	}

	h3.counter-title {
		font-size: 24px;
		margin-bottom: 6px;
	}

	span.counter-call {
		font-size: 23px;
	}

	.counter-content {
		text-align: center;
		margin-top: 58px;
	}

	.counter-area::before {
		height: 112%;
	}

	.single-counter-box {
		text-align: center;
		margin-bottom: 49px;
		margin-top: 0;
		position: relative;
		top: 40px;
	}

	.footer-area {
		padding: 85px 0 85px;

	}

	.row.footer.align-items-center {
		padding: 30px 0 30px;
	}

	.footer-widget-text p {
		width: 89%;
	}

	.footer-thumb img {
		width: 54%;
	}

	/* .footer-thumb {
		margin: 10px -74px 54px 0;
	} */

	.footer-cotact-box {
		margin: 45px 0 35px;
	}

	.footer-logo {
		text-align: center;
	}

	.footer-social {
		text-align: center;
	}

	.copyright-area {
		padding: 25px 0 25px;
	}

	.copyright-list {
		text-align: left;
	}

	.copyright-list ul li {
		padding-left: 0;
		padding-right: 41px;
		margin-top: 10px;
	}

	.copyright-list ul li::before {
		height: 21px;
		right: 18px;
		top: 6px;
	}

	.mission-area .section-title.text-center {
		margin-bottom: 36px;
	}

	.blog-area .section-title.text-center {
		margin-bottom: 34px;
	}

	.service-area .section-title.text-center {
		margin-bottom: 35px;
	}


	/* inner page */

	.campaigns-section .section-main-title h1 {
		font-size: 26px;
		line-height: 36px;
	}

	.donate-section .section-main-title h1 {
		line-height: 38px;
	}

	.about-section .section-main-title h1 {
		line-height: 38px;
	}

	.mission-section.style-two .section-main-title h1 {
		line-height: 44px;
	}

	.about-left {
		margin-bottom: 30px;
	}

	.mission-thumb2 {
		margin-left: 0;
	}

	.mission-thumb2 img {
		width: 100%;
	}

	.volunteer-follow-left {
		margin-top: 30px;
	}

	.volunteer-btn {
		text-align: left;
		margin-right: 0;
	}

	.volunteer-btn a {
		margin-top: 30px;
	}

	/* campaigns area */

	.campaigns-left {
		margin-bottom: 30px;
	}

	.campaigns-thumb img {
		width: 100%;
	}

	.campaigns-right {
		margin-bottom: 30px;
	}

	.donations-detials-title h2 a {
		font-size: 21px;
		font-weight: 600;
	}

	.event-thumb {
		margin-bottom: 30px;
	}

	.row.donate_upper {
		background: #012549;
		margin: 0;
		padding: 50px 0px 45px;
		border-top: 5px solid #3394F5;
	}

	.blog-details-content h2 {
		font-size: 25px;
	}

	.blog-details-author-thumb {
		float: inherit;
		margin-bottom: 20px;
	}

	.blog-details-comment-reply {
		right: -17px;
	}

	.contact-left {
		margin-left: 0;
	}

	.volunteer-left {
		margin-left: 0;
	}

	.volunteer-section.style-two .section-main-title h1 {
		font-size: 21px;
		line-height: 27px;
	}

	.volunteer-section.style-two .section-title {
		margin-bottom: 15px;
	}

	.volunteer-thumb img {
		width: 100%;
		margin-bottom: 30px;
	}

	.contact-form-box.style1 {
		padding: 27px 15px 32px;
		margin-top: -199px;
	}

	.breadcumb-area {
		height: 200px;
	}


}





/* small mobile :320px. */
@media only screen and (min-width: 320px) and (max-width: 479px) {

	.elecson_nav_manu {
		display: none;
	}

	.header-top-area {
		display: none;
	}

	.sticky {
		padding: 0;
		position: relative !important;
	}

	.elecson-btn {
		padding: 0;
	}

	.header-btn {
		display: none;
	}

	.sticky .elecson-btn a {
		display: none;
	}

	/* .hero-area {
	height: 923px;
} */


	.hero-area {
		padding: 0;
	}

	.row.contact {
		padding: 0 22px 0;
	}

	.hero-contant {
		position: relative;
		top: 39px;
	}

	.hero-thumb img {
		max-width: 150px;
	}

	.hero-contant h5 {
		font-size: 16px;
		padding-left: 59px;
	}

	.hero-contant h5::after {
		height: 13px;
		width: 13px;
	}

	.hero-contant h5::before {
		top: 11px;
		width: 40px;
	}

	.hero-contant h1 {
		font-size: 27px;
		line-height: 40px;
	}

	.hero-shape {
		display: none;
	}

	.hero-contant p {
		font-size: 15px;
		line-height: 27px;
		width: 100%;
		padding-left: 0;
		padding: 15px 0 16px;
	}

	.hero-contant p::before {
		background: transparent;
	}

	.hero-area .elecson-btn a {
		padding: 15px 22px 15px;
	}

	.hero-contant p::before {
		height: 66px;
	}

	.hero-shape2 {
		display: none;
	}

	/* .hero-thumb {
	top: 75px;
} */

	.contact_form {
		padding: 30px 0 86px;
		text-align: center;
	}

	.contact-content {
		text-align: center;
	}

	.contact-content {
		text-align: center;
		padding-top: 59px;
	}

	.contact-area::before {
		width: 100%;
		border-radius: 0;
	}

	.contact-area::before {
		width: 100%;
	}

	h3.contact-title {
		font-size: 21px;
		line-height: 29px;
	}

	.form_field_inner1 input {
		width: 130%;
		margin-left: -22px;
	}

	.form_field_inner2 input {
		width: 130%;
		margin-left: 24px;
	}

	.service-area {
		padding: 80px 0 50px;
	}

	.service-single-box {
		padding: 40px 22px 35px;
	}

	.contact_button button {
		margin-left: -69px;
		padding: 0 20px 0;
		position: relative;
		right: -33px;
		top: 11px;
	}

	.form_field_inner1 i {
		display: none;
	}

	.form_field_inner2 i {
		display: none;
	}

	.section-title.text-center {
		margin-bottom: 40px;
	}

	.section-main-title h1 {
		font-size: 21px;
		line-height: 28px;
	}

	.section-title-descr p {
		width: 86%;
		padding: 23px 0 0;
	}

	.about-area {
		padding: 78px 0 56px;
	}

	.about-thumb {
		margin-bottom: 40px;
	}

	.about-area .elecson-btn {
		display: flex;
		justify-content: center;
	}

	.section-sub-title h5 {
		font-size: 16px;
		padding-left: 60px;
		margin-bottom: 15px;
	}

	.section-sub-title h5::after {
		height: 13px;
		width: 13px;
		top: 4px;
	}

	.section-sub-title h5::before {
		width: 39px;
		top: 10px;
		left: 9px;
	}

	.about-thumb img {
		width: 100%;
	}

	.about-shape {
		bottom: 3px;
		right: 3%;
	}

	span.about-text {
		left: 180px;
		bottom: 37px;
	}

	.about-right {
		margin-left: 0;
	}

	.about-single-box {
		margin-bottom: 28px;
	}

	.about-single-box2 {
		margin-left: 0;
		margin-bottom: 33px;
	}

	.section-title-descr2 p {
		width: 78%;
	}

	.about-area .section-main-title h1 {
		line-height: 30px;
		font-size: 18px;
	}

	.about-single-box2 {
		margin-left: 0;
	}

	.about-single-box::before {
		right: 25px;
		display: none;
	}

	.about-video-icon {
		margin-left: 12px;
	}

	.section-title-descr2 p {
		width: 100%;
		padding: 15px 0 0;
		font-size: 15px;
	}

	.about-area .elecson-btn a {
		padding: 16px 23px 16px;
	}

	.about-video-icon a {
		height: 58px;
		width: 58px;
		line-height: 58px;
		top: -20px;
	}

	.event-area {
		padding: 72px 0 71px;
	}

	.event-area .section-main-title h1 {
		font-size: 26px;
		line-height: 27px;
		margin-bottom: 16px;
	}

	.portfolio_menu {
		text-align: left;
	}

	.portfolio_menu ul {
		padding: 0;
		margin-bottom: 32px;
	}

	h3.event-title a {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 6px;
	}

	.single-event-box:hover .event-content {
		bottom: 27px;
	}

	.portfolio_menu ul li {
		padding-right: 10px;
		padding-left: 0;
		font-size: 16px;
		line-height: 28px;
	}

	.event-area .section-title.text-left {
		margin-bottom: 12px;
	}

	.download-area::before {
		width: 100%;
	}

	.download-title h2 {
		padding-left: 0;
		text-align: center;
		padding: 60px 0 32px;
		line-height: 34px;
		font-size: 25px;
	}

	.download {
		text-align: center;
	}

	.download-btn2 {
		display: inline-block;
		margin-left: 0;
		margin-bottom: 74px;
		margin-top: 15px;
	}

	.testimonial-area {
		padding: 269px 0 70px;
	}

	.testimonial-area .section-main-title h1 {
		font-size: 21px;
		line-height: 19px;
	}

	p.testi-descr {
		width: 97%;
		padding: 28px 0 32px;
	}

	.owl-prev {
		display: none;
	}

	.owl-next {
		display: none;
	}

	.mission-area {
		padding: 80px 0 47px;
	}

	p.mission-descr {
		width: 100%;
	}

	.dollar-area::before {
		width: 100%;
	}

	.dollar-title {
		text-align: center;
	}

	.dollar-list {
		text-align: center;
		margin-bottom: 71px;
	}

	.dollar-list ul li {
		padding: 14px 31px 14px;
		margin-left: 6px;
		margin-bottom: 9px;
	}

	.dollar-list a {
		padding: 11px 20px 10px;
		margin-left: 7px;
	}

	.dollar-title h3 {
		padding: 60px 0 29px;
		font-size: 22px;
	}

	.team-area .section-main-title h1 {
		line-height: 32px;
	}

	.team-area {
		padding: 271px 0 74px;
	}

	.team-social-icon {
		left: 96px;
	}

	.team-social-icon ul li a i {
		font-size: 17px;
		padding-left: 8px;
	}

	.team-thumb:hover .team-social-icon {
		bottom: 56px;
	}

	@-webkit-keyframes MOVE-BG {
		from {
			transform: translateX(0);
		}

		to {
			transform: translateX(190px);
		}
	}

	.team-area .section-title.text-left {
		margin-bottom: 10px;
	}


	.team-thumb:hover .team-social-icon {
		bottom: 68px;
	}

	.team-thumb::before {
		height: 81%;
		width: 80%;
		top: 27px;
	}

	.team-thumb img {
		padding: 30px;
	}

	.team-area .elecson-btn {
		display: none;
	}

	.team-shape {
		display: none;
	}

	.team-shape1 {
		display: none;
	}

	.blog-area {
		padding: 75px 0 50px;
	}

	.blog-content {
		padding: 40px 20px 27px;

	}

	h3.blog-title a {
		padding: 17px 0 26px;
		font-size: 16px;
		line-height: 24px;
	}

	.blog-btn a {
		font-size: 15px;
	}

	.blog-btn a i {
		font-size: 16px;
		top: 2px;
	}

	.blog-content::before {
		right: 10px;
	}

	.counter-area::before {
		width: 100%;
	}

	h3.counter-title {
		font-size: 23px;
		margin-bottom: 6px;
		line-height: 37px;
	}

	span.counter-call {
		font-size: 23px;
	}

	.counter-content {
		text-align: center;
		margin-top: 58px;
	}

	.counter-area::before {
		height: 112%;
	}

	.single-counter-box {
		text-align: center;
		margin-bottom: 49px;
		margin-top: 0;
		position: relative;
		top: 40px;
	}

	.footer-area {
		padding: 114px 0 114px;
		/* margin-top: -135px; */
	}

	.footer-icon {
		margin-right: 15px;
	}

	.footer-contact-content h6 {
		font-size: 19px;
		line-height: 26px;
	}

	.row.footer {
		padding: 15px 0px 15px;
		position: relative;
		top: 33px;
	}

	.footer-widget-social a i {
		height: 37px;
		width: 37px;
		line-height: 37px;
		font-size: 14px;
		margin-left: 6px;
	}

	h3.follow-title {
		font-size: 19px;
		margin-right: 8px;
	}

	.footer-copyright-text p {
		font-size: 14px;
		line-height: 22px;
	}

	.copyright-list ul li a {
		font-size: 13px;
	}

	.footer-widget-text p {
		width: 87%;
	}

	.form-field input {
		width: 57%;
	}

	.footer-thumb img {
		width: 74%;
	}

	/* .footer-thumb {
		margin: 10px -38px 2px 0;
	} */

	.footer-cotact-box {
		margin: 45px 0 35px;
	}

	.footer-logo {
		text-align: center;
	}

	.footer-social {
		text-align: center;
	}

	.copyright-area {
		padding: 25px 0 25px;
	}

	.copyright-list {
		text-align: left;
	}

	.copyright-list ul li {
		padding-left: 0;
		padding-right: 41px;
		margin-top: 10px;
	}

	.copyright-list ul li::before {
		height: 21px;
		right: 18px;
		top: 6px;
	}

	.mission-area .section-title.text-center {
		margin-bottom: 32px;
	}

	.blog-area .section-title.text-center {
		margin-bottom: 31px;
	}

	.service-area .section-title.text-center {
		margin-bottom: 35px;
	}


	/* inner page */

	.breadcumb-title h1 {
		font-size: 32px;
	}

	.campaigns-section .section-main-title h1 {
		font-size: 21px;
		line-height: 28px;
	}

	.donate-section .section-main-title h1 {
		line-height: 26px;
		font-size: 18px;
	}

	.volunteer-left {
		margin-left: 0;
	}

	.volunteer-section.style-two .section-main-title h1 {
		font-size: 21px;
		line-height: 27px;
	}

	.volunteer-section.style-two .section-title {
		margin-bottom: 15px;
	}

	.volunteer-thumb img {
		width: 100%;
		margin-bottom: 30px;
	}

	.contact-form-box.style1 {
		padding: 27px 15px 32px;
		margin-top: -199px;
	}

	.about-section .section-main-title h1 {
		line-height: 30px;
	}

	.mission-section.style-two .section-main-title h1 {
		line-height: 36px;
	}

	.mission-icon.tow {
		margin-right: 10px;
	}

	p.mission-desc {
		font-size: 13px;
	}

	.about-left {
		margin-bottom: 30px;
	}

	.about-thumb img {
		width: 100%;
	}

	.mission-thumb2 {
		margin-left: 0;
	}

	.mission-icon {
		float: inherit;
		margin-bottom: 0;
	}

	.misson-content {
		padding: 0 0px 0;
	}

	.mission-thumb2 img {
		width: 100%;
	}

	.volunteer-follow-left {
		margin-top: 30px;
	}

	.volunteer-btn {
		text-align: left;
		margin-right: 0;
	}

	.volunteer-btn a {
		margin-top: 30px;
	}

	h3.title {
		font-size: 18px;
	}

	.volunteer-title h2 {
		font-size: 25px;
	}

	/* campaigns area */

	.campaigns-left {
		margin-bottom: 30px;
	}

	.campaigns-thumb img {
		width: 100%;
	}

	.campaigns-right {
		margin-bottom: 30px;
	}

	.donations-detials-title h2 a {
		font-size: 21px;
		font-weight: 600;
	}

	.event-thumb {
		margin-bottom: 30px;
	}

	.donation-list ul li {
		font-size: 11px;
	}

	.widget-recent-post.d-flex {
		display: inherit !important;
	}

	.rpost-title {
		padding-left: 0;
		margin-top: 20px;
	}

	.rpost-content h4 a {
		font-size: 17px;
	}

	.row.donate_upper {
		padding: 50px 0px 45px;
	}

	.contact-form-box {
		padding: 53px 19px 32px;
	}

	.blog-contents.style .blog-title h3 a {
		font-size: 16px;
	}

	.blog-details-main {
		padding: 0;
	}

	.widget-tags a {
		padding: 8px 8px;
		font-size: 14px;
	}

	.blog-details-content h2 {
		font-size: 25px;
	}

	.blog-details-author-thumb {
		float: inherit;
		margin-bottom: 20px;
	}

	.blog-details-comment-thumb {
		float: inherit;
		margin-bottom: 20px;
	}

	.contact-left {
		margin-left: 0;
	}

	.breadcumb-area {
		height: 200px;
	}



}