@charset "utf-8";
/* CSS Document */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	body{
		overflow-x: hidden!important;
	}
	.hhdn{
	    overflow: hidden;
	}
	.pose{
		position: inherit!important;
	}
	.qna1 p span:nth-child(2) {
    font-size: 95px;
	}
	.qna1 {
    background: linear-gradient( 
180deg
 , #fbf7f508 28%, rgb(121 119 184) 19%);
		margin-bottom: 0px;
    padding-bottom: 30px;
	}
	.qna2 {
    background: linear-gradient( 
180deg
 , #fbf7f508 20%, rgb(121 119 184) 19%);
		margin-bottom: 0px;
    padding-bottom: 30px;
	}
	.qna2 p span:nth-child(2) {
    font-size: 50px;
	}
	.qna2 p span:first-child {
    font-size: 65px;
	}
	.qna2 .btn{
    font-size: 13px;
	}
	.qna2 .nav-tabs .nav-link {
    margin-bottom: 2px;
		padding: 5px 6px;
}.qna2 .tab-content {
    overflow-x: clip;
    overflow-y: scroll;
    max-height: 315px;
}
	.yoth {
    position: inherit;
    transform: translate(0%, 0%);
}

	.fnt{
		font-size: 30px!important;
	}
	.astore .card .card-img-top {
    max-height: fit-content;
}
	.img-bx > .card-img-top {
    max-height: fit-content;
}
	.footer .img-shadow {
    left: -9px;
    width: 348px;
}.mission span {
    padding: 0 30px;
	text-align: center;
}
	.donation .mrg {
    margin-top: 25px;
}
	.donation .contr {
    position: relative;
    right: auto;
    margin-right: auto;
    width: 100%;
}
	.rural {
    transform: translate(-4px, -8px);
    padding: 13px 10px;
    width: 100%;
    position: unset;
}
	.edu span:nth-child(2) {
    font-size: 50px;
	}
	.edu span:first-child {
    font-size: 32px;
	}
	.mbg1 {
    padding-right: 0px;
	}
	.v5:after {
    bottom: 5px;
	}
	.v5 {
/*    font-size: 16px;*/
    margin-top: 20px;
}
	.mission-bodhi{
		overflow-y: hidden;
	}
	.mbg {
    padding: 0;
    overflow-x: hidden;
}
	.mission-bodhi {
    background-position: top;
	}
	.about3 {
    background-position: top;
}
	.about4 {
    background-position: top;
}
	.mt-n5{
    margin-top: 0rem!important;
}
	.h3, h3 {
    font-size: 15px;
}
	.navbar-toggler-icon {
    background-color: #fff!important;
	}
	.logo1 {
		width: 150px;
	}
	.v2:after {
		height: 50px;
	}
	.v2 {
		position: relative;
		margin-bottom: 10px;
		font-size: 20px;
	}
	.v1, .v4,.v3{
		font-size: 20px;
	}
	.spritual {
		font-size: 20px;
	}
	.fa-2x {
		font-size: 1em;
	}
	.address > .fa-2x {
		font-size: 1.5em;
	}
	
	.ssocial .fa {
		padding: 8px;
	}
	.ssocial .fa-facebook {
		padding: 8px 13px;
	}
	.ssocial .fa-instagram {
		padding: 8px 10px;
	}
	.ssocial .fa {
		margin-top: 10px;
	}
	.v3 {
		margin-bottom: 8px;
	}
	.sfare h2 {
		font-weight: 800;
		font-size: 20px;
	}
	
	.h4, h4 {
    font-size: 18px;
}
	.h2, h2 {
    font-size: 20px;
}
	.h5, h5 {
    font-size: 17px;
}
	.blog .card {
    margin-bottom: 15px;
}
	.qna .btn-link {
    font-size: 14px;
}
	.mbg img {
    max-width: 270px;
}
	.mission.v1:after {
    left: 110px;
}
	.donation {
    margin-top: 16px;
    margin-bottom: 16px;
}
	.quot p:nth-child(2) {
    font-size: 25px;
}
	.quot p:first-child {
    font-size: 135px;
    transform: translate(-18px, 55px);
}
	.pja {
    position: relative;
    padding: 29px;
    text-align: center;
    border-radius: 18px;
		top: 0;

}
	.pja p span:nth-child(3) {
    font-size: 39px;
}
	.pja p span:nth-child(2) {
    font-size: 45px;
	}
	.pja p span:first-child {
    font-size: 42px;
	}
	/*Margin and Padding helpers*/
/*xs*/
	.center-xs{
		text-align: center !important;
			
	}
.p-xs { padding: 1em!important; }
.px-xs { padding:0 1em!important; }
.py-xs { padding: 1em 0!important ; }
.pt-xs { padding-top: 1em!important; }
.pr-xs { padding-right: 1em!important; }
.pb-xs { padding-bottom: 1em!important; }
.pl-xs { padding-left: 1em!important; }
	

.m-xs { margin: 1em!important; }
.mx-xs { margin: 0 1em!important; }
.my-xs { margin: 1em 0!important ; }
.mr-xs { margin-right: 1em!important; }
.ml-xs { margin-left: 1em!important; }
.mt-xs { margin-top: 1em!important; }
.mb-xs { margin-bottom: 1em!important; }
/*sm*/
	
	
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 1024px) {
	.yforum .card-title {
    min-height: 3em;
}
.blog .card {
    background-color: #ece8e7;
    min-height: 460px;
}
	.qna2 .tab-content {
    overflow-x: clip;
	min-height: 500px;
    max-height: 600px;
    overflow-y: scroll;
}
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.footer .img-shadow {
		left: -33px;
		width: 276px;
	}
    .yoth {
    transform: translate(0%, -5%);
    }
	.pose{
		position: inherit!important;
	}
	.qna1 {
    background: linear-gradient( 
180deg
, #fbf7f508 39%, rgb(121 119 184) 19%);
    margin-bottom: 0px;
    padding-bottom: 25px;
}
	.qna2 {
    background: linear-gradient( 
180deg
, #fbf7f508 38%, rgb(121 119 184) 19%);
    margin-bottom: 0px;
    padding-bottom: 25px;
}
	.donation {
    margin-top: 28px;
    margin-bottom: 28px;
}
	.donation .contr {
    width: 322px;
    margin-right: 16px;
}
	.donation .mrg {
    margin-top: 23px;
}
	.quot p:first-child {
    font-size: 200px;
    transform: translate(-35px, 88px);
}
	.quot p:nth-child(2) {
    font-size: 32px;
	}
	.pja p span:nth-child(2) {
    font-size: 45px;
	}
	.pja p span:first-child {
    font-size: 42px;
	}
	.pja p span:nth-child(3) {
    font-size: 38px;
	}
	.pja h4 {
    font-size: 19px;
	}
	.pja {
    padding: 21px;
    top: 19px;
}
	.mbg1 {
    padding-right: 47px;
	}
	.v5:after {
    height: 51px;
	}
	.v5 {
    font-size: 21px;
}
	.navbar-expand-md .navbar-nav .nav-link {
		padding: 8px 7px;
		font-size: 9px;
	}
	.h2, h2 {
    font-size: 1.5rem;
}	.h1, h1 {
    font-size: 1.7rem;
}
	.mbg {
    padding: 0 25px;
	}
	.mission span {
    padding: 0 25px;
}
	.mission span:first-child {
    font-size: 65px;
}
	.mission span:nth-child(2) {
    font-size: 21px;
}
	.mission span:nth-child(3) {
    font-size: 27px;
}
	.mission.v1:after {
    left: 28px;
}
	.mission-bodhi {
    background-position: inherit;
	}
	.rural {
    transform: translate(-25px, -17px);
    background-color: #fff;
    padding: 30px 35px;
    width: 745px;
    position: unset;
}
	.pt-md { padding-top: 1.5rem!important; }
	
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.navbar-expand-md .navbar-nav .nav-link {
		padding: 10px 6px;
		font-size: 14px;
	}
    .footer .img-shadow {
    left: -45px;
    width: 380px;
}
	.qna1 p span:nth-child(2) {
    font-size: 100px;
	}
	.qna2 p span:first-child {
    font-size: 80px;
	}
	.qna2 p span:nth-child(2) {
    font-size: 63px;
	}
	.qna1 {
    margin-bottom: 265px;
}

	.pja {
    padding: 32px;
	}
.qna1 {
    background: linear-gradient( 
180deg
, #fbf7f508 36%, rgb(121 119 184) 19%);
    margin-bottom: 0px;
    padding-bottom: 35px;
}
.qna2 {
    background: linear-gradient( 
180deg
, #fbf7f508 30%, rgb(121 119 184) 19%);
    margin-bottom: 0px;
    padding-bottom: 35px;
}
.pose{
	position: inherit!important;
}
/*
	.footer .img-shadow {
		width: 380px;
	}
*/
	.mission span {
    padding: 0 54px;
}
	.mission.v1:after {
    left: 58px;
}
	.v5 {
    font-size: 30px;
}.mbg {
    padding: 0 45px;
	}
    .mbg1 {
    padding-right: 37px;
    }
	.mbg img {
    max-width: 270px;
	}
	.rural {
    top: 0;
    transform: translate(325px, 21px);
    background-color: #fff;
    padding: 7px 35px;
    width: 607px;
    position: absolute;
        max-height: 415px;
}
	.h4, h4 {
    font-size: 20px;
}
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.store .card {
    min-height: 488px;
}
}