@media all and (max-width: 1775px) {
	.header-top-area:after {
		width: 33%;
	}

	.header-top-area:before {
		width: 67%;
	}

	.header-bottom:before {
		width: 30%;
	}

}

@media all and (max-width: 1399px) {
	.community-partner-image li img {
		width: 140px;
		height: 140px;
	}

	.member-image {
		height: 330px;
	}

	.avaiable {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.avaiable p {
		margin-left: 0;
		padding: 10px 0;
	}
}

@media all and (max-width: 1199px) {
	.menu-area ul li a {
		font-size: 16px;
		margin-right: 20px;
	}

	.header-bottom {
		padding: 15px 0;
	}



	.cits-title p {
		font-size: 16px;
		margin-bottom: 15px;
	}

	.blood-lab-right .cits-title p {
		margin-top: 10px;
	}

	.blood-lab-content h4 {
		font-size: 22px;
		padding-bottom: 5px;
	}

	.blood-lab-item {
		margin-top: 20px;
	}

	.blood-lab-icon {
		height: 55px;
		width: 55px;
	}

	.blood-lab-right {
		padding-left: 0;
	}



	.member-image {
		height: 300px;
	}

	.bloodlab-committed-top-content h2 {
		font-size: 35px !important;
		max-width: 760px;
	}

	.gallery-main-area a img {
		height: 320px;
	}

	.single-clients-say p {
		font-size: 18px;
		line-height: 30px;
	}

	.new-content ul li a {
		font-size: 14px;
		margin-left: 25px;
	}

	.new-content h2 a {
		font-size: 20px !important;
		margin: 15px 0;
	}

	.new-content>a {
		font-size: 15px;
		margin-top: 15px;
	}


	.footer-top-content ul li a {
		font-size: 20px;
		margin-left: 30px;
	}



	.hero-area-content h2 {
		font-size: 32px !important;
	}




	.single-campaigns-content img {
		height: 365px;
	}

	.single-campaigns-content h2 {
		font-size: 38px !important;
	}





	.single-btn-img li img {
		height: 300px;
	}

	.single-btn-img li {
		margin-right: 10px;
	}


	.top-left-content li {
		width: auto;
		margin-right: 18px;
	}


	.redlife-register {
		padding: 25px;
	}
	.redlife-register-left h2 a {
		font-size: 25px;
		margin-bottom: 15px;
	}
	.redlife-register-left p {
		margin-right: 20px;
	}
	.redlife-register a i {
		font-size: 25px;
	}
	.banner-area {
		height: 60vh;
	}
	.redlife-banner-bottom {
		bottom: -90px;
	}

}

@media all and (min-width: 992px) {

	.menu-area ul li.fade {
		opacity: 1 !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}

}

@media all and (max-width: 991px) {

	/* Mobile Menu	*/
	.hamburger {
		display: inline-block;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		z-index: 99;
	}

	.logo-area {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.menu-area ul {
		background: #fff;
		height: auto;
		width: 100vw;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-clip-path: circle(20px at 90% -20%);
		clip-path: circle(20px at 90% -20%);
		-webkit-transition: all .5s ease-out;
		transition: all .5s ease-out;
		pointer-events: none;
		position: absolute;
		top: 0;
		left: 0;
	}

	.menu-area ul.open {
		-webkit-clip-path: circle(1000px at 90% -10%);
		clip-path: circle(1000px at 90% -10%);
		-webkit-transition: all .5s ease-out;
		transition: all .5s ease-out;
		pointer-events: all;
		padding: 65px 0 30px 0;
		z-index: 2;
	}

	.menu-area ul li.fade {
		opacity: 1 !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}

	.menu-area ul li a {
		font-size: 15px;
		margin-right: 0;
		margin-bottom: 12px;
	}

	/* Mobile Menu	*/


	.top-left-content li a {
		font-size: 14px;
	}

	.top-left-content li a i {
		margin-right: 0px;
		padding-right: 3px;
		border-right: none;
	}

	.top-right-content li a {
		padding: 4px 10px;
		min-width: 80px;
		width: 80%;
		font-size: 14px;
	}

	.top-right-content li a i {
		display: none;
	}

	.logo-area h2 a {
		font-size: 30px !important;
	}




	h1 {
		font-size: 40px;
		font-size: 4rem;
	}

	.main-form-area {
		max-width: 100%;
	}

	.btn-sty-1 {
		padding: 8px 12px;
		font-size: 14px;
	}

	.main-form-area form .form-group:last-child {
		width: 16%;
	}

	.section-padding {
		padding: 80px 0;
	}

	.footer-middle {
		padding-top: 80px;
	}

	.avaiable-single-blood p {
		font-size: 25px;
	}

	.avaiable-single-blood p:last-child {
		font-size: 14px;
	}

	.avaiable-blood-donors .cits-title h2 {
		margin-bottom: 28px;
	}

	.cits-title h2 {
		font-size: 30px !important;
	}



	.blood-lab-right .cits-title p {
		margin-top: 0;
		font-size: 14px;
	}

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

	.blood-lab-icon {
		height: 45px;
		width: 45px;
		margin-right: 10px;
	}

	.blood-lab-content p {
		font-size: 14px;
	}

	.blood-lab-left img {
		height: 365px;
	}

	.blood-lab-left a {
		width: 120px;
		height: 120px;
		font-size: 38px;
	}

	.bloodlab-committed-btm-content i {
		font-size: 40px;
	}

	.bloodlab-committed-btm-content p {
		font-size: 16px;
		margin-top: 10px;
	}

	.bloodlab-committed-top-content h2 {
		font-size: 30px !important;
		line-height: 50px;
	}

	.gallery-main-area {
		grid-gap: 10px;
	}

	.gallery-main-area a img {
		height: 280px;
	}

	.all-compaign-gallery .cits-title,
	.all-team-members .cits-title {
		margin-bottom: 30px;
	}

	.single-clients-say p {
		font-size: 16px;
		width: 100%;
	}

	.single-clients-say h2 {
		font-size: 26px !important;
	}

	.clients-cl-area .owl-prev i,
	.clients-cl-area .owl-next i {
		font-size: 16px;
		line-height: 25px;
		width: 30px;
		height: 30px;
	}

	.call-new-content h4 {
		font-size: 18px;
	}

	.call-new-content h2 {
		font-size: 40px !important;
		padding: 15px 0;
	}

	.call-new-content ul li a {
		font-size: 15px;
		margin-right: 20px;
	}

	.top-icon {
		left: 46%;
	}

	.community-partner-image li img {
		width: 100px;
		height: 100px;
	}




	.footer-left-content form input {
		font-size: 16px;
		padding: 14px;
	}

	.copyright p {
		font-size: 16px;
	}



	.other-blood-search form .select2-selection.select2-selection--single {
		height: 42px;
	}

	.other-blood-search form select {
		padding: 8px;
	}

	.other-blood-search form .form-group {
		width: 26%;
	}



	.left-single-donner {
		width: 100%;
	}

	.other-page-banner.search-page {
		padding: 70px 0 100px 0;
	}

	.other-page-banner {
		padding: 100px 0;
	}


	.single-detalse p {
		font-size: 16px;
	}

	.main-contact-form,
	.contact-map-area {
		padding: 30px;
	}

	.contact-map-area ul li a {
		font-size: 18px;
	}

	.all-clients-say-area.volunteer-say {
		margin-top: 50px;
	}

	.single-campaigns-content img {
		height: 310px;
		margin-bottom: 25px;
	}

	.single-campaigns-content h2 {
		font-size: 30px !important;
		padding-bottom: 15px;
	}

	.single-campaigns-content p {
		padding-bottom: 20px;
	}

	.single-campaigns-cl-img img {
		height: 230px;
	}

	.sinlge-box-item h2 {
		font-size: 22px !important;
		padding-bottom: 5px;
	}

	.sinlge-box-item ul li {
		font-size: 14px;
		padding: 9px 0;
	}

	.single-campaigns-cl {
		margin-top: 30px;
	}

	.list-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.list-item ul {
		width: 100%;
	}







	.compaigs-image a img {
		height: 250px;
	}

	.single-campaigs h2 {
		font-size: 20px !important;
		padding: 18px 0 10px 0;
	}

	.top-date p {
		font-size: 14px;
	}

	.top-date p span {
		font-size: 25px;
		margin-bottom: 0;
	}

	.top-date {
		width: 70px;
		height: 70px;
	}

	.form-group.group-duble {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.registration-form .form-group.group-duble .form-item {
		width: 49%;
		margin-bottom: 18px;
	}

	.registration-form {
		padding: 30px;
	}



	.single-btn-img li img {
		height: 220px;
	}

	.single-comment img {
		width: 90px;
		height: 90px;
		margin-right: 10px;
	}

	.single-comment {
		margin-bottom: 25px;
		padding: 20px;
	}

	.comment-view .single-comment:nth-child(even) {
		margin-left: 25px;
	}




	.left-single-donner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.user-detls {
		margin-left: 0;
		margin-top: 30px;
	}

	.left-single-donner img {
		width: 100%;
	}

	.avaiable p {
		margin-left: 10px;
		padding: 0;
	}

	.avaiable {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}

	.logo-area h2 a img {
		width: 130px;
	}



	.banner-area {
		height: 52vh;
		margin-bottom: 60px;
	}


	.redlife-banner-bottom {
		width: 100%;
	}
	.other-page-banner {
		z-index: 0;
	}
	
	.community-partner-image li img {
    	width: 100px;
    	height: 100px;
    }
	
	

}

@media all and (max-width: 767px) {
	.header-top-area .row .col-md-8 {
		display: none;
	}

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

	.header-top-area:after {
		width: 100%;
	}

	.top-right-content {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 10px 0;
	}

	.top-right-content li a i {
		display: inline-block;
	}

	.top-right-content li a {
		min-width: 100px;
	}

	.header-bottom:before {
		width: 35%;
	}


	.main-form-area form {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	h1 {
		font-size: 30px;
		font-size: 3rem;
	}



	.main-form-area form .form-group:last-child {
		width: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.main-form-area form .form-group {
		width: 70%;
		margin-right: 2%;
		padding: 9px;
	}

	.select2.select2-container.select2-container--default {
		width: 100% !important;
	}

	.main-form-area form .form-group {
		width: 95%;
		margin-right: 0;
		padding: 8px;
		margin-bottom: 18px;
	}

	.section-padding {
		padding: 50px 0;
	}

	.footer-middle {
		padding-top: 50px;
	}



	.blood-lab-right {
		margin-top: 20px;
	}

	.bloodlab-committed-top-content h2 {
		font-size: 25px !important;
		margin-bottom: 30px;
	}

	.gallery-main-area {
		-ms-grid-columns: auto auto;
		grid-template-columns: auto auto;
	}

	.community-partner-image {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 0px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.community-partner-image li {
    	width: 30%;
    	margin-top: 40px;
    	text-align: center;
    }

	.footer-items {
		margin-top: 30px;
	}

	.footer-left-content p {
		padding: 25px 0;
		padding-bottom: 0;
	}

	.footer-items.footer-left-content ul {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		margin-top: 20px;
	}


	.footer-middle {
		margin: 0 !important;
		margin-bottom: 30px !important;
	}

	.footer-top-content {
		padding-bottom: 25px;
	}

	.footer-top-content ul li a {
		font-size: 16px;
	}



	.other-blood-search form {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.other-blood-search form .form-group {
		width: 48%;
		margin-top: 20px;
	}

	.other-blood-search form .form-group:nth-child(2),
	.other-blood-search form .form-group:first-child {
		margin-top: 0;
	}

	.other-blood-search form .search-button {
		min-width: 48%;
	}

	.other-blood-search form .search-button .btn-sty-1 {
		width: 100%;
	}





	.single-doner-contact {
		margin-top: 50px;
	}

	.other-page-banner.search-page {
		padding: 50px 0 100px 0;
	}

	.single-detalse {
		bottom: -180px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.single-detalse p {
		font-size: 16px;
		margin-top: 10px;
	}

	.single-detalse p:first-child {
		margin-top: 0;
	}

	.single-doner-area.section-padding {
		padding-top: 120px;
	}

	.single-doner-area.section-padding {
		padding-top: 120px;
	}

	.single-doner-content ul li .caption {
		width: 30%;
	}

	.single-doner-content ul li .value {
		width: 70%;
	}

	.other-page-banner {
		padding: 80px 0;
	}




	.contact-map-area {
		border-bottom-left-radius: 0;
	}

	.hero-area-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.hero-area-content h2 {
		font-size: 28px !important;
		margin-bottom: 25px;
		text-align: center;
	}

	.other-page-banner ul li a {
		font-size: 14px;
	}

	.single-campaigns-cl {
		margin: 30px 0;
	}



	.all-404-page h1 {
		font-size: 120px;
	}

	.all-404-page h2 {
		font-size: 40px !important;
		padding: 0;
	}








	.single-campaigns-content .red-box {
		padding: 20px;
		font-size: 16px;
		line-height: 28px;
	}




	.banner-area {
		height: auto;
		padding: 60px 0;
	}



	.redlife-banner-bottom {
		position: inherit;
		bottom: 0;
		margin-top: 50px;
	}
	
	.prifile-contents {
    	width: 100%;
    	margin-left: 0;
    }
	
	.main-profile-details {
    	display: flex;
    	flex-direction: column;
    	gap: 30px;
    }
    
    .main-profile-left {
	    text-align: center;
    }
    
    .main-profile-details img {
    	width: 200px;
    	height: 200px !important;
    }
    
    .form-item {
    	width: 100%;
    }
    
    .registration-form.last-donate-date-update form #last_donate {
		min-width: 100% !important;
		width: 100%;
	}
    
    .registration-form .form-group .form-item {
    	width: 100%;
    }
    
    .registration-form .form-group {
    	align-items: center;
    	flex-direction: column;
    	gap: 18px;
    }
	
	.registration-form .form-group.group-duble .form-item {
    	width: 100%;
    	margin-bottom: 18px;
    }
    
    .community-partner-image li img {
    	width: 80px;
    	height: 80px;
    }

    .header-top-area::after {
		background: #2c3e50;
	}
	
	



}

@media all and (max-width: 575px) {
	.container {
		width: 90%;
	}

	.cits-title h2 {
		font-size: 28px !important;
	}



	.single-clients-say {
		padding: 50px 0;
	}

	.clients-cl-area .owl-nav {
		visibility: hidden;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transition: .3s;
		transition: .3s;
	}

	.clients-cl-area:hover .owl-nav {
		visibility: visible;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		-webkit-transition: .3s;
		transition: .3s;
	}

	.single-clients-say p {
		width: 100%;
	}

	.call-new-content {
		border: 5px solid #FB3640;
		padding: 35px 0;
	}

	.call-new-content h4 {
		font-size: 15px;
	}

	.call-new-content h2 {
		font-size: 26px !important;
	}

	.call-new-content ul li a {
		font-size: 14px;
		margin-right: 15px;
	}

	.top-icon i {
		font-size: 14px;
	}

	.top-icon {
		width: 35px;
		height: 35px;
		top: -20px;
	}


	.footer-top-content ul li a {
		font-size: 14px;
		margin-left: 20px;
	}

	.footer-left-content p {
		padding: 10px 0;
		padding-bottom: 0;
		font-size: 14px;
	}

	.footer-items h4 {
		font-size: 22px;
	}

	.footer-items ul li a {
		font-size: 14px;
	}

	.footer-items.footer-left-content ul li a {
		font-size: 18px;
		width: 35px;
		height: 35px;
	}

	.footer-items.footer-left-content ul li {
		margin-right: 10px;
	}

	.copyright p {
		font-size: 14px;
	}

	.footer-left-content form input {
		font-size: 14px;
		padding: 12px;
	}

	.btn-sty-1 i {
		font-size: 16px;
	}

	.btn-sty-1 {
		padding: 6px 10px;
		font-size: 14px;
	}


	.other-blood-search form .select2-container--default .select2-selection--single .select2-selection__rendered,
	.other-blood-search form .select2-selection.select2-selection--single {
		height: 37px;
		font-size: 16px;
		line-height: 37px;
	}

	.other-blood-search form .select2-container--default .select2-selection--single .select2-selection__arrow {
		height: 37px;
	}

	.other-blood-search form select {
		padding: 7px;
		font-size: 14px;
	}




	.all-404-page {
		width: 90%;
		margin: auto;
	}

	.all-404-page h1 {
		font-size: 80px;
	}

	.all-404-page h2 {
		font-size: 32px !important;
	}

	.registration-form .form-group {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.registration-form .form-group.group-duble .form-item,
	.registration-form .form-group .form-item {
		width: 100%;
	}

	.form-group .form-item:last-child {
		margin-top: 18px;
	}

	.form-group.group-duble .form-item:last-child {
		margin: 0 !important;
	}



	.single-btn-img li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}

	.single-btn-img li:last-child {
		margin-bottom: 0;
	}

	.single-btn-img {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}



	.comment-form .group-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.comment-form .group-item .form-item {
		width: 100%;
	}

	.comment-form form label {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.comment-form .form-item textarea,
	.comment-form .form-item input {
		font-size: 16px;
		padding: 8px 12px;
	}

	.single-comment {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		text-align: center;
	}

	.single-comment img {
		margin-right: 0;
		margin-bottom: 12px;
	}

	.post-tags {
		-webkit-box-align: start;
		-ms-flex-align: start;
		-ms-grid-row-align: start;
		align-items: start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.post-tags ul li a.btn-sty-1 {
		font-size: 14px;
		margin-left: 15px;
		margin-top: 15px;
	}

	.post-tags ul li:first-child a.btn-sty-1 {
		margin-left: 0;
	}

	.header-bottom:before {
		width: 50%;
	}

	.login-from {
		width: 100%;
	}

	.login-area.section-padding {
		padding: 50px 0;
	}

	.forget-password.login-from h2 {
		font-size: 20px !important;
	}

	.footer-middle {
		margin: 0;
	}

	.registration-area.section-padding {
		padding: 50px 0;
	}

	.menu-area ul.open {
		padding: 100px 0 30px 0;
	}

	.post-pagination-other span,
	.post-pagination-other a,
	.post-pagination .nav-links span,
	.post-pagination .nav-links a {
		width: 30px;
		height: 30px;
		margin: 0 2px;
		font-size: 14px;
	}
	
	.main-profile-details img {
    	width: 170px;
    	height: 170px !important;
    }
    
    .community-partner-image li img {
    	width: 70px;
    	height: 70px;
    }
	
	


}

@media all and (max-width: 450px) {

	.login_title {
		font-size: 20px !important;
		padding: 15px 0;
	}

	.login-from form {
		padding: 18px;
	}

	.login-from input {
		font-size: 14px;
		padding: 8px;
		margin-bottom: 10px;
	}

	.main-form-area {
		max-width: 95%;
	}

	.cits-title h2 {
		font-size: 25px !important;
	}

	.gallery-main-area {
		-ms-grid-columns: auto;
		grid-template-columns: auto;
	}

	.community-partner-image li {
		width: 30%;
		margin-top: 30px;
	}

	.footer-top-content {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-ms-grid-row-align: center;
		align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.footer-top-content ul {
		padding-bottom: 18px;
	}




	.other-blood-search form .form-group {
		width: 90%;
		margin-top: 20px;
		margin: auto;
		margin-top: 15px !important;
	}

	.other-blood-search form .form-group:first-child {
		margin-top: 0 !important;
	}

	.other-blood-search form .search-button {
		min-width: 90%;
		margin: auto;
		margin-top: 20px;
	}



	.single-doner-content ul li .caption {
		width: 40%;
	}

	.single-doner-content ul li .value {
		width: 60%;
	}

	.main-contact-form .top-items {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.main-contact-form form .top-items .form-group {
		width: 100%;
	}




	.new-content ul {
		width: 100%;
	}






}