/*==================================================
=            Bootstrap 5 Media Queries             =
==================================================*/
 
 
/*==========  Mobile First Method  ==========*/
 
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}


/*==========  Non-Mobile First Method  ==========*/

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	.tabview{
		width: 50%;
		display: block;
		margin: auto;
	}
	.aboutDetailsThumb {
		border-radius: 50%;
		overflow: hidden;
		height: 50%;
		width: 153%;
	}
	.cols4{
		width: 29% !important;
	}
	.cols3{
		width: 36% !important;
	}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px) {
	/* ------ header/footer responsive css start---- */
	.header--mobile {
		display: block !important;
		padding-left: 56px !important;
		padding-right: 55px !important;
    }
	.mb-30 {
		margin-bottom: 30px !important;
	}
	.mb20{
		margin-bottom: 20px !important;
	}
	.mb40{
		margin-bottom: 40px !important;
	}
	.mb30{
		margin-bottom: 30px !important;
	}
	.mb50{
		margin-bottom: 20px !important;
	}
	.itSocial ul li a {
		height: 50px !important;
		width: 50px !important;
	}
	.itSocial ul {
		display: inline-flex;
		gap: 8px !important;
	}
	.footer__social {
		text-align: center !important;
		margin-bottom: 26px !important;
	}
	.footer__copyright__text {
		font-size: 0.9756rem !important;
	}
	.pageBreadcumb--style1 {
		padding: 161px 0px !important;
	}
	.aboutContent__text , .bold {
		padding-right: 46px !important;
		padding-left: 46px !important;
		font-size: 16px !important;
	}
	p {
		line-height: 1.6 !important;
	}
	.pb20 {
		padding-bottom: 20px !important;
	}
    /* ------ header/footer responsive css start---- */


	/* ------ Home page responsive css start----- */
	.hero__content {
		padding-top: 395px !important;
		padding-left: 15px;
	}
	.hero__shape--one {
		left: 70% !important;
		top: 49% !important;
	}
	.hero__shape--two {
		right: 87% !important;
		top: 8% !important;
	}
	.about__shape--two {
		top: -7% !important;
		left: 77% !important;
		animation: scale-up-one 3s infinite !important;
	}
	.about__shape--three {
		display: none !important;
	}
	.about__shape--one {
		left: 46% !important;
		top: 20.5% !important;
		opacity: 0.2 !important;
	}
	.aboutArea--padding {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.hero__title--big {
		font-size: 60px !important;
		margin-bottom: 16px !important;
	}
	.hero__title--small {
		margin-bottom: 15px !important;
	}
	.hero__text {
		font-size: 1.25rem !important;
		line-height: 1.3 !important;
		margin-bottom: 18px !important;
	}
	.tabview{
		width: 50%;
		display: block;
		margin: auto;
	}
	.aboutContent {
		padding-left: 14px !important;
		padding-right: 14px !important;
	}
	.aboutContent__texts {
		padding-right: 0 !important;
		padding-left: 0 !important;
		margin-bottom: 15px !important;
	}
	.aboutContent__quote {
		font-size: 19px !important;  
		margin-bottom: 20px !important;
	}
	.pt50{
		padding-top: 50px !important;
	}
	.cols{
		width: 138px !important;
		height: 139px !important;
		margin-bottom: 10px !important;
	}
	.counter_1 {
		min-height: 130px !important;
		max-width: 130px !important;
	  }
	.display-dl {
		font-size: 25px !important;
	}
	.counter_1 h4 {
		font-size: 25px !important;
	}

	.donnerAreaContent__bigTitle__number {
		font-size: 62px !important;
	}
	.donnerAreaContent__heading {
		font-size: 22px !important;
		margin-bottom: 25px !important;
	}
	.sectionTitle__small {
		font-size: 15px;
	}
	.video_press {
		margin-bottom: 20px !important;
	}
	.volunteerBlock__figure {
		margin-bottom: 12px !important;
		width: 60% !important;
	}
	.volunteerBlock__name {
		margin-bottom: 9px !important;
	}
	.center{
		padding-left: 0 !important;
		margin: 0 !important;
	}
	.counter-two {
		font-size: 43px !important;
	}
	.round_cell span {
		font-size: 18px !important;
	}
	.title_h6{
		font-size: 21px !important;
	}
	.mt30{
		margin-top: 30px !important;
	}
	.portfolioBlock {
		margin-top: 10px;
	}
	.imgpadding {
		padding: 10px 25px !important;
	} 
	/* ------ Home page responsive css end----- */

	
	/* ------ aboutus responsive css start----- */
	.section_title{
		font-size: 43px !important;
	}
	.featureTab .nav-tabs .nav-link {
		padding: 15px 30px !important;
		font-size: 18px !important;
	}
	.sponsorsTitle {
		gap: 15px !important;
		margin-bottom: 36px !important;
	}
	.sponsorsTitle__heading {
		font-size: 36px !important;
	}
	.mb-45 {
		margin-bottom: 30px;
	}
	.aboutDetailsThumb {
		border-radius: 50%;
		overflow: hidden;
		height: 50%;
		width: 133%;
	}
	.cols4{
		width: 28.2% !important;
	}
	.cols3{
		width: 33.2% !important;
	}
	.pt12{
		padding-top: 32px !important;
	}
	/* ------ aboutus responsive css end----- */


	/* ------ faqs responsive css start----- */
	.accordion-button{
		padding: 20px !important;
		font-size: 18px !important;
	}
	.accordion-body {
		font-size: 16px !important;
		padding: 2px 20px 26px 20px !important;
	}
	.pb40{
		padding-bottom: 40px !important;
	}
    /* ------ faqs responsive css end----- */


    /* ------ events responsive css start----- */
	.mobile_img{
		width: 100% !important;
		height: 408px !important;
		margin: 0 !important;
	}
	.mobile_imgs {
		width: 100% !important;
		height: 450px !important;
		margin: 0 !important;
	}
	.gallery_imgs {
		width: 100% !important;
		height: 636px !important;
		margin: 0 !important;
	}
	.gallery_rf {
		padding: 66px 22px 38px 22px !important;
	}
	.titles{
		font-size: 20px !important;
	}
	.video_press iframe {
		height: 407px !important;
	}
	.blog{
		margin: 0px 10px 0px 10px;
	}
	.column-xs-8 {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}
    /* ------ events responsive css end----- */


    /* ------ acts and rule responsive css start---- */
	.title_size{
		font-size: 38px !important;
	}
	.actsize{
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
	.pt75{
		padding-top: 60px !important;
	}
	.pt25{
		padding-top: 25px !important;
	}
	.pt40{
		padding-top: 40px !important;
	}
    /* ------ acts and rule responsive css end---- */


    /* ------ contactus responsive css start---- */
	.pt80 {
		padding-top: 65px !important;
	}
	.pt68 {
		padding-top: 68px !important;
	}
	.contactBlock {
		padding-bottom: 30px !important;
	}
	.commentsPost__input input {
		min-height: 53px !important;
		border-radius: 5px!important;
	}
	.commentsPost__input textarea {
		min-height: 115px !important;
		border-radius: 5px !important;
	}
	.btn--styleOne {
		padding: 17px 38px !important;
	}
	.contact_space{
		margin-bottom: 23px !important;
	} 
    /* ------ contactus responsive css end---- */


    /* ------ donatenow responsive css start---- */
	.donorcardlink {
		display: flex !important;
		justify-content: space-evenly !important;
		flex-direction: column !important;
	}
	.layout {
		padding-bottom: 32px !important;
		margin-left: 20px !important;
		margin-right: 20px !important;
		padding-top: 65px !important;
	}
	.formspace {
		padding: 30px 28px 46px !important;
	}
	.formtitle {
		font-size: 28px !important;
		line-height: 1.5 !important;
	}
	.formhr {
		height: 1.8px !important;
	}
	.change::placeholder {
		font-size: 15px !important;
	}
	.declare li {
		font-size: 17px !important;
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}
	.mobile_form_gap{
		margin-top: 20px !important;
	}
	.card_btn{
		display: flex !important;
		flex-direction: row !important;
		justify-content: center !important;
	}
	.btn--styleOnes {
		padding: 15px 50px !important;
		margin: 0 55px !important;
	}
	.layouts {
		margin: 26px 22px 46px 22px !important;
		padding-bottom: 20px !important;
		width: auto !important;
	}
	.donorcard_title {
		font-size: 28px !important;
		margin-top: 25px !important;
		padding-left: 30px !important;
	}
	.hr5{
		margin-left: 30px !important;
	}
	.layouts img {
		padding: 0 30px !important;
	}
    /* ------ donatenow responsive css end---- */


    /* ------ donorcard responsive css start---- */
	.cardcontainers {
		display: flex !important;
		justify-content: center !important;
		padding-top: 30px !important;
		padding-bottom: 30px !important;
		flex-direction: column !important;
		margin: 0 15px 0 15px !important;
	}
	 .donorimg {
		width: auto !important;
	}
	.donorcardback {
		width: auto !important;
	}
	.donorcardspace {
		padding: 30px 26px !important;
	}
	.death {
		font-size: 18px !important;
		margin: 15px 0 10px 3px !important;
	}
	.cardbox {
		font-size: 17px !important;
		margin: 8px 0px 0 16px !important;
	}
	.dobs{
		margin-top: 8px !important;
	}
	.finalnote {
		padding: 2px 5px;
		font-size: 16px !important;
	} 
    /* ------ donorcard responsive css end---- */
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	/* ------ header/footer responsive css start---- */
	.header--mobile {
		display: block !important;
		padding-left: 51px !important;
		padding-right: 50px !important;
    }
	.mb-30 {
		margin-bottom: 30px !important;
	}
	.mb20{
		margin-bottom: 20px !important;
	}
	.mb40{
		margin-bottom: 40px !important;
	}
	.mb30{
		margin-bottom: 30px !important;
	}
	.mb50{
		margin-bottom: 50px !important;
	}
	.itSocial ul li a {
		height: 30px !important;
		width: 30px !important;
	} 
	.itSocial ul {
		display: inline-flex;
		gap: 8px !important;
	}
	.footer__social {
		text-align: center !important;
		margin-bottom: 26px !important;
	}
	.footer__copyright__text {
		font-size: 0.9756rem !important;
	}
	.pageBreadcumb--style1 {
		padding: 149px 0px !important;
	}
	.aboutContent__text , .bold {
		padding-right: 40px !important;
		padding-left: 40px !important;
		font-size: 14px !important;
	} 
	p {
		line-height: 1.6 !important;
	}
	.pb20 {
		padding-bottom: 20px !important;
	}
    /* ------ header/footer responsive css start---- */


	/* ------ Home page responsive css start----- */
	.hero__content {
		padding-top: 395px !important;
	}
	.hero__shape--one {
		left: 75% !important;
		top: 39% !important;
	}
	.hero__shape--two {
		right: 87% !important;
		top: 2% !important;
	}
	.about__shape--two {
		top: -5% !important;
		left: 74% !important;
		animation: scale-up-one 3s infinite !important;
	}
	.about__shape--three {
		display: none !important;
	}
	.about__shape--one {
		left: 45% !important;
		top: 18% !important;
		opacity: 0.2 !important;
	}
	.aboutArea--padding {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.hero__title--big {
		font-size: 55px !important;
		margin-bottom: 16px !important;
	}
	.hero__title--small {
		margin-bottom: 15px !important;
	}
	.hero__text {
		font-size: 1.25rem !important;
		line-height: 1.3 !important;
		margin-bottom: 18px !important;
	}
	.aboutContent {
		padding-left: 14px !important;
		padding-right: 14px !important;
	}
	.aboutContent__texts {
		padding-right: 0 !important;
		padding-left: 0 !important;
		margin-bottom: 15px !important;
	}
	.aboutContent__quote {
		font-size: 19px !important;  
		margin-bottom: 20px !important;
	}
	.tabview{
		width: 50%;
		display: block;
		margin: auto;
	}
	.pt50{
		padding-top: 50px !important;
	}
	.cols{
		width: 138px !important;
		height: 139px !important;
		margin-bottom: 10px !important;
	}
	.counter_1 {
		min-height: 130px !important;
		max-width: 130px !important;
	  }
	.display-dl {
		font-size: 25px !important;
	}
	.counter_1 h4 {
		font-size: 25px !important;
	}

	.donnerAreaContent__bigTitle__number {
		font-size: 60px !important;
	}
	.donnerAreaContent__heading {
		font-size: 22px !important;
		margin-bottom: 25px !important;
	}
	.sectionTitle__small {
		font-size: 15px;
	}
	.video_press {
		margin-bottom: 20px !important;
	}
	.volunteerBlock__figure {
		margin-bottom: 12px !important;
		width: 35% !important;
	}
	.volunteerBlock__name {
		margin-bottom: 9px !important;
	}
	.center{
		padding-left: 0 !important;
		margin: 0 !important;
	}
	.counter-two {
		font-size: 43px !important;
	}
	.round_cell span {
		font-size: 18px !important;
	}
	.title_h6{
		font-size: 21px !important;
	}
	.mt30{
		margin-top: 30px !important;
	}
	.imgpadding {
		padding-left: 25px !important;
		padding-right: 25px !important;
	}
	/* ------ Home page responsive css end----- */

	
	/* ------ aboutus responsive css start----- */
	.section_title{
		font-size: 43px !important;
	}
	.featureTab .nav-tabs .nav-link {
		padding: 15px 30px !important;
		font-size: 18px !important;
	}
	.sponsorsTitle {
		gap: 15px !important;
		margin-bottom: 36px !important;
	}
	.sponsorsTitle__heading {
		font-size: 36px !important;
	}
	.mb-45 {
		margin-bottom: 30px;
	}
	.aboutDetailsThumb {
		border-radius: 50%;
		overflow: hidden;
		height: 50%;
		width: 133%;
	}
	.cols4{
		width: 28.2% !important;
	}
	.cols3{
		width: 33.2% !important;
	}
	.pt12{
		padding-top: 12px !important;
	}
	.wss{
		width: 233px !important;
		overflow: visible !important;
	}
	.ws{
		width: 218px !important;
	}
	/* ------ aboutus responsive css end----- */


	/* ------ faqs responsive css start----- */
	.accordion-button{
		padding: 20px !important;
		font-size: 18px !important;
	}
	.accordion-body {
		font-size: 16px !important;
		padding: 2px 20px 26px 20px !important;
	}
	.pb40{
		padding-bottom: 30px !important;
	}
    /* ------ faqs responsive css end----- */


    /* ------ events responsive css start----- */
	.mobile_img{
		width: 100% !important;
		height: 380px !important;
		margin: 0 !important;
	}
	.mobile_imgs {
		width: 100% !important;
		height: 420px !important;
		margin: 0 !important;
	}
	.gallery_imgs {
		width: 100% !important;
		height: 610px !important;
		margin: 0 !important;
	}
	.gallery_rf {
		padding: 66px 20px 38px 20px !important;
	}
	.titles{
		font-size: 20px !important;
	}
	.video_press iframe {
		height: 407px !important;
	}
	.blog{
		margin: 0px 10px 0px 10px;
	}
	.column-xs-8 {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}
    /* ------ events responsive css end----- */


    /* ------ acts and rule responsive css start---- */
	.title_size{
		font-size: 26px !important;
	}
	.actsize{
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
	.pt75{
		padding-top: 50px !important;
	}
	.pt25{
		padding-top: 20px !important;
	}
	.pt40{
		padding-top: 30px !important;
	}
    /* ------ acts and rule responsive css end---- */


    /* ------ contactus responsive css start---- */
	.pt80 {
		padding-top: 50px !important;
	}
	.pt68 {
		padding-top: 45px !important;
	}
	.contact--layout1 {
		padding-top: 75px !important;
	}
	.contactBlock__figure {
		margin-bottom: 34px !important;
	}
	.contactBlock__heading {
		font-size: 26px !important;
		margin-bottom: 25px !important;
	}
	.contactBlock {
		padding: 0 32px 30px 21px !important;
		min-height: 400px !important;
	}
	.commentsPost__input input {
		min-height: 53px !important;
		border-radius: 5px!important;
	}
	.commentsPost__input textarea {
		min-height: 115px !important;
		border-radius: 5px !important;
	}
	.btn--styleOne {
		padding: 17px 38px !important;
	}
	.contact_space{
		margin-bottom: 25px !important;
	}
    /* ------ contactus responsive css end---- */


    /* ------ donatenow responsive css start---- */
	.donorcardlink {
		display: flex !important;
		justify-content: space-evenly !important;
		flex-direction: column !important;
	}
	.layout {
		padding-bottom: 32px !important;
		margin-left: 20px !important;
		margin-right: 20px !important;
		padding-top: 65px !important;
	}
	.formspace {
		padding: 30px 28px 46px !important;
	}
	.formtitle {
		font-size: 28px !important;
		line-height: 1.5 !important;
	}
	.formhr {
		height: 1.8px !important;
	}
	.change::placeholder {
		font-size: 15px !important;
	}
	.organcheckbox li {
		width: 50% !important;
		font-size: 17px !important;
		padding-right: 18px !important;
	}
	.declare li {
		font-size: 17px !important;
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}
	.mobile_form_gap{
		margin-top: 20px !important;
	}
	.card_btn{
		display: flex !important;
		flex-direction: row !important;
		justify-content: center !important;
	}
	.btn--styleOnes {
		padding: 14px 45px !important;
		margin: 0 45px !important;
	}
	.layouts {
		margin: 26px 22px 45px 22px !important;
	}
	.donorcard_title {
		font-size: 28px !important;
		margin-top: 18px !important;
		padding-left: 21px !important;
	}
	.hr5{
		margin-left: 21px !important;
	}
	.layouts img {
		padding: 0 21px !important;
	}
    /* ------ donatenow responsive css end---- */


    /* ------ donorcard responsive css start---- */
	.cardcontainers {
		display: flex !important;
		justify-content: center !important;
		padding-top: 30px !important;
		padding-bottom: 30px !important;
		flex-direction: column !important;
		margin: 0 15px 0 15px !important;
	}
	.donorimg {
		width: auto !important;
	}
	.donorcardback {
		width: auto !important;
	}
	.donorcardspace {
		padding: 30px 26px !important;
	}
	.death {
		font-size: 18px !important;
		margin: 15px 0 10px 3px !important;
	}
	.donorcardbox li{
		font-size: 16px !important;
	}
	.donorbox li{
		width: 50% !important;
	} 
	.donorcardbox input[type="checkbox"], .declare input[type="checkbox"] {
		width: 16px !important;
	}
	.cardbox {
		font-size: 17px !important;
		margin: 8px 0px 0 16px !important;
	}
	.cardnotes {
		font-size: 17.8px !important;
	}
	.flex {
		display: inline-block !important;
	}
	.dobs{
		margin-top: 8px !important;
	}
	.commentsPost__input textarea {
		padding: 17px 20px !important;
	}
	.finalnote {
		padding: 9px 5px;
		font-size: 16px !important;
	}
    /* ------ donorcard responsive css end---- */
}
 


/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	/* ------ header/footer responsive css start---- */
	.header--mobile {
		display: block !important;
		padding-left: 41px !important;
		padding-right: 30px !important;
    }
	.mb-30 {
		margin-bottom: 30px !important;
	}
	.mb20{
		margin-bottom: 20px !important;
	}
	.mb40{
		margin-bottom: 40px !important;
	}
	.mb30{
		margin-bottom: 30px !important;
	}
	.mb50{
		margin-bottom: 50px !important;
	}
	.itSocial ul li a {
		height: 50px !important;
		width: 50px !important;
	}
	.itSocial ul {
		display: inline-flex;
		gap: 6px !important;
	}
	.footer__social {
		text-align: center !important;
		margin-bottom: 25px !important;
	}
	.footer__copyright__text {
		font-size: 1rem !important;
	}
	.pageBreadcumb--style1 {
		padding: 106px 0px !important;
	}
	.aboutContent__text , .bold {
		padding-right: 30px !important;
		padding-left: 30px !important;
		font-size: 15px !important;
	}
	p {
		line-height: 1.6 !important;
	}
	.pb20 {
		padding-bottom: 20px !important;
	}
    /* ------ header/footer responsive css start---- */


	/* ------ Home page responsive css start----- */
	.hero__content {
		padding-top: 330px !important;
	}
	.hero__shape--one {
		left: 78% !important;
		top: 40% !important;
	}
	.hero__shape--two {
		right: 89% !important;
		top: 5% !important;
	}
	.about__shape--two {
		top: -6% !important;
		left: 72% !important;
		animation: scale-up-one 3s infinite !important;
	}
	.about__shape--three {
		display: none !important;
	}
	.about__shape--one {
		left: 45% !important;
		top: 16% !important;
		opacity: 0.2 !important;
	}
	.aboutArea--padding {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	.hero__title--big {
		font-size: 47px !important;
		margin-bottom: 16px !important;
	}
	.hero__title--small {
		margin-bottom: 12px !important;
	}
	.hero__text {
		font-size: 1.25rem !important;
		line-height: 1.3 !important;
		margin-bottom: 18px !important;
	}
	.tabview{
		width: 50%;
		display: block;
		margin: auto;
	}
	.aboutContent {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
	.aboutContent__texts {
		padding-right: 0 !important;
		padding-left: 0 !important;
		margin-bottom: 15px !important;
	}
	.aboutContent__quote {
		font-size: 19px !important;  
		margin-bottom: 20px !important;
	}
	.tabview{
		width: auto;
	}
	.pt50{
		padding-top: 50px !important;
	}
	.cols{
		width: 157px !important;
		height: 142px !important;
		margin-bottom: 10px !important;
	}
	.counter_1 {
		min-height: 138px !important;
		max-width: 129px !important;
	  }
	.display-dl {
		font-size: 27px !important;
	}
	.counter_1 h4 {
		font-size: 27px !important;
	}

	.donnerAreaContent__bigTitle__number {
		font-size: 56px !important;
	}
	.donnerAreaContent__heading {
		font-size: 21px !important;
		margin-bottom: 25px !important;
	}
	.sectionTitle__small {
		font-size: 14px;
	}
	.video_press {
		margin-bottom: 15px !important;
	}
	.volunteerBlock__figure {
		margin-bottom: 12px !important;
		width: 50% !important;
	}
	.volunteerBlock__name {
		margin-bottom: 9px !important;
	}
	.center{
		padding-left: 0 !important;
		margin: 0 !important;
	}
	.counter-two {
		font-size: 44px !important;
	}
	.round_cell span {
		font-size: 19px !important;
	}
	.title_h6{
		font-size: 20px !important;
	}
	.mt30{
		margin-top: 30px !important;
	}
	.imgpadding {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
	/* ------ Home page responsive css end----- */

	
	/* ------ aboutus responsive css start----- */
	.section_title{
		font-size: 34px !important;
	}
	.featureTab .nav-tabs .nav-link {
		padding: 13px 28px !important;
		font-size: 17px !important;
	}
	.sponsorsTitle {
		gap: 12px !important;
		margin-bottom: 31px !important;
	}
	.sponsorsTitle__heading {
		font-size: 31px !important;
	}
	.aboutDetailsThumb {
		border-radius: 50%;
		overflow: hidden;
		height: 50%;
		width: 157%;
	}
	.cols4{
		width: 27% !important;
	}
	.cols3{
		width: 32% !important;
	}
	.pt12{
		padding-top: 12px !important;
	}
	.wss{
		width: 223px !important;
		overflow: visible !important;
	}
	.ws{
		width: 208px !important;
	}
	/* ------ aboutus responsive css end----- */


	/* ------ faqs responsive css start----- */
	.accordion-button{
		padding: 20px !important;
		font-size: 18px !important;
	}
	.accordion-body {
		font-size: 16px !important;
		padding: 2px 20px 26px 20px !important;
	}
	.pb40{
		padding-bottom: 30px !important;
	}
    /* ------ faqs responsive css end----- */


    /* ------ events responsive css start----- */
	.mobile_img{
		width: 100% !important;
		height: 285px !important;
		margin: 0 !important;
	}
	.mobile_imgs {
		width: 100% !important;
		height: 360px !important;
		margin: 0 !important;
	}
	.gallery_imgs {
		width: 100% !important;
		height: 502px !important;
		margin: 0 !important;
	}
	.gallery_rf {
		padding: 52px 12px 30px 12px !important;
	}
	.titles{
		font-size: 18px !important;
	}
	.video_press iframe {
		height: 407px !important;
	}
	.blog{
		margin: 0px 10px 0px 10px;
	}
	.column-xs-8 {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}
    /* ------ events responsive css end----- */


    /* ------ acts and rule responsive css start---- */
	.title_size{
		font-size: 26px !important;
	}
	.actsize{
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
	.pt75{
		padding-top: 56px !important;
	}
	.pt25{
		padding-top: 24px !important;
	}
	.pt40{
		padding-top: 35px !important;
	}
    /* ------ acts and rule responsive css end---- */


    /* ------ contactus responsive css start---- */
	.pt80 {
		padding-top: 50px !important;
	}
	.pt68 {
		padding-top: 45px !important;
	}
	.contact--layout1 {
		padding-top: 75px !important;
	}
	.contactBlock__figure {
		margin-bottom: 34px !important;
	}
	.contactBlock__heading {
		font-size: 29px !important;
		margin-bottom: 25px !important;
	}
	.contactBlock {
		padding: 0 32px 30px 21px !important;
		min-height: 400px !important;
	}
	.commentsPost__input input {
		min-height: 50px !important;
		border-radius: 5px!important;
	}
	.commentsPost__input textarea {
		min-height: 110px !important;
		border-radius: 5px !important;
	}
	.btn--styleOne {
		padding: 15px 36px !important;
	}
	.contact_space{
		margin-bottom: 22px !important;
	}
    /* ------ contactus responsive css end---- */


    /* ------ donatenow responsive css start---- */
	.donorcardlink {
		display: flex !important;
		justify-content: space-evenly !important;
		flex-direction: column !important;
	}
	.layout {
		padding-bottom: 26px !important;
		margin-left: 15px !important;
		margin-right: 15px !important;
		padding-top: 60px !important;
	}
	.formspace {
		padding: 23px 24px 42px !important;
	}
	.formtitle {
		font-size: 25px !important;
		line-height: 1.5 !important;
		text-transform: none !important;
	}
	.formhr {
		height: 1.6px !important;
	}
	.change::placeholder {
		font-size: 14px !important;
	}
	.organcheckbox li {
		width: 50% !important;
		font-size: 16px !important;
		padding-right: 15px !important;
	}
	.declare li {
		font-size: 15px !important;
		margin-top: 18px;
		margin-bottom: 18px;
	}
	.mobile_form_gap{
		margin-top: 18px !important;
	}
	.card_btn{
		display: flex !important;
		flex-direction: row !important;
		justify-content: center !important;
	}
	.btn--styleOnes {
		padding: 13px 30px !important;
		margin: 0 22px !important;
	}
	.layouts {
		margin: 26px 22px 45px 22px !important;
	}
	.donorcard_title {
		font-size: 23px !important;
		text-transform: none !important;
		margin-top: 16px !important;
		padding-left: 15px !important;
	}
	.layouts img {
		padding: 0 15px !important;
	}
    /* ------ donatenow responsive css end---- */


    /* ------ donorcard responsive css start---- */
	.cardcontainers {
		display: flex !important;
		justify-content: center !important;
		padding-top: 30px !important;
		padding-bottom: 30px !important;
		flex-direction: column !important;
		margin: 0 15px 0 15px !important;
	}
	.donorimg {
		width: auto !important;
	}
	.donorcardback {
		width: auto !important;
	}
	.donorcardspace {
		padding: 30px 26px !important;
	}
	.death {
		font-size: 18px !important;
		margin: 15px 0 10px 3px !important;
	}
	.donorcardbox li{
		font-size: 16px !important;
	}
	.donorbox li{
		width: 50% !important;
	} 
	.donorcardbox input[type="checkbox"], .declare input[type="checkbox"] {
		width: 16px !important;
	}
	.cardbox {
		font-size: 16px !important;
		margin: 8px 0px 0 16px !important;
	}
	.cardnotes {
		font-size: 17.8px !important;
	}
	.flex {
		display: inline-block !important;
	}
	.dobs{
		margin-top: 8px !important;
	}
	.commentsPost__input textarea {
		padding: 17px 20px !important;
	}
	.finalnote {
		padding: 9px 5px;
		font-size: 15px !important;
	}
    /* ------ donorcard responsive css end---- */
}



@media (max-width: 412px) {
	
    /* ------ header/footer responsive css start---- */
    .header--mobile {
        display: block !important;
        padding-left: 21px !important;
        padding-right: 15px !important;
    }
	.mb-30 {
		margin-bottom: 30px !important;
	}
	.sectionTitle{
		margin: auto !important;
	}
	.mb20{
		margin-bottom: 20px !important;
	}
	.mb40{
		margin-bottom: 40px !important;
	}
	.mb30{
		margin-bottom: 30px !important;
	}
	.mb50{
		margin-bottom: 50px !important;
	}
	.itSocial ul li a {
		height: 30px !important;
		width: 30px !important;
	} 
	.itSocial ul {
		display: inline-flex;
		gap: 5px !important;
	}
	.footer__social {
		text-align: left !important;
		margin-bottom: 22px !important;
	}
	.footer__copyright__text {
		font-size: 0.7311rem !important;
	}
	.pageBreadcumb--style1 {
		padding: 66px 0px !important;
	}
	.aboutContent__text ,.bold {
		padding-right: 30px !important;
		padding-left: 30px !important;
		font-size: 15px !important;
	}
	p {
		line-height: 1.6 !important;
	}
	.pb20 {
		padding-bottom: 20px !important;
	}
    /* ------ header/footer responsive css start---- */


	/* ------ Home page responsive css start----- */
	.hero__content {
		padding-top: 124px !important;
	}
	.hero__shape {
		position: absolute;
		top: 90px !important;
		right: 0;
	}
	.hero__shape--one {
		left: 78% !important;
		top: 38% !important;
	}
	.hero__shape--two {
		right: 86% !important;
		top: 2% !important;
	}
	.about__shape--two {
		top: -3% !important;
		left: 77% !important;
		animation: scale-up-one 3s infinite !important;
	}
	.about__shape--three {
		display: none !important;
	}
	.about__shape--one {
		left: 40% !important;
		top: 14% !important;
		opacity: 0.2 !important;
	}
	.aboutArea--padding {
		padding-top: 5px !important;
		padding-bottom: 10px !important;
	}
	.hero__title--big {
		font-size: 46px !important;
		margin-bottom: 15px !important;
	}
	.hero__title--small {
		margin-bottom: 11px !important;
	}
	.hero__text {
		font-size: 1.25rem !important;
		line-height: 1.3 !important;
		margin-bottom: 18px !important;
	}
	.aboutContent {
		padding-left: 5px !important;
		padding-right: 6px !important;
	}
	.aboutContent__texts{
		padding-right: 0 !important;
		padding-left: 0 !important;
		margin-bottom: 15px !important;
	}
	.aboutContent__quote {
		font-size: 17px !important;  
		margin-bottom: 20px !important;
	}
	.pt50{
		padding-top: 50px !important;
	}
	.cols{
		width: 149px !important;
		height: 135px !important;
		margin-bottom: 10px !important;
	}
	.counter_1 {
		min-height: 128px !important;
		max-width: 123px !important;
	  }
	.display-dl {
		font-size: 25px !important;
	}
	.counter_1 h4 {
		font-size: 25px !important;
	}

	.donnerAreaContent__bigTitle__number {
		font-size: 55px !important;
	}
	.donnerAreaContent__heading {
		font-size: 21px !important;
		margin-bottom: 25px !important;
	}
	.sectionTitle__small {
		font-size: 14px;
	}
	.video_press {
		margin-bottom: 12px !important;
	}
	.volunteerBlock__figure {
		margin-bottom: 12px !important;
		width: 60% !important;
	}
	.volunteerBlock__name {
		margin-bottom: 8px !important;
	}
	.center{
		padding-left: 0 !important;
		margin: 0 !important;
	}
	.counter-two {
		font-size: 43px !important;
	}
	.round_cell span {
		font-size: 18px !important;
	}
	.title_h6{
		font-size: 19px !important;
	}
	.mt30{
		margin-top: 30px !important;
	}
	.imgpadding {
		padding-left: 11px !important;
		padding-right: 11px !important;
	}
	/* ------ Home page responsive css end----- */

	
	/* ------ aboutus responsive css start----- */
	.section_title{
		font-size: 23px !important;
	}
	.featureTab .nav-tabs .nav-link {
		padding: 11px 24px !important;
		font-size: 16px !important;
	}
	.sponsorsTitle {
		gap: 9px !important;
		margin-bottom: 25px !important;
	}
	.sponsorsTitle__heading {
		font-size: 20.5px !important;
	}
	.aboutDetailsThumb {
		border-radius: 50%;
		overflow: hidden;
		height: 50%;
		width: 154%;
	}
	.cols4{
		width: 28% !important;
	}
	.cols3{
		width: 34% !important;
	}
	.pt12{
		padding-top: 12px !important;
	}
	.wss{
		width: 220px !important;
		overflow: visible !important;
	}
	.ws{
		width: 206px !important;
	}
	/* ------ aboutus responsive css end----- */


	/* ------ faqs responsive css start----- */
	.accordion-button{
		padding: 20px !important;
		font-size: 18px !important;
	}
	.accordion-body {
		font-size: 16px !important;
		padding: 0px 20px 25px 20px !important;
	}
	.pb40{
		padding-bottom: 40px !important;
	}
    /* ------ faqs responsive css end----- */


    /* ------ events responsive css start----- */
	.mobile_img{
		width: 103% !important;
		height: 178px !important;
		margin: 0 !important;
	}
	.mobile_imgs {
		width: 100% !important;
		height: 218px !important;
		margin: 0 !important;
	}
	.gallery_imgs {
		width: 100% !important;
		height: 450px !important;
		margin: 0 !important;
	}
	.gallery_rf {
		padding: 60px 0 35px 0;
	}
	.video_press iframe {
		height: 251px !important;
	}
	.blog{
		margin: 0px 3px 0px 3px;
	}
	.column-xs-8 {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}
    /* ------ events responsive css end----- */


    /* ------ acts and rule responsive css start---- */
	.title_size{
		font-size: 26px !important;
	}
	.actsize{
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
	.pt75{
		padding-top: 76px !important;
	}
	.pt25{
		padding-top: 25px !important;
	}
	.pt40{
		padding-top: 40px !important;
	}
    /* ------ acts and rule responsive css end---- */


    /* ------ contactus responsive css start---- */
	.pt80 {
		padding-top: 60px !important;
	}
	.pt68 {
		padding-top: 50px !important;
	}
	.contact--layout1 {
		padding-top: 80px !important;
	}
	.contactBlock__figure {
		margin-bottom: 50px !important;
	}
	.contactBlock__heading {
		font-size: 22px !important;
		margin-bottom: 25px !important;
	}
	.contactBlock {
		padding: 0 32px 30px 21px !important;
		min-height: 412px !important;
	}
	
	.commentsPost__input input {
		min-height: 45px !important;
		border-radius: 5px!important;
	}
	.commentsPost__input textarea {
		min-height: 100px !important;
		border-radius: 5px !important;
	}
	.btn--styleOne {
		padding: 15px 15px !important;
	} 
	.contact_space{
		margin-bottom: 20px !important;
	}
    /* ------ contactus responsive css end---- */


    /* ------ donatenow responsive css start---- */
	.donorcardlink {
		display: flex !important;
		justify-content: space-evenly !important;
		flex-direction: column !important;
	}
	.layout {
		padding-bottom: 26px !important;
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
	.formspace {
		padding: 20px 22px 40px !important;
	}
	.formhr {
		display: none !important;
	}
	.formtitle {
		font-size: 20px !important;
		line-height: 1.3 !important;
		text-transform: none !important;
	}
	.change::placeholder {
		font-size: 13.5px !important;
	}
	.organcheckbox li {
		width: 50% !important;
		font-size: 14px !important;
		padding-right: 10px !important;
	}
	.declare li {
		font-size: 16px !important;
		margin-top: 18px;
		margin-bottom: 18px;
	}
	.mobile_form_gap{
		margin-top: 18px !important;
	}
	.card_btn{
		display: flex !important;
		flex-direction: row !important;
		justify-content: center !important;
	}
	.btn--styleOnes {
		padding: 12px 27px !important;
		margin: 0 12px !important;
		border-radius: 18px !important;
	}
	.layouts {
		margin: 26px 22px 45px 22px !important;
	}
	.donorcard_title {
		font-size: 20px !important;
		text-transform: none !important;
		margin-top: 14px !important;
		padding-left: 10px !important;
	}
	.layouts img {
		padding: 0 10px !important;
	}
    /* ------ donatenow responsive css end---- */


    /* ------ donorcard responsive css start---- */
	.cardcontainers {
		display: flex !important;
		justify-content: center !important;
		padding-top: 30px !important;
		padding-bottom: 30px !important;
		flex-direction: column !important;
		margin: 0 6px 0 6px !important;
	}
	.donorimg {
		width: auto !important;
	}
	.donorcardback {
		width: auto !important;
	}
	.donorcardspace {
		padding: 23px 20px !important;
	}
	.death {
		font-size: 17px !important;
		margin: 14px 0 8px 3px !important;
	}
	.donorcardbox li{
		font-size: 14px !important;
	}
	.donorbox li{
		width: 50% !important;
	} 
	.donorcardbox input[type="checkbox"], .declare input[type="checkbox"] {
		width: 16px !important;
	}
	.cardbox {
		font-size: 16px !important;
		margin: 6px 0px 0 13px !important;
	}
	.cardnotes {
		font-size: 16.5px !important;
	}
	.flex {
		display: inline-block !important;
	}
	.dobs{
		margin-top: 5px !important;
	}
	.commentsPost__input textarea {
		padding: 17px 20px !important;
	}
	.finalnote {
		padding: 9px 5px;
		font-size: 13.5px !important;
	}
    /* ------ donorcard responsive css end---- */
}


/*
Apple iPhone 5, 5S & 5C 
Apple iPod Touch (5th generation)
*/
@media (min-width: 1136px) and (max-width: 1279px) {
	/*body {	font-size: 16px; }*/
}

/*
Apple iPhone 4 & 4S
Apple iPod Touch (4th generation)
*/
@media (min-width: 960px) and (max-width: 1135px) {
	/*body {	font-size: 15px; }*/
	h1 { font-size:3em; }		/* 39px */
	h2 { font-size:2.3077em; }	/* 30px */
	h3 { font-size:1.8461em; }	/* 24px */
}

/*
Sony Xperia
LG Optimus
Blackberry Storm 3, Torch 9850 & Torch 9860
Nokia Lumia 610, 710 & 800
HTC Desire, Desire Z, Desire S & One V
Samsung Galaxy
*/
/* With side menu
@media (min-width: 768px) and (max-width: 1279px) {
*/
/* Without side menu */
@media (min-width: 768px) and (max-width: 959px) {
	/*body {	font-size: 15px; }*/
	h1 { font-size:3em; }		/* 39px */
	h2 { font-size:2.3077em; }	/* 30px */
	h3 { font-size:1.8461em; }	/* 24px */
}



/*
Portrait orientation

Sony Xperia
LG Optimus
Blackberry Storm 3, Torch 9850 & Torch 9860
Nokia Lumia 610, 710 & 800
HTC Desire, Desire Z, Desire S & One V
Samsung Galaxy
*/
@media (max-width: 767px) {
	/*body {	font-size: 15px; }*/
	h1 { font-size:2.5em; }		/* 30px */
	h2 { font-size:2em; }		/* 24px */
	h3 { font-size:1.6667em; }	/* 20px */
}




/*
Very common low res
*/
/*@media (max-width: 479px) {
	body {	font-size: 12px; }
	h1 { font-size:2.5em; }
	h2 { font-size:2em; }
	h3 { font-size:2em; }
	h4 { font-size:1.3333em; }
	h5 { font-size:1.1667em; }
	h6 { font-size:1em; }
}*/