@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@300;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
/* CSS Document */
	/*-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;*/


body::-webkit-scrollbar {
width: 17px;               /* width of the entire scrollbar */
}

body::-webkit-scrollbar-track {
background: #fdf7ef;        /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
background-color: #dd6733;    /* color of the scroll thumb */
border-radius: 20px;       /* roundness of the scroll thumb */
border: 3px solid #fdf7ef;  /* creates padding around scroll thumb */
}

* {
	margin:0;
	font-weight:400;
	padding:0;
	box-sizing:border-box;
	font-family:Raleway;
	font-size:14px;
}
.btnCustom {
    background: #DD6733;
    cursor: pointer;
    color: #fff;
    border: 0;
    width: auto;
    float: left;
    margin: 0 20px 0 0;
    padding: 10px 10px;
    border-radius: 5px;

}
.btnCustom:hover{ background:#eab05e}
.outerFormBox{ width:100%; max-width:500px; margin:0 auto; padding:250px 20px}
.outerFormBox input{ width:100% !important; margin-bottom:10px;border: 1px solid #E1E2E4;
border-radius: 5px !important;padding: 8px 15px !important;}
.outerFormBox .form-group{margin-bottom:10px}

.outerFormBox button{ width:100% !important;border: 1px solid #E1E2E4;
border-radius: 5px !important;padding: 8px 15px !important; background:#eab05e !important; cursor:pointer}
.outerFormBox button:hover{ background:#fff !important}
.paddingTxt{padding:20px}
.starTxt{ font-family:Arial}
.iframeVolunteer{ height:3000px}
.hightlightTxt{ font-style: italic; font-size:16px;line-height:26px}
@media screen and (min-width:1400px) and (max-width:2000px){
*{font-size:16px;}
.impGita {
    float: left;
    width: 50%;
    margin: 20px 25%;
    position: relative;
}
 }
 .volunteerFromBox input[type="radio"]{ float:none; width:auto}
.inspirationImg.Imgg{ width:85%}
.inspirationImg.Imggg{ width:100%; max-width:1200px; margin:0 auto; display:block}
.inspirationBoxTxt.ggrayBg{background:#f2f1ed; float:left; padding:20px 5% 0 5% !important}
.inspirationBoxTxt.ggrayBg .boxFifty:nth-child(1){border-right:1px solid #a7811a}
.inspirationBoxTxt.ggrayBg .boxFifty{ padding:30px;}
.photosContainer .photoTh.photoThh {
    width: 25%;
    float: left; border-right:5px solid #fff;
}
.inspirationBoxTxt.ggrayBg{ padding-bottom:0 !important; margin-bottom:0 !important}
h1.spiritualHeading { margin: 30px 0 0 0;padding: 5px 20% 5px 5%; background: #fff;}
.whytostudybhagavadImgBoxx img{ width:250px;}
.whytostudybhagavadImgBoxx{  width:75%; margin:0 5% 0 5%; padding:0px !important}
.inspirationBox.whytostudybhagavadImgBoxx .noBg{ background:none}
.whytostudybhagavadImgBoxx .gridContainer{background:#A7811A;border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;}
.outerTableRow p{ color:#fff; padding:20px 40px; font-family:"Bitter"; font-size:16px; font-weight:300; line-height:26px}
.outerTableRow p.byy{ font-weight:bold}
.resourcesBox .md-trigger{ cursor:pointer}
.gridContainer{   display: grid;grid-template-columns: auto auto auto; grid-gap:0px;  padding:0px;}
.whytostudybhagavadImgBoxx img{ border-radius:10px}
.whytostudybhagavadImgBoxx .gridContainer{border-radius:10px}
.outerTableRow{display:table-column;align-self: center;}

.listBox{ float:left; width:calc(33.33% - 40px); margin:20px}
.listBox p{color:#A7811A;font-size:18px; margin-top:20px; font-weight:400;font-family:'Bitter'; padding:0 15px}
.listBox ul{ padding:0 15px}
.listBox ul li{ margin:15px 0 15px 0}
.outerBoxx{ float:left; width:100%; margin-bottom:30px;background:#FCF6EE;  border-radius:0 0 10px 10px}
.listBox img{border-radius:10px 10px 0 0; width:100%}
.bhagavadGita.whiteBg{ background:#fff !important; padding:50px 10%}


input,select, textarea{font-family:"Open sans" !important}
html, body{ height:100%}
body {
	width:100%;
	color:#444;
	overflow-x:hidden;
	font-family:Open Sans;
	font-size:18px;
	margin-top:82px
}
::-webkit-input-placeholder { /* Edge */
  color: #333333; font-style:italic;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333333; font-style:italic;
}

::placeholder {
  color: #333333; font-style:italic;
}
/**18th**/

.fullWidthContainer.spiritualVideos{ padding:20px 0;}
.fullWidthContainer.spiritualVideos .resourcesBox{ width:calc(25% - 40px); margin:20px; padding-bottom:0}
.fullWidthContainer.spiritualVideos .resourcesBox:nth-child(4n+1){ clear:both}
.videoBy{ font-size:12px; display:block; padding-top:10px}
.fullWidthContainer.spiritualVideos .resourcesBox.txtBold{}


.numberTxt{ font-family:"Open Sans"}
.testimonialsBox .bx-viewport{ background-image:none !important}
.rssymbol{ position: absolute;background: #fff;left: 15px;top: 58px;font-family: Arial;}
.norightleftpadding{padding-left:0 !important;padding-right:0 !important;}

.fullWidthContainer.mmbile{ padding-bottom:0; margin-top: 5em;}
.donationLeft input[type="radio"]{ width:auto; float:none;}
#Female{ margin-left:15px}
.orderConfirm input[type="checkbox"]{ width:auto; margin-right:10px}
.bannerBox{ width:100%; float:left; }
.bxslider{}
.bx-viewport{ background-color:#FAEFDD;background: url(../images/bannerBg.png) no-repeat left top}

.innerBanner p.txtSecond,.innerBanner span{ color:#000}
.innerBanner p.txtSecond span:nth-child(1){ border-bottom:1px solid #A7811A; padding-bottom:30px;margin-bottom: 30px;display: inline-flex;}
.innerBanner p.txtSecond span:nth-child(2),.innerBanner p.txtSecond span:nth-child(3){font-family: 'Bitter';}
.innerBanner p.txtSecond span:nth-child(2){ font-family: 'Bitter';}
.txtSecond > span:nth-child(1){ font-size:40px;}
.txtSecond > span:nth-child(3){font-size:30px;}
.txtSecond > span:nth-child(5){ font-size:16px;font-family: 'Bitter';}
.hgttt{ height:10px}
.fieldBox.donationLeft.cls{ width:70%}
.couponBox input[type="text"],.couponBox input[type="button"]{ width:auto}
.couponBox input[type="button"]{cursor: pointer;text-align: center;background: #DD6733; margin:0 10px; border:0;color: #fff;}
.couponBox input[type="button"]:hover{ background:#eab05e}
.confirmOrderBanner{background:url(../images/confirmOrderBanner.jpg) no-repeat center center;	background-size:auto 100% !important;}
.gitaprimerBanner{background:url(../images/gitaprimerBanner.png) no-repeat center center;	background-size:100% !important;}
.gitathematicBanner{background:url(../images/gitathematicBanner.png) no-repeat center center;	background-size:100% !important;}
.gitacompherensiveBanner{background:url(../images/bhagavadgita18.jpg) no-repeat center center;	background-size:100% !important;}
.contactBanner{background:url(../images/contactBanner.jpg) no-repeat center center;	background-size:100% !important;}	
.spiritualVideosBanner{background:url(../images/spiritualVideosBanner.png) no-repeat center center;	background-size:100% !important;}
.spiritualVideosBanner{background:url(../images/spiritualVideosBanner.png) no-repeat center center;	background-size:100% !important;}
.sundayOnlineBanner{background:url(../images/sundayOnlineBanner.jpg) no-repeat center center;	background-size:100% !important;}
.fieldBox p{ padding-bottom:5px}
.roundImgg{ border-radius:10px}
.inspirationBox.sundayHighlight{ padding-bottom:0}
.sundayHighlight .highlightPara{ width:50%; border-radius: 0 0 10px 10px}
.sundayHighlight img{border-radius:10px 10px 0 0 }
.contactOuterBox .boxFifty{ padding-left:0; padding-top:0}
.fieldBox p{font-weight:600}
.fieldBox textarea { border: 1px solid #D9D8D8;padding: 10px 15px; border-radius: 5px; float: left; width: 100%;}
.fieldBox.captcha input{ width:50%}
.captchaImg{ margin:2px 0 0 10px}
.addressIconBox{ background:url(../images/mapIcon.png) no-repeat; padding:2px 0 10px 60px; float:left; width:60%; font-weight:600; line-height:20px; background-size:50px; margin-bottom:15px; margin-top:20px;}
.phoneIconBox{background:url(../images/callIcon.png) no-repeat; padding:2px 0 10px 60px; float:right; width:170px; font-weight:600; line-height:20px; background-size:50px; margin-bottom:15px; margin-top:20px; width:40%}
.emailIconBox{background:url(../images/emailIcon.png) no-repeat; padding:15px 0 15px 60px; float:right; width:100%; font-weight:600; line-height:20px; background-size:50px; margin-bottom:15px; margin-top:20px;width:40%}
.leftPadding{ padding-left:3% !important}
.rightPadding{ padding-right:3% !important}
p.hheading{ font-weight:600; font-size:16px; border-bottom:1px solid #ccc}
.emailIconBox a:link,.emailIconBox a:visited,.emailIconBox a:hover{ color:#444; text-decoration:none; font-weight:600}
.contactOuterBox .fieldBox input[type="submit"],.contactOuterBox .fieldBox button{ width:auto !important}

.coursesContainerBox .txtBold{ border-bottom:1px solid #D8D8D8}
.jointhecourseLink{ margin:18px 20px 0 20px;border-top:1px solid #D8D8D8; text-align:center }
.coursesContainerBox .txtBold{ padding-top:15px; padding-bottom:15px; font-size:16px}
.ttxtBold {
    padding-top: 15px;
    padding-bottom: 0px;
    font-size: 16px; font-weight:600
}
.bottomPadding{ padding-bottom:0 !important}
.panell p{ padding-top:0}
#tabs { position:relative; z-index:1}
#tabs li a{ font-weight:600}
.grayTabLine{ border-bottom:2px solid #D8D8D8 !important; width:100%; float:left;margin: -12px 0 0 0;z-index: 0;position: relative;}
/****/
.logo img {
	width:120px; background:#fff; border-radius:250px;box-shadow: 0px 3px 6px #00000024; padding:10px 
}
.logo{ position:absolute;left:50px; top:10px}

.testimonialOuterBoxTable {
    display: table-cell;
   
    vertical-align: top;
    border: 20px solid #fdf8f2;
    border-radius: 30px;
    width: 33.33%; padding:10px; background:#fff
}

.bxslider2 li div.testiBox {
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    display: table;
    height: 100%;
}
.testimonialsRight {
    width: 100%;
    padding: 0;
    display: table-cell;
}



.featureH b {
    font-weight: bold;
    font-size: 16px;
}
.donationInnerBox{ width:80%; margin:0 auto; max-width:830px}
button.btn.dropdown-toggle.myprofilebtn {
	border-radius:5px !important;
	color:#fff !important;
	text-decoration:none;
	padding:10px 15px !important; border:0;
	background:#DD6733 !important; font-size:12px !important; cursor:pointer; margin:0 10px;	
}
.btn.dropdown-toggle.myprofilebtn:hover{
	background:#EAB05E
}
.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdownProfile {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
background: #fff;
border-radius: 10px;
box-shadow: 0px 3px 6px #00000029;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
padding: 10px 0; min-width:160px;
  z-index: 1; margin:10px 0 0 0;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none; font-size:14px;
  display: block; color:#444444 !important;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background: #F8E9D4;font-weight: bold;}

/* Show the dropdown menu on hover */
.dropdownProfile:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdownProfile:hover .dropbtn {background-color: #3e8e41;}
/****/

/*heading tags*/
.footerLine{background: #A7811A; float:left; width:100%; height:1px; }
h1, h4,h1 span {
	color:#A7811A !important;
	font-size:38px;
	font-family:'Bitter';
	text-align:center;
	padding-bottom:20px;
	position:relative; font-weight:300
}
h2{color:#A7811A !important;
	font-size:38px;
	font-family:'Bitter';
	text-align:left;
	padding-bottom:20px;
	position:relative; font-weight:300; text-transform: capitalize}
p.subsubHeading{ font-weight:700; font-style:italic; padding-bottom:0}
p.subsubsubHeading{ font-weight:600; font-size:1}
h3 {
	color:#DD6733 !important;
	letter-spacing:normal !important;
	font-size:20px !important;
	padding-bottom:15px !important
}
.krishnaBoxLeft{ background:url(../images/krishna-bg-left.jpg) no-repeat; background-size:cover}
.learnGitaAdvantages{ background:#FCF6EE; float:left; width:100%; padding:50px; position:relative}
.learnGitaAdvantagesLeft{ float:left; width:30%; padding:50px; position:relative}
.learnGitaAdvantagesRight{ float:left; width:100%; position:relative; padding-left:35%; background:url(../images/learnGitaAdvantages.png) no-repeat 50px center; background-size:25%}

.learnGitaAdvantagesRight h1{ text-align:left; position:relative}
.exploreOnlineCourses h2,.ourTeamOuterBox h2{ text-align:center}
.exploreOnlineCourses,.ourTeamOuterBox{ float:left; width:100%; padding:50px}
.exploreOnlineCoursesBox{ float:left; width:29.33%; margin:20px 2%; text-align:center; position:relative; box-shadow:0px 3px 6px #00000014;border-radius:5px}
.exploreOnlineCoursesBox img,.ourTeamBoxx img{ width:100%; border-radius:5px}
.exploreOnlineCoursesBox p.courseFees{ position:absolute; top:20px; right:0; padding:5px 15px; border-radius:5px 0px 0px 5px; background:#D24858; color:#fff; font-size:14px }
.ex0ploreOnlineCoursesBox p{ font-size:18px}
.exploreOnlineCoursesBox .readMore:link,.exploreOnlineCoursesBox .readMore:visited{ margin-top:0}

.ourTeamBoxx{float:left; width:19%; margin:20px 3%;}
.ourTeamBoxx p{ margin:0; padding:0}
.ourTeamBoxx img{ margin-bottom:10px}

.ourTeamOuterBox .lineBggg{ padding:0 !important; margin:15px auto !important; width:100%;}
.ourTeamOuterBox .readMore:link,.ourTeamOuterBox .readMore:visited{ text-align:center; margin:0 auto !important; display:table}

.orgColor{ color:#A7811A; font-weight:700}
.bhagavadGita{ width:100%; float:left; background:url(../images/bhagvat-gita-bg.png); padding:50px 15%; background-size:100% auto}
.ourMissionBox{ width:100%; float:left; padding:0px 15%}
.bhagavadGita h1{ text-align:left; padding-bottom:0; margin-bottom:0}
.customList li{ background:url(../images/bulletList.png) no-repeat left 7px; padding:0 5px 0 30px; list-style:none; margin:25px 0 25px 0; background-size:20px; line-height:26px;}
p.subHeading{ color:#A7811A; font-weight:bold; font-size:20px}

.containerBoxx{display: flex;  justify-content: flex-start; margin:50px}
.containerBoxxLeft,.containerBoxxRight{   margin: 20px; vertical-align:middle;align-self: center}
.containerBoxxRight img,.containerBoxxLeft img{ width:100%}
.containerBoxxRight.imgg img{width:70%}
.containerBoxxLeft{width: 45%; margin-right:5%}
.containerBoxxRight{width: 45%; padding:0 0px }
.playIconn{width:auto !important; position:absolute; top:calc(50% - 23px); left:calc(50% - 23px); cursor:pointer}
.containerBoxxLeft{ position:relative}
.imgCornerRadius{ border-radius:8px}

.impGita{ float:left; width:80%; margin:20px 10%; position:relative}
.impGita .impGitaImg{ float:left; width:100%; border-radius:5px;}
.impGita .playIcon{ position:absolute; left:calc(50% - 23px);top:calc(50% - 23px); z-index:9}

.donationBannerBgg{ float:left; width:100%; padding:30px 0; background:url(../images/donate-bg.jpg) no-repeat left center #f8ece0; background-size:auto 100%; position:relative}
.donationBannerBgg:before{ content:"."; color:rgba(0,0,0,0);background:url(../images/donate-bg-rightt.jpg) no-repeat left center; width:315px; height:95px; position:absolute; right:0; top:0 }
.doantionBoxHome{ float:left; width:70%; margin:0 15%}
.doantionBoxHomeLeft{ float:left; width:30%}
.doantionBoxHomeLeft img{ width:70%}
.doantionBoxHomeRight{ float:left; width:70%}
.doantionBoxHomeLeft img{ min-width:150px; margin:0 auto; display:block}
.doantionBoxHomeRight p.txtFirst {
    color: #A7811A;
    text-align: left;
    font-family: 'Bitter';
   font-size: 34px;
}
.doantionBoxHomeRight p.txtFirst span {
    font-size: 16px;
    font-weight: bold;
    color: #A7811A; line-height:60px
}
.doantionBoxHomeRight .readMore:link,.doantionBoxHomeRight .readMore:visited {
    background: #DD6733;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    border-radius: 10px;
    padding: 7px 20px;
    font-size: 14px;
    text-decoration: none;
    margin: 10px auto;
}

h1.headingBg{ text-align:left; position:static	}
h1.headingBg::after {
position:absolute;
content:".";
color:rgba(0, 0, 0, 0);
left:0;
top:72px;
width:28%;
background:url(../images/line.png) repeat-x;}
p.headingSub{ font-weight:700; margin:0; padding:0}
strong{ font-weight:700 !important}
.lineBgLeft{ position:relative}

.lineBgLeft::after{position:absolute;
content:".";
color:rgba(0, 0, 0, 0);
left:0;
bottom:160px;
width:13%;
background:url(../images/line.png) repeat-x;}
h1.smCase{ text-transform:none}
a:link,a:visited{ color:#D8510ADE; text-decoration:none}
a:hover{ color:#eab05e}

.hrCustom{ height:1px; background:#a7811a !important; border:0; }
p{ line-height:24px; padding:15px 0}
/******/
p.boxPara{ padding:0 10%}
.donationInnerBox.orderConfirm.paddingMobilee{ padding:20px 0}
.inspirationBox{ padding:50px 50px 20px 50px}
.inspirationBoxTxt.paddingTopBottom{ padding:40px 20% 30px 30%}
.inspirationBox.whytostudybhagavadImgBox{padding:0px 50px 0px 50px}
.inspirationBox h1,.inspirationBoxTxt h1{ text-align:left; width:70%; padding-top:20px}
.inspirationBoxTxt{ width:100%; padding:0px 20% 30px 30%; background:url(../images/line.png) repeat-y; background-position:28% top}
.inspirationBoxTxt.ourTeamTxt{ padding:0px 10% 30px 30%;}
.inspirationBoxTxt p:nth-child(1){ padding-top:0}
.photosContainer,.photosContainer .photoTh img{ float:left; width:100%; cursor:pointer}
.photosContainer .photoTh{ width:33.33%; float:left}
.inspirationBg{ float:left; width:100%;background:url(../images/line.png) repeat-y #F2F1ED; background-position:28% top}
.inspirationBg .inspirationBoxTxt h1{ padding-left:0%; padding-top:0; margin-top:20px}
.inspirationBg .inspirationBoxTxt{ width:100%; padding:0px 20% 0px 0; padding-left:calc(15% + 50px); background-image:none; background-color:#F2F1ED; margin-bottom:100px}
.photoBig img{ width:100%; border-radius:10px}
.noBgImg{ background-image:none}
.boxxFifty{ padding:0px 10% 30px 30%}
.boxxFifty .customList li{ margin:15px 0 15px 0}
.txtBold.paddingTopZero{ padding-top:0 !important}
.ourTeamContainer{ padding-top:50px}
.ourTeamContainer .ourTeamRight{ width:100%; padding:30px 50px}
.ourTeamContainer .ourTeamRight .teamBox{ width:20%}
.ourTeamContainer .ourTeamRight .teamBoxx{ background:#fff; min-height:350px;border-radius:10px}
.leftTeamTxt{ float:left; width:100%}
.leftTeamTxt img{ width:350px; border-radius:10px; margin-right:50px}
.rightTeamTxt{ float:left; width:30%}
.innerTeamTxtContainer .memberDesignation{ text-align:center; padding-top:0}
/****/
#fancybox-overlay{ background:rgba(0,0,0,1) !important; opacity:0.9 !important; position:fixed !important; top:0 !important; bottom:0 !important; height:auto !important; bottom:0 !important}
#fancybox-wrap{width:100% !important; left:0 !important; }
#fancybox-content{min-width:100% !important;border-radius:10px !important; border:0 !important}
#fancybox-outer{ border-radius:10px !important}
.innerTeamTxtContainer{ width:100% !important; padding:20px 50px}
.innerTeamTxtContainer .memberDesignation{ font-weight:600}
#fancybox-title{ display:none !important}

.testBenefitsBox{border-radius:10px; padding:30px 30px 0 30px}
.headingSubSub{ font-size:18px; font-weight:700; padding-bottom:0}
.gitaQuotientResultBox{ float:left; width:100%; padding:30px 0}
.tableOuterbox{ width:100%; float:left}
.headerRow,.headerRowInner{ width:70%; float:left; margin:0 15%; padding:10px 5px}
.headerRow div{ font-weight:600}
.headerRowInner div,.headerRow div{ float:left}
.headerRowInner div:nth-child(1),.headerRow div:nth-child(1){ width:10%}
.headerRowInner div:nth-child(2),.headerRow div:nth-child(2){ width:25%}
.headerRowInner div:nth-child(3),.headerRow div:nth-child(3){ width:25%}
.headerRowInner div:nth-child(4),.headerRow div:nth-child(4){ width:20%}
.headerRowInner div:nth-child(5),.headerRow div:nth-child(5){ width:20%}

.headerRowInner:nth-child(odd){ background:#F7F6F2}

.headerRow{ border-bottom:1px solid #ebebeb}
.ourTeamContainer .ourTeamRight .teamBox:nth-child(5n+1) {
clear:both;
}
/*
#fancybox-wrap{width: auto !important;
height: auto !important;
top: 0 !important;
left: 0 !important;
display: block !important;

right: 10px !important;
bottom: 0 !important;
overflow-y: scroll !important;}*/

/**/
.ppara{ padding:0 5%}
textarea:focus, input:focus {
	outline: none;
}
 .containerBox{ padding-top:40px; padding-bottom:40px}
.box, .containerBox {
	float:left;
	width:100%
}

.loginBtn.donateBtn:link, .loginBtn.donateBtn:visited {
	background:#FDE7C8;
	padding: 27px 15px 36px 15px;
	border-radius: 0;
	display: inline-block;
	margin: -10px 0 0 0;
	font-weight: bold;
	color:#DD6733
}
.loginBtn:link, .loginBtn:visited {
	border-radius:5px;
	color:#fff;
	text-decoration:none;
	padding:10px 15px;
	background:#DD6733
}
.loginBtn:hover, .loginBtn.donateBtn:hover {
	background:#EAB05E
}
.loginBtn.donateBtn:hover {
	background:#EAB05E;
	color:#fff
}
.loginBtn.marginRL {
	margin:0 15px; display:inline
}
.languageIcon {
	vertical-align:middle;
	margin:0px 0 0 0px; display:none;
}
.rightBox {
	float:right;
	margin:0 0px
}
.rightBoxDonate, .rightBoxLogin {
	float:left
}
.rightBoxLogin {
	margin:20px 0 0 0
}
.featuresBox {
	float:left;
	width:100%;
	background:#F2F1ED;
	padding:60px 10px;
}
.learnLifeBox {
	float:left;
	width:100%;
	background:#fff;
	padding:60px 10px;
}

.highlightPara {
	background: #FCF6EE 0% 0% no-repeat padding-box;
border-radius: 10px; padding:20px; width:100%;
	
	font-style:italic;
}
.flexContainer div img {
	width:100%;
	border-radius:5px
}
.flexContainer div img.playIcon {
	width:auto
}
.flexContainer {
	padding: 0;
	margin: 30px 0;
	list-style: none;
	display: flex;
	width:100%;
}
.flexA {
	width:50%;
	padding:10px 10px 0 10px
}
.flexB {
	width:50%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.flexC {
	width:100%;
	padding:10px
}
.flexD {
	width:50%;
	padding:10px
}
.flexContainer, .flexContainer div {
	position:relative
}
.flexContainer div img.playIcon {
	position:absolute;
	z-index:9;
	top:50%;
	left:calc(50% - 20px)
}
.videoHeading {
	position:absolute;
	z-index:9;
	background:rgba(255, 255, 255, 0.9);
	padding:10px;
	border-radius:0 10px 10px 0;
	font-weight:600;
	bottom:50px;
	left:10px;
	color:#000000DE;
	font-size:16px;
}
.flexContainer .flexC img.playIcon, .flexContainer .flexD img.playIcon {
	top:35%
}
.closebtn {
	background: #DD6733;
	color: #fff;
	text-decoration: none;
	width: 40px;
	height: 40px;
	border-radius: 100px;
	float: left;
	font-size: 18px;
	font-weight: 600;
	padding: 7px 13px;
	position:absolute;
	top:50px;
	right:calc(50% - 400px)
}
.outerBoxPop {
	position:fixed;
	background:rgba(0, 0, 0, 0.8);
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:999999999;
	display:none
}
.innerBoxPop {
	position:absolute;
	left:calc(50% - 400px);
	top:100px;
	background:#fff
}

#banner .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
 margin-bottom:60px;margin-top:-50px;
  bottom: 0px;
  z-index:999;
  position:relative;
}


.playIcon {
	cursor:pointer
}
.punchLineBox {
	 float:left;
	 text-align:left;
	 width:35%; padding:50px;
}
.bannerImg{ width:65%; float:right}
.bannerImg img{ width:100%}
p.punchLine {
	color:#493459;
	font-size:42px;
	font-family:'Bitter';
	line-height:normal; line-height:50px;
}
p.punchLine span {
	color:#493459;
	font-size:38px; font-weight:300;
	font-family:'Bitter'; line-height:50px;
}
p.subpunchLine {
	color:#493459;
	font-size:18px;
	font-weight:300;
	padding:20px 0; line-height:30px;
}
.downIcon {
	width:auto !important;
	text-align:center;
	float:none !important;
	position: absolute;
	bottom:50px;
	left:calc(50% - 28px);
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.registerCourse:link, .registerCourse:visited {
	color:#fff;
	font-weight:400;
	display:inline-block;
	background:#DD6733;
	border-radius:10px;
	padding:15px 20px;
	font-size:16px;
	text-decoration:none;
	margin-top:0px
}
.registerCourse:hover {
	background:#EAB05E;
	color:#fff
}
.coursesContainerBox button{ border:0; display:inherit !important}
.readMore:link, .readMore:visited,.coursesContainerBox button,
button[type="submit"].submit_test

 {
	background:#DD6733;
	color:#fff;
	font-weight:400;
	display:inline-block;
	border-radius:10px;
	padding:15px 20px;
	font-size:14px;
	text-decoration:none;
	margin:30px auto; border:0; cursor:pointer;
}
.readMore:hover,.coursesContainerBox button:hover,button[type="submit"].submit_test:hover {
	color:#fff;
	background:#EAB05E; cursor:pointer;
}
button[type="submit"].submit_test{float:none !important;margin:30px auto 0 auto !important; display:block !important}


.featuresBox {
	padding-left:30%;
	position:relative
}
.featuresBox h1 {
	text-align:left;
}
.customBulletNew {
	margin-left:0px;
	padding:10px 0 0 0
}
.customBulletNew li {
	padding:5px 0 5px 20px;
	list-style:none;
	background:url(../images/bullet.png) no-repeat left 10px;
}
 .featuresBox::after {
position:absolute;
content:".";
color:rgba(0, 0, 0, 0);
left:0;
top:100px;
width:28%;
background:url(../images/line.png) repeat-x
}
.pageIntroBox.box {
	padding-left: 30%;
	position: relative;
	padding-right: 30%;
}
.pageIntroBox.coursesBox.box {
	padding-left: 30%; width:100%;
	position: relative;
	padding-right: 5%;
}
.hgtt{ height:15px}
.hgt {
	clear:both;
	height:180px;
	float:left;
	width:100%
}
.leftMarginBox p {
	padding-left: 15%;
	padding-right: 35%;
	font-weight:600;
	line-height:26px;
	padding-bottom:20px
}
.grayBgBox.leftMarginBox h4 {
	padding-left: 15%;
}
.blackBgBox {
	width:100%;
	float:left;
	background:#000
}
.blackRightBox {

	float:left;
	padding:30px
}
.blackLeftBox {
	float:left;
	padding:0 30px
}
.featuresBox.box {
	background:#fff url(../images/connector.png) no-repeat center 340px; background-size:400px 800px;
}

.fullWidthContainer{ width:100%; float:left; padding:50px 10%}
.fullWidthContainer.paddingZero{ padding:0}
.faqBox{ width:100%; float:left}

.viewMore:link, .viewMore:visited {
	border:1px solid #f05374;
	color:#f05374;
	padding:5px 20px;
	text-decoration:none;
}
.viewMore:hover {
	background:#f05374;
	color:#fff
}
.courseDetails {
	clear:both;
	float:left;
	background-size:150px auto !important;
	min-height:200px; width:400px;
}
.steps {
	border-radius:100px;
	width:25px;
	height:25px;
	float:left;
	background:#EA8676;
	color:#fff;
	padding:3px 5px;
	text-align:center;
	font-weight:normal;
	clear:both;
	margin-bottom:10px;
	margin-top:10px
}
.stepsTitle {
	font-weight:bold;
	clear:both;
	margin:0 0 10px 0;
	clear:both
}
.stepsTxt {
	clear:both;
	width:100%;
	margin-bottom:20px;
	float:left; line-height:20px;
}
.rightAlign div {
	text-align:right
}
.rightAlign div.steps {
	text-align:center;
	float:right
}
.step1 {
	background:url(../images/step1.svg) no-repeat left bottom;
	padding-left:160px;
	margin-left: 200px; 
}
.step2 {
	background:url(../images/step2.svg) right bottom no-repeat;
	padding-right:160px;
	margin-left:-170px !important;margin-top:60px;
}
.step3 {
	background:url(../images/step3.svg) no-repeat left bottom;
	padding-left:160px;
	margin-left:320px; margin-top:-40px; 
}
.step4 {
	background:url(../images/step4.svg) right top no-repeat;
	padding-right:160px;
	margin-left:-200px;
	width: 420px;
margin-top: 70px;
}
.step5 {
	background:url(../images/step5.svg) no-repeat;
	padding-left:160px; width:450px; margin-top:-80px;
	margin-left:320px
}
.leftAlign {
	text-align:left
}
.gq {
	background:#F2F1ED url(../images/gita-quotient-bg.jpg) no-repeat 50px center;
	width:100%;
	float:left;
	padding: 80px 20% 80px 40%;
	position: relative;
}
.subTxt {
	font-weight:bold
}
.lineBg {
	padding:0;
	margin:20px 0;
	height:1px;
	background:#999;
	width:100px
}
.lineBgg {
	padding:0;
	margin:20px 0;
	height:1px;
	background:#707070;
	width:50px
}
.lineBggg{ background:#d3d0d0;padding:0;
	margin:20px 50px;
	height:1px;
	width:calc(100% - 100px)}

.italicTxt {
	font-style:italic
}
.gq p {
	line-height:25px
}
h3 {
	position:relative;
	text-align:left
}
h4 {
	text-align:left;
	padding-left:30%;
	margin-top:50px
}
.heading:before {
	position:absolute;
	content:".";
	color:rgba(0, 0, 0, 0);
	left:0;
	top:10px;
	width:28%;
	background:url(../images/line.png) repeat-x;
	top:35px
}
.ourTeamBox {
	float:left;
	width:100%;
	margin:0
}
.ourTeamLeft {
	float:left;
	width:35%;
	padding:20px 0 20px 20px;
}
.ourTeamRight {
	float:left;
	width:65%;
	padding:20px 10px 20px 10px;
}
.twoOption .ourTeamLeft {
	float:left;
	width:35%;
	padding:20px 0 20px 20px;
}
.twoOption .ourTeamRight {
	float:left;
	width:65%;
	padding:20px 20px 20px 10px;
}
.twoOption .teamBoxx {
	background: #F2F1ED;
	border-radius:10px;
	min-height: 360px;
	margin-bottom: 20px;
}
.twoOption .ourTeamLeft .teamBoxx {
	padding-bottom:20px;
	border-radius: 10px 10px 0 0
}
.twoOption .teamBox p {
	font-size: 14px;
}
.ourTeamLeft img, .ourTeamRight .teamBox {
	width:100%
}
.memberName {
	font-weight:bold;
}
.memberDesignation {
	font-weight:400
}
.teamRound {
	border-radius:10px 10px 0 0;
	width:100%
}
.teamBox p {
	padding:0 10px
}
.teamBox .memberName {
	padding:10px
}
.ourTeamLeft .teamBoxx .memberName{ font-size:16px}
.cls {
	clear:both
}
.ourTeamRight .teamBox {
	width:25%;
	float:left;
	padding:0 10px
}
.twoOption .ourTeamRight .teamBox {
	width:33.33%;
	float:left;
	padding:0 20px
}
.teamBoxx {
	background: #F2F1ED;
	border-radius: 0 0 10px 10px;
	min-height: 360px;
	margin-bottom: 20px;
	padding-bottom:20px
}
.teamBox p {
	font-size:14px;line-height:normal
}
p.upperCase{ text-transform:uppercase}
.bxslider2 li div.testiBox{ background:#fff; border-radius:8px; padding:10px;}
.testimonialsBox h2{ text-align:center}
.testimonialsBox {
	float: left;
	width: 100%;
	background: #FDF8F2;
	padding: 30px 50px;
}
.testimonialsLeftt{width:60%;float:left;}
.testimonialsLeft {
	width:40%;
	float:left;
	padding:0
}
.testimonialsLeft img {
	width:100%;
	border-radius:10px
}
.testimonialsRight {
	width:100%;
	padding:0
}
.testimonialsRight p.testimonialsName {
	font-size:18px;
	font-weight:bold;
	padding:0 0 15px 15px
}
.testimonialsRight p.testimonialsDesignation {
	padding:0 0 15px 15px;
}
.testimonialsRight p.testimonialstxt {
	font-weight:400;
	line-height:24px;
	padding-right:0; clear:both; padding-bottom:0 !important; font-size:14px !important; font-family:Raleway !important; 
}
.testimonialsBox h4 {
	padding-bottom:60px
}
#sliderTestimonials {
	width:90%;
	margin:0 5%
}
#sliderTestimonials .bx-wrapper .bx-pager {
	text-align: left;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 0px;
	width: 60%;
	padding-left: 38%;
	margin-top: -0px;
}
#sliderTestimonials .bx-wrapper .bx-controls-direction a {
	top:50%
}
.txtUnderline{ font-weight:bold; border-bottom:1px solid #D9D8D8; padding-bottom:10px; margin-bottom:20px}
.roundBtn{ border-radius:30px; background:#EA8676; border:0; padding:10px 15px; margin-right:15px; color:#ffffff; text-align:center; width:120px; cursor:pointer}
.roundBtn:hover{ background:#eab05e}

.fieldBox{ float:left; width:100%; margin-bottom:10px}
.fieldBox input,.fieldBox button,.fieldBox select{ border:1px solid #D9D8D8; padding:10px 15px; border-radius:5px;float:left; width:100%}
.fieldBox input[type="submit"],.fieldBox button{ width:100px; margin:0 auto; cursor:pointer; text-align:center; background:#DD6733; color:#fff; border:0; display:block; float:none !important}
.fieldBox input[type="submit"]:hover,.fieldBox button:hover{ background:#eab05e}

.fieldBox.donationLeft{ width:50%; padding-right:10px}
.fieldBox.donationRight{ width:50%; padding-left:10px}

.brdGray{ background:#D9D8D8; margin:30px 0; height:1px; width:100%; float:left}

/**/
.lglgIntro{ width:100%; padding:50px 15%}
.lglgIntro h1{ text-align:center}
.lglgFeatures{ background:#FCF6EE; width:100%; float:left; padding:50px 10%}


.lglgFeaturesList{ margin-top:50px}
.lglgFeaturesList li{ width:100%; list-style:none; position:relative; float:left; margin-top:-30px}
.lglgFeaturesList li:nth-child(odd){ border-left:2px solid #A7811A; margin-left:50%}
.lglgFeaturesList li:nth-child(even){ border-right:2px solid #A7811A; width:calc(50% + 2px); text-align:right; padding-right:120px}
.featureH{ color:#A7811A; font-size:16px; padding-bottom:0; font-weight:500; line-height:normal; text-transform:capitalize}

.lglgFeaturesList li:nth-child(1){ padding-left:120px; background:url(../images/lglg1.png) no-repeat 70px 10px; background-size:35px}
.lglgFeaturesList li:nth-child(2){padding-right:120px; background:url(../images/lglg2.png) no-repeat calc(100% - 70px) 15px; background-size:35px}
.lglgFeaturesList li:nth-child(3){ padding-left:120px; background:url(../images/lglg3.png) no-repeat 70px 10px; background-size:35px}
.lglgFeaturesList li:nth-child(4){padding-right:120px; background:url(../images/lglg4.png) no-repeat calc(100% - 70px) 15px; background-size:35px}
.lglgFeaturesList li:nth-child(5){ padding-left:120px; background:url(../images/lglg5.png) no-repeat 70px 10px; background-size:35px}
.lglgFeaturesList li:nth-child(6){padding-right:120px; background:url(../images/lglg6.png) no-repeat calc(100% - 70px) 15px; background-size:35px}
.lglgFeaturesList li:nth-child(7){ padding-left:120px; background:url(../images/lglg7.png) no-repeat 70px 10px; background-size:35px}
.lglgFeaturesList li:nth-child(8){padding-right:120px; background:url(../images/lglg13.png) no-repeat calc(100% - 70px) 15px; background-size:35px}
.lglgFeaturesList li:nth-child(9){ padding-left:120px; background:url(../images/lglg8.png) no-repeat 70px 10px; background-size:35px}
.lglgFeaturesList li:nth-child(10){padding-right:120px; background:url(../images/lglg9.png) no-repeat calc(100% - 70px) 15px; background-size:35px}
.lglgFeaturesList li:nth-child(11){ padding-left:120px; background:url(../images/lglg10.png) no-repeat 70px 10px; background-size:35px}
.lglgFeaturesList li:nth-child(12){padding-right:120px; background:url(../images/lglg11.png) no-repeat calc(100% - 70px) 15px; background-size:35px}

.lglgFeaturesList li p:nth-child(2){ padding-top:5px;}

.lglgFeaturesList li:nth-child(odd) p{width: 50%;float: left;clear: both;}
.lglgFeaturesList li:nth-child(even) p{width:100%;float: right;clear: both;}
.lglgFeaturesList li:nth-child(odd):before{ width:54px; height:22px; position:absolute; left:0; content:".";background:url(../images/horizontal-icon.png) no-repeat; top:20px; color:rgba(0,0,0,0)}

.lglgFeaturesList li:nth-child(even):before{ width:54px; height:22px; position:absolute; right:0; content:".";background:url(../images/horizontal-icon1.png) no-repeat; top:20px; color:rgba(0,0,0,0)}

.iicons{ float:left; width:100%; text-align:center; margin:20px auto}

/**/

.alignTxtCenter{ text-align:center !important}

.innerBanner.topMargin p{ top:80%}

.innerBanner p {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	color:#fff;
	font-size:36px;
	z-index:99;
	text-align:center;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%); line-height:45px;
}
.innerBanner.inspirationBanner p,.innerBanner.ourTeamBanner p,.anushilanBanner p,.spiritualRetreatsBanner p,.gitaCoursesBanner p,.gitaCoursessBanner p{ top:80%}
.innerBanner.whyStudyBhagavadGitaBanner p,.faqbanner p,.resourcesBanner p{ top:80%; text-transform:uppercase}

.innerBanner p.txtFirst{ color:#A7811A; text-align:left; padding-left:42%;font-family:'Playfair Display'; font-size:34px}
.innerBanner p.txtFirst span{ font-size:20px; font-weight:bold; color:#A7811A}
.innerBanner p span {
	font-weight:400;
	font-size:34px;
}
.innerBanner, .innerBanner img {
	float:left;
	width:100%;
	position:relative
}
.innerBanner {
	min-height:250px;
	background-size:100% auto
}
.inspirationBanner {
	background:url(../images/inspiration-bg.jpg) no-repeat center center;
	background-size:100% !important;
}
.ourVisionMissionBanner{background:url(../images/our-vision-mission.jpg) no-repeat center center;
	background-size:100% !important;}

.ourVisionBanner{background:url(../images/our-vision.jpg) no-repeat center center;
	background-size:100% !important;}
.ourTeamBanner{background:url(../images/our-team-bg.png) no-repeat center center;
	background-size:100% !important;}
.whyStudyBhagavadGitaBanner{background:url(../images/why-to-study-bhagavad-gita-banner.jpg) no-repeat center center;
	background-size:100% !important;}	
.faqbanner{background:url(../images/faq.jpg) no-repeat center center;
	background-size:100% !important;}	
.donationBanner{background:url(../images/donationBanner.jpg) no-repeat center center;
	background-size:100% !important;}
.resourcesBanner{background:url(../images/resourcesBanner.jpg) no-repeat center center;
	background-size:100% !important;}
.anushilanBanner{background:url(../images/anushilanBanner.jpg) no-repeat center center;
	background-size:100% !important;}
.spiritualRetreatsBanner{background:url(../images/spiritualRetreatsBanner.jpg) no-repeat center center;
	background-size:100% !important;}
.gitaCoursesBanner{background:url(../images/gitaCoursesBanner.jpg) no-repeat center center;
	background-size:100% !important;}
.gitaCoursessBanner{background:url(../images/coursesBanner.jpg) no-repeat center center;
	background-size:100% !important;}
	
/* */
.coursesBox{ float:left; width:48%; box-shadow: 0px 3px 6px #00000014; border-radius:0 0 10px 10px; padding-bottom:30px; background:url(../images/coursesBoxBg.png) right bottom no-repeat; background-size:150px auto}
.coursesBox img{ border-radius:10px 10px 0 0; width:100% }
.coursesBox p, .coursesBox a{ padding:20px}
.coursesBox p{ width:calc(100% - 100px);}
.rightCourseBox{ float:right}
.inspirationImg{ width:50%}
.whytostudybhagavadImg{ width:70%}
.coursesBoxOuterBox{ max-width:1200px; margin:20px auto}

.grayBgBox {
	background:#F2F1ED;
	float:left;
	width:100%;
}
.roundBorderR {
	border-radius:0 5px 5px 0
}
.txtBold,strong {
	font-weight:600
}
.thinFont{ font-weight:300 !important}
.normalWeight {
	font-weight:400 !important
}
.smFontSize{ font-size:20px !important}
.quoteBox {
	background:url(../images/dr-lila-quote-bg.jpg) no-repeat;
	padding:50px 5% 50px 0;
	float:left;
	width:100%;
	background-size:cover
}
.quoteBox p {
	color:#fff;
	float:right;
	width:35%;
	font-size:18px;
	font-family:'Playfair Display';
	font-weight:normal !important;
	line-height:30px
}
.quoteBox p.quoteBy {
	clear:both;
	font-family:Open Sans;
	font-size:14px;
	padding:10px 0;
	text-align:right
}

/* login box*/
.loginOuterContainer{ /*position:absolute; left:0; top:0; right:0; bottom:0*/height: 100%;float: left;width: 100%;margin: 0;}
.loginAdv{ background:url(../images/loginBanner.jpg); background-size:100% auto}
.loginLeftContainer{ width:62%; float:left; position:relative; height:100%; padding-right:30px}
.loginRightContainer{ width:38%; float:left; position:relative; height:100%; overflow-y:auto }
.whiteLogo{ width:280px; margin:50px}
.loginPunchLine{ font-weight:300; color:#fff; font-size:36px; text-align:right; vertical-align:middle; line-height:normal; margin: 0;  position: absolute;  top: 50%;  -ms-transform: translateY(-50%);  transform: translateY(-50%);  right:50px;}
.marginTopZero{ margin-top:0}
.testBenefitsBox .grayBrd{ margin:5px 0 !important}
.boxFifty.leftBrd{ border-left:1px solid #E1E2E4;padding-right:20px; width:calc(50% - 20px); margin-left:20px; margin-top:20px;}
.boxThirty{ float:left; width:40%; border-right:1px solid #E1E2E4;padding-right:20px;}
.boxSeventy{float:left; width:60%; padding-left:20px;}
.boxSeventy .txtBold{ padding-bottom:0;font-weight:700}
.courseDiscountBoxInfo p{ width:100%; padding:12px 0}
.courseDiscountBoxInfo p span{ float:right; font-weight:700}
.loginSubmitBtnBox .grayLink{ float:left; margin-top:25px}
.loginBox{position: absolute;  top: 40%;  -ms-transform: translateY(-50%);  transform: translateY(-50%); width:80%; margin:0 10%; }
.loginBox.registerBox .loginTxt{padding-top:00px}
.loginBox.registerBox .forgotPara{padding-bottom:50px}
select:invalid{
        color: gray;
    }
    option{
        color: black;
    }
.loginBox label,.loginBox input{ width:100%; float:left}

.loginBox label input[type="radio"]{ width:auto; margin-left:20px; margin-right:5px}
.leftFloat{ float:left;}
.leftFloat.marginLeft{ margin-right:25px}
.loginBox input,.loginBox select,.loginBox button{ border:1px solid #E1E2E4; border-radius:5px; padding:8px 15px; margin:5px 0 0 0}
.loginBox input#phone{ margin-top:5px !important}
.mandatory{ color:#D24858 !important}
.loginBox select{ padding:8px 5px;width:100%}
.loginBox label{ margin-top:20px}
.loginColumn.lastColumn{ width:33.33%; margin-right:0%; float:left}
.loginColumn{ width:30.33%; margin-right:3%; float:left}
.loginTxt{ font-size:20px; margin:0; padding:0; text-align:center}
.loginBox input[type="submit"],.loginBox button{ background:#DD6733; cursor:pointer; color:#fff; border:0; width:auto; float:right; margin:20px 0 0 0}
.loginBox input[type="submit"]:hover,.loginBox button:hover{ background:#eab05e;}

.grayBrd{ height:1px; border:0; background:#E1E2E4; float:left; width:100%; margin:30px 0 10px 0}

.grayBrdd{ height:1px; border:0; background:#D8D8D8; float:left; width:100%; margin:30px 0 30px 0}

.forgotPara{ clear:both; margin:0; padding:0; text-align:center}
.forgotPara .pipe{ padding:0 15px; color:#8E97AA}
.loginSubmitBtnBox{ width:100%; float:left}
.loginSubmitBtnBox p{ font-size:12px; line-height:normal; width:70%; float:left}
.loginSubmitBtnBox input{ float:right}
/**/
/*Resources*/
.boxFifty{ width:50%; float:left; padding:20px 0 20px 20px}
.boxFifty.rightColResources{padding:0px 20px 20px 20px}
.resourceLatestPost,.resourceLatestPost img,.resourcesBox img{ width:100%; float:left; position:relative}
.resourcesBox img{padding-bottom:15px !important;}
.overlayResources{ background:rgba(0,0,0,0.8); position:absolute; bottom:50px; z-index:1; padding:20px; width:60%}
.overlayResources p{ color:#fff; padding:0 0 10px 0}
.resourcesBox{ width:calc(50% - 10px); float:left; margin-top:20px; border:1px solid #00000029; border-radius:0 0 5px 5px; padding-bottom:15px;position:relative}
.brdResourcesVideo{border:1px solid #00000029; border-radius:0 0 5px 5px; padding-bottom:15px}
.resourcesBox p, .resourcesBox a,.brdResourcesVideo p{ padding-left:15px !important; padding-right:15px !important}
.brdResourcesVideo p{ padding-top:15px; clear:both}
.boxFifty .resourcesBox:nth-child(even){ margin-right:10px}
.boxFifty .resourcesBox:nth-child(odd){ margin-left:10px}
.boxFifty.rightColResources .resourcesBox:nth-child(even){ margin-left:10px; margin-right:0}
.boxFifty.rightColResources .resourcesBox:nth-child(odd){ margin-right:10px; margin-left:0}
.resourcesHeading a:link,.resourcesHeading a:visited{ font-weight:bold}
.fullWidthContainer.paddingZero p.resourcesHeading{ padding-top:50px}
.resourcesHeading{ text-align:center}
.resourcesHeading a:link,.resourcesHeading a:visited{ margin:0 20px; color:#3A4860; padding:10px 20px }
.resourcesHeading a.active{ color:#A7811A !important; border-bottom:2px solid #A7811A}
p.resourcesCategory{ color:#A7811A; font-size:12px; }
p.resourcesDate,.resourcesBox img,p.resourcesCategory{ padding:0}
p.resourcesDate{ color:#898484; font-size:12px}
p.resourcesTitle{ font-weight:600; padding-bottom:0}
p.resourcesCategory{font-weight:600;}
.grayLine{ float:left; width:100%; height:2px; background:#D5D9D7; margin:-8px 0 20px 0}
.grayLink:link,.grayLink:visited{ color:#484847;}
.grayLink:hover{ color:#000}
.madatory{ color:#D24858}
.centerTxt{ text-align:center}
.fullWidthContainer.paddingZero{ position:relative}
.fullWidthContainer.paddingZero .md-trigger,.fullWidthContainer.paddingZero .md-trigger img{ width:100%; float:left; position:relative}
.fullWidthContainer.paddingZero .md-trigger img{ position:relative}
.fullWidthContainer.paddingZero .md-trigger:after{ content:""; background:url(../images/youtube-play.png) no-repeat; z-index:9; position:absolute; left:calc(50% - 30px); top:calc(50% - 22px); width:60px; height:43px; background-size:cover; opacity:0.8}

.innerContact {
	background:none !important
}
.customBullet, .customBullet li {
	list-style:none
}
.customBullet li {
	background:url(../images/bullet.png) left 8px no-repeat;
	padding-left:20px
}
.punchLineBox {
	position:absolute;
	z-index:99;  top: 50%;  -ms-transform: translateY(-50%);  transform: translateY(-50%); bottom:0; vertical-align:middle; display:table
}
.innerPages p, .innerPages ul, .innerPages li, .innerPages p strong {
	font-size:20px;
	line-height:30px
}
.innerPages p strong {
	font-size:26px;
}
.leftFiftyBox {
	float:left;
	width:50%
}
#banner, #banner img {
	float:left;
	width:100%
}
.mainBanner {
	padding:0px 68px 0px 50px
}
#banner {
	padding:0;
	position:relative;
	border:0px solid #fff; background:#fdf7ef
}
.header {
	float:left;
	width:100%;
	padding:10px 10px 0px 50px;
	position:fixed;
	z-index:999;
	background:#fff;
	top:0;
	box-shadow: 0px 3px 6px #00000029
}
.logo {
	float:left;
	width:auto
}
.headerRightMenus {
	float:right;
	width:auto;
	margin-right:25px;
	position:relative;
	z-index:99999999
}
.cls {
	clear:both
}
.subBanner {
	position:absolute;
	right:00px;
	z-index:999999;
	bottom:100px;
	width:auto !important;
	border:5px solid #fff;
	border-right:0;
}
.footerLeft {
	float:left;
	width:72%
}
.footerRight {
	float:left;
	width:28%
}
.footer p.footerHeading {
	color: #A7811A !important;
	font-size: 20px;
	font-family: 'Bitter'; font-weight:300;
	padding-bottom: 15px;
	position: relative;
}
.footer, .footerBottom {
	width:88%;
	float:left;
	margin:20px 6%
}
.footer p {
	font-weight:400;
	padding:5px 0
}
.footer p.txtBold {
	font-weight:bold;
}
.footerLeft1 {
	float:left; width:45%;
}
.footerLeft2 {
	float:left;
	margin-left:20px;
	width:calc(55% - 20px)
}
.footerLeft1 p{ line-height:26px}
.footerLeft3 {
	float:right;
	text-align:right
}
.footerLeft1 .txtBold, .footerLeft2 .txtBold, .footerLeft3 .txtBold {
	margin-bottom: 10px;
	padding-bottom: 15px;
}
.footerLeft2 .boxFifty{ padding-top:2px}
.footer .footerLeft2 .boxFifty p.txtBold{ margin-bottom:0; padding-bottom:13px}


.footerLeft2 p {
	float:left;
	width:100%
}
.footerLeft2 p.txtBold {
	float:left;
	width:100%
}
.footer a:link, .footer a:visited {
	color:#444;
	text-decoration:none;
	font-weight:400
}
.footerLeft3 {
	padding-top:51px
}
.footerLeft3 input[type="text"], input[type="email"]{
	border:1px solid #E1E2E4;
	border-radius:5px;
	padding:5px 10px;
	width:100%
}
.footerLeft3 button[type="submit"],.footerLeft3 input[type="submit"] {
	background:#DD6733;
	color:#fff;
	font-size:16px;
	padding:8px 15px;
	border-radius:5px;
	clear:both;
	border:0;
	margin-top:15px;
	clear:both;
	font-size:14px;
	font-weight:400;
	cursor:pointer
}
.footerBottomLeft {
	float:left;
	width:50%;
	font-weight:400; margin-top:6px;
}
.footerBottomRight {
	float:left;
	width:50%;
	text-align:right
}
.youtube:link, .youtube:visited {
	float:right;
	margin:0 8px;
	background:url(../images/youtube.svg) no-repeat;
	width:30px;
	height:30px
}
.youtube:hover {
}
.twitter:link, .twitter:visited {
	float:right;
	margin:0 8px;
	background:url(../images/twitter.svg) no-repeat;
	width:30px;
	height:30px
}
.twitter:hover {
}
.instagram:link, .instagram:visited {
	float:right;
	margin:0 8px;
	background:url(../images/instagram.svg) no-repeat;
	width:30px;
	height:30px
}
.instagram:hover {
}
.facebook:link, .facebook:visited {
	float:right;
	margin:0 8px;
	background:url(../images/facebook.svg) no-repeat;
	width:30px;
	height:30px
}
.facebook:hover {
}
.footerBottom:before{ content:'.'; position:absolute; left:-15%; top:50%; width:10%; height:4px; background:#A7811A;}
.footerBottom {
	border-top:1px solid #ccc;
	padding:20px 0; position:relative
}
.phoneIcon {
	display:none
}
.phoneIcon a:link, .phoneIcon a:visited {
	background:#DD6733 url(../images/call.svg) no-repeat;

	position:fixed;
	left:10px;
	bottom:10px;
	z-index:9999;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	background-position: center center;
	cursor:pointer
}
.enquiryIcon {
	background:#DD6733 url(../images/enquiry.svg) no-repeat;
	background-size:25px 25px;
	position:fixed;
	right:10px;
	bottom:10px;
	z-index:9999;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	background-position: center center;
	cursor:pointer
}
.enquiryBox {
	position:fixed;
	bottom:-530px;
	width:250px;
	right:10px;
	padding:10px;
	background:#fff;
	z-index:9999;
	border-radius:10px 10px 0 0;-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	box-shadow: 0px 3px 6px #00000029;
}
.enquiryBox input, .enquiryBox textarea,.enquiryBox button {
	width:100%;
	border-radius:5px;
	margin-bottom:15px;
	border:1px solid #cccccc;
	padding:10px;
	font-weight:400
}
.enquiryBox input[type="Submit"],.enquiryBox button{
	cursor:pointer;
	background:#DD6733;
	color:#fff;
	border:0;
	font-weight:400
}
.enquiryBox input[type="Submit"]:hover,.enquiryBox button:hover {
	background:#EAB05E
}
.orangeHeading {
	color:#fff;
	background:#DD6733;
	font-size:16px;
	font-weight:bold;
	padding:5px 5px 5px 10px;
	width:100%;
	float:left;
	margin-bottom:10px;
	line-height:28px
}
.closeEnquiryBox {
	width:30px;
	height:30px;
	background:#fff;
	color:#DD6733;
	font-weight:bold;
	font-size:16px;
	float:right;
	border-radius:50px;
	padding:2px 10px;
	cursor:pointer
}
.readMore.rightAlign {
	float:right;
	text-align:right;
	margin-right: 30px;
	margin-top: 0;
}

/*accordion starts*/
.coursesContainerBoxRight .faqBox:nth-child(odd){ background:#fff; border-radius:5px}

.faqBox:nth-child(odd){ background:#F7F6F2}

button.accordion{ background-color:rgba(0,0,0,0) !important}
.accordion {
  color: #212121DE;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none; padding-right:40px;
  font-size: 15px;
  transition: 0.4s; font-weight:600; background-image:url(../images/down.svg); background-position:calc(100% - 10px) 15px; background-repeat:no-repeat; background-size:20px 20px;
}

.accordion.active {
 background-image:url(../images/up.svg); background-position:calc(100% - 10px) 15px; background-repeat:no-repeat; background-size:20px 20px;
}
.panel p{ padding-top:0}
.panel {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.courseBox{ width:250px; float:left; margin-right:50px; background:#F7F6F2; border-radius: 5px; margin-top:10px}
.courseBox img{ width:100%; border-radius:5px 5px 0 0}
.courseBox p{ padding:10px 20px; font-weight:600}
.courseBox p span.dis{  text-decoration:line-through;font-weight:400; padding-right:20px}
.courseBox p span{font-weight:600}
.courseBox p.jointhecourse a:link,.courseBox p.jointhecourse a:visited{ color:#DD6733; font-weight:600}
.courseBox p{ border-top:1px solid #d5d9d7}

.coursesContainerBox{ width:25%; float:left; margin:50px; background:#fff}
.coursesContainerBoxRight{ width:calc(75% - 150px); float:left;margin:40px 50px 50px 0;}
.coursesContainerBox img{ width:100%}
.bottomLine{ border-bottom:1px solid #D8D8D8; }
.jointhecourseLink{ margin:18px auto 0 auto;border-top:1px solid #D8D8D8; text-align:center }
.coursesContainerBox .txtBold{text-align:left; padding-left:20px}
.coursesContainerBox .txtBold .dis{ text-decoration:line-through; padding:0 15px 0 35px;}
.coursesContainerBox .txtBold span{ text-align:right;font-weight:600}
.circularBullets{ margin:20px}
.circularBullets li{ background:url(../images/bulletsCircular.png) no-repeat left 5px; padding-left:20px; list-style:none; margin-bottom:10px}
.coursesContainerBox .readMore:link,.coursesContainerBox .readMore:visited{ margin:20px auto}
#tabs{ margin:0; padding:0}
#tabs li{ list-style:none; display: inline-block; width:25%; text-align:center; margin:0; float:left; padding:10px 0}
#tabs li a { color:#A7811A !important; border-bottom:2px solid #A7811A !important; width:100%; float:left; text-align:center; padding:10px; cursor:pointer}
#tabs li a.inactive{ color:#444 !important; border-bottom:2px solid #D8D8D8 !important;}

.highlightBox{ background:#fff; border-radius:5px; text-align:center; color:#A7811A; padding:20px; font-weight:600; margin:30px 0 0 0}
.reviews{ width:100%; float:left;}
.reviewBy{ }
.rating1{background:url(../images/ratings.png) no-repeat left center; width:20px;}
.rating2{background:url(../images/ratings.png) no-repeat left center;width:42px;}
.rating3{background:url(../images/ratings.png) no-repeat left center; width:73px;}
.rating4{background:url(../images/ratings.png) no-repeat left center;width:90px;}
.rating5{background:url(../images/ratings.png) no-repeat left center; width:115px}

.reviewTitle,.reviewBy{ padding:0; font-weight:600}
.reviewBy{ font-weight:normal}
.reviewBg.grayLine{ height:1px; margin:10px auto}


.announcements{ margin-top:80px;float:left; width:100%; background:#F8D199}
.announcementsLeft{float:left; width:35%; background:url(../images/announcementsIcon.png) right center; background-size:cover; padding:25px 120px 25px 20px; text-align:right; font-size:20px }
.announcementsRight{float:left; width:65%;padding:20px 50px 20px 20px;}
.announcementsRight span{ float:right; margin-right:-20px; cursor:pointer}


.krishnaBox{ display: flex;  justify-content: flex-start; width:100%;  padding:0;}
.krishnaBoxLeft{ width:62%}
.krishnaBoxLeft img{ width:100%}
.krishnaBoxRight{ width:38%;background:url(../images/krishna-bg-right.jpg) no-repeat left top; background-size:cover;align-items: center;  justify-content: center; display:grid; padding:0 20px}
.krishnaBoxRight p{ color:#fff; font-family:Bitter; font-weight:300}
.krishnaBoxRight .by{}
.krishnaBoxRight p span.bby{ font-size:20px; padding-top:0;font-family:Bitter; font-weight:300}
.krishnaBoxRight p strong{ font-weight:700}
.krishnaBoxRight p,.krishnaBoxRight p strong{ font-size:17px; line-height:40px;}
.thinFont.whiteTxxt{color:#fff !important}
 @media screen and (min-width:1400px) and (max-width:2000px){
.ourTeamRight .teamBox{ padding:0 20px;}
 }

 @media screen and (max-width:1290px) {
.header{ padding:10px 10px 0px 10px}
.footer, .footerBottom {
    width: 90%;
    float: left;
    margin: 20px 5%;
}
.footerBottom:before {
    content: '.';
    position: absolute;
    left: -12%;
    top: 50%;
    width: 10%;
    height: 4px;
    background: #A7811A;
}
 }
 @media screen and (max-width:1025px) {
 .gitmenu{margin-left:4%;margin-top:85px;}
.fullWidthContainer.spiritualVideos .resourcesBox{ width:calc(33.33% - 40px); margin:20px; padding-bottom:0}
.fullWidthContainer.spiritualVideos .resourcesBox:nth-child(3n+1){ clear:both}

.exploreOnlineCoursesBox{width: 29.33%;}

.headerRightMenus {
    float: right;
    margin: 0;
    padding: 10px 0;
    width: 70%;
}
	 .krishnaBox{ display: flex;  justify-content: flex-start; width:100%;  padding:0;flex-direction: column;}
.krishnaBoxLeft,.krishnaBoxRight{ width:100%}
	
.phoneIcon {
display:inline-block
}
.footer p.footerHeading {
font-size:22px;
}
 p.punchLine, p.punchLine span, h1, h1 a:link, h1 a:visited, h4 {
font-size:22px
}
.downIcon {
width:30px !important;
bottom:80px
}

 .flexA, .flexB, .flexC, .flexD {
float:left;
width:100%
}
.flexContainer,.loginLeftContainer,.loginRightContainer {
display:block;
width:100%
}
.flexA {
padding:10px
}
 .blackRightBox h1 {
text-align:left
}
.featuresBox {
padding:10px 5%
}
.courseDetails {
background-size:100px auto !important
}
.step1, .step3, .step5 {
padding-left:100px;
}
.step2, .step4 {
padding-right:100px
}
.stepsTxt, .ourTeamLeft, .ourTeamRight, .ourTeamRight .teamBox {
width:100%
}

/*
 #cssmenu > ul > li > a {
padding:15px 15px;
font-size:14px
}
#cssmenu .submenu-button {
height:45px
}
#cssmenu .submenu-button::before {
top:20px
}
#cssmenu .submenu-button::after {
top:15px
}
#cssmenu ul ul li a {
padding:10px 10px 10px 25px;
font-size:14px
}
#cssmenu ul ul li a {
border:0
}
#cssmenu #menu-button {
color:rgba(0, 0, 0, 0);
}
.socialMedia {
margin-right:10px
}
#cssmenu {
 width: 100%;
 position: absolute;
 width: 200px;
 left: 10px;
}
#cssmenu .menu-opened, #cssmenu ul {
background: #fff;
}
#cssmenu > ul > li > a, #cssmenu > ul > li {
margin:0
}
#menu-button.menu-opened {
background: rgba(0, 0, 0, 0);
}
*/
.headingImg {
height:auto !important
}

.photogallery li {
width: 96%;
margin: 20px 2%;
}
.aboutusIntro .leftFiftyBox:nth-child(2) {
margin-top:30px
}
.leftFiftyBox {
width:100%;
margin:0
}
.leftFiftyBox .inputTxt, .outerBox {
width:100%
}
.rightIntro h1 {
margin-top:50px
}

 .blogLink:link, .blogLink:visited {
padding:5px;
margin:0 0 0 5px;
font-size:13px
}
.linkedIn:link, .linkedIn:visited {
margin:0 5px
}
 .header {
padding:10px;
}

.rightBox {
float:right
}
.loginBtn.donateBtn:link, .loginBtn.donateBtn:visited {
padding:10px 15px;
border-radius:5px;
margin:0 0px
}
.rightBoxLogin {
margin:0
}
.loginBtn.marginRL {
margin: 0px 10px;
float: left;
}
#cssmenu ul.open {
margin-top:20px;
box-shadow: 0px 3px 6px #00000029;
border-radius:10px
}
ul.dropdown.open {
visibility:visible !important;
border-radius:0 !important;
opacity:1;
padding:0 !important
}
#cssmenu ul.open ul.dropdown.open {
margin-top:0;
box-shadow:none !important
}
#banner {
margin-top:58px
}
 .registerCourse:link, .registerCourse:visited {
margin-top:0;
font-size:14px;
padding:8px 10px;
border-radius:5px
}

.downIcon {
left:calc(50% - 15px)
}
.learnLifeBox {
padding:10px
}
h1, h4 {
padding-bottom:10px
}
.flexContainer {
margin:0
}
.courseDetails {
min-height:auto
}
.featuresBox.box {
background:#fff !important
}
.step1 {
padding-left:110px;
margin-left: 0px;
}
.step2 {
padding-right:110px;
margin-left:0px !important
}
.step3 {
padding-left:110px;
margin-left: 0px;
}
.step4 {
padding-right:110px;
margin-left:0px
}
.step5 {
padding-left:110px;
margin-left:0px
}
.featuresBox::after {
display:none
}
.ourTeamLeft {
padding:20px
}
.gq {
padding:250px 10px 10px 10px;
background-size:200px;
background-position: center top
}
.footer, .footerBottom {
padding:10px 20px;
width:100%;
margin:0
}
.footerLeft3 {
float:left;
width:100%;
text-align:left
}
.footerBottom {
padding-bottom:70px
}
.footerBottomRight {
margin-top:10px
}
.blackLeftBox img {
width:100%
}
.blackRightBox {
padding-bottom:0
}
.ourTeamRight .teamBox {
width:50% !important
}
.testimonialsRight p.testimonialsDesignation {
font-size:16px
}
.testimonialsLeft, .testimonialsName, .testimonialsDesignation {
text-align:center
}
.testimonialsLeft img {
width:80%;
margin:0 auto
}
.testimonialsRight p.testimonialstxt {
 font-weight: 400;
 line-height: 24px;
 padding-right: 0%; font-size:14px;
}
.md-modal {
min-width:90% !important
}
div.md-content > div iframe {
height:auto !important
}
.innerBanner p, .innerBanner p span {
font-size:20px
}
.innerBanner {
min-height:250px;
background-size:auto 100%
}
.innerBanner.donationBanner{ background-size:cover !important; background-position:left;}
.innerBanner.donationBanner p.txtFirst{ padding-right:130px}
.innerBanner p.txtFirst{ padding:20px}
.innerBanner p.txtFirst{ font-size:20px; line-height:normal}
.roundBtn{ margin-bottom:20px}




/*
ul.open{ position:absolute;position:absolute; left:-380px; top:0; bottom:0; width:380px; z-index:999; padding:50px 30px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.open.show{ left:0}*/

.fullWidthContainer{ padding:50px 20px}
.loginLeftContainer.loginAdv{ height:320px; padding:0}
.loginOuterContainer{ height:auto}
.loginPunchLine{ font-size:20px; text-align:center; padding-top:50px; position:relative; top: auto;-ms-transform:none;transform:none; left:auto; right:auto }
.loginBox{ position:relative; top: auto;-ms-transform:none;transform:none; margin-top:50px}
.inspirationBox h1, .inspirationBoxTxt h1{ width:auto; font-size:20px}
.inspirationBox{ padding:20px}
.inspirationImg{ width:70%}
.inspirationBg .inspirationBoxTxt{ margin-bottom:50px}
.inspirationBoxTxt,.inspirationBg .inspirationBoxTxt{ padding:0px 20px 30px 30px}
.inspirationBoxTxt{background-position: 20px top;}
.inspirationBoxTxt.ourTeamTxt{ padding:0px 20px 30px 30px}
.ourTeamRight .teamBox{ width:100% !important}
.ourTeamContainer .ourTeamRight,.innerTeamTxtContainer,.pageIntroBox.box,.leftMarginBox p,.quoteBox,.boxFifty,.inspirationBox.whytostudybhagavadImgBox{ padding:20px}
.leftTeamTxt img,.quoteBox p,.roundBorderR,.overlayResources,.boxFifty,.resourcesBox,.whytostudybhagavadImg{ width:100%}
.quoteBox{background-position: -100px top;}
.grayBgBox.leftMarginBox h4{ padding-left:20px}
.gitaprimerBanner,.gitathematicBanner ,.faqbanner,.spiritualRetreatsBanner,.anushilanBanner,.ourVisionMissionBanner,.ourVisionBanner,.innerBanner.ourTeamBanner,.innerBanner.inspirationBanner,.innerBanner.resourcesBanner,.innerBanner.whyStudyBhagavadGitaBanner,.gitaCoursessBanner,.contactBanner,.spiritualVideosBanner,.sundayOnlineBanner { background-size:cover !important}
.loginBox.registerBox .loginTxt{ padding-top:0}
.resourcesBox{ margin-left:0}
.boxFifty .resourcesBox:nth-child(even){ margin-right:0px}
.boxFifty .resourcesBox:nth-child(odd){ margin-left:0px}
.boxFifty.rightColResources .resourcesBox:nth-child(even){ margin-left:0px; margin-right:0}
.boxFifty.rightColResources .resourcesBox:nth-child(odd){ margin-right:0px; margin-left:0}
.inspirationBoxTxt.paddingTopBottom{ padding:20px 20px 20px 30px}
.pageIntroBox.coursesBox.box{ padding-left:5%}
.coursesContainerBox,.coursesContainerBoxRight{ width:calc(100% - 20px); padding:20px; margin:10px}
.coursesContainerBoxRight{ width:100%; margin:0}
h1.headingBg::after { display:none}
.boxSeventy{ padding-left:0}
.boxFifty.leftBrd{ width:100%; margin:0; border-left:0}
.boxThirty,.boxSeventy{ width:100%}
.headerRow, .headerRowInner {
    width: 100%;
    float: left;
    margin: 0 0;
    padding: 10px 5px;
}
.doantionBoxHomeLeft,.doantionBoxHomeRight{ width:100%}
.doantionBoxHomeLeft img{ width:auto;min-width:107px}
.donationBannerBgg{ background-size:auto 100%; padding:10px 0}
.doantionBoxHome {
    float: left;
    width: 90%;
    margin: 0 5%;
}
.doantionBoxHomeRight p.txtFirst { font-size:22px; text-align:center}
.doantionBoxHomeRight p.txtFirst span { font-size: 14px; text-align:center}

.containerBoxxLeft,.containerBoxxRight{  width: 100%;  margin: 10px;}
.containerBoxxLeft{ order:2} 
.containerBoxxRight{order:1}

.coursessBox .containerBoxxLeft{ order:1}
.coursessBox .containerBoxxRight{order:2}

.announcementsRight { width: 80%; padding: 10px 20px;}
.announcements{ margin-top:39px}
.announcementsLeft{ width:100%; text-align:left}
#banner{ margin-top:0}
p.punchLine{ line-height:normal}
.punchLineBox{ padding:10px 20px}
p.subpunchLine{ font-size:14px; padding-top:0}
.bhagavadGita{ padding:30px 10%; background-size:100% auto}


.learnGitaAdvantagesRight{ background:none; padding:10px}


h1,h2{ font-size:30px}
.containerBoxxRight,.containerBoxxLeft{ padding:0}
.containerBoxx{flex-direction: column;}
.containerBoxxLeft h2{ padding-bottom:0}

.containerBoxx .readMore:link,.containerBoxx .readMore:visited{ margin:0 }





.lglgFeaturesList li:nth-child(odd){ border-left:2px solid #A7811A; margin-left:0}
.lglgFeaturesList li:nth-child(even){ border-right:0px solid #A7811A; width:100%; text-align:left; padding-right:0;border-left:2px solid #A7811A; margin-left:0}
.featureH{ color:#A7811A; font-size:16px; padding-bottom:0; font-weight:500; line-height:normal}

.lglgFeaturesList li:nth-child(1){ padding-left:120px; background:url(../images/lglg1.png) no-repeat 70px 10px; background-size:35px}
.lglgFeaturesList li:nth-child(2){padding-right:0;padding-left:120px; background:url(../images/lglg2.png) no-repeat 70px 10px; background-size:35px}
.lglgFeaturesList li:nth-child(3){ padding-left:120px; background:url(../images/lglg3.png) no-repeat 70px 10px; background-size:35px}
.lglgFeaturesList li:nth-child(4){padding-right:0;padding-left:120px; background:url(../images/lglg4.png) no-repeat 70px 10px; background-size:35px}
.lglgFeaturesList li:nth-child(5){ padding-left:120px; background:url(../images/lglg5.png) no-repeat 70px 10px; background-size:35px}
.lglgFeaturesList li:nth-child(6){padding-right:0;padding-left:120px; background:url(../images/lglg6.png) no-repeat 70px 10px; background-size:35px}
.lglgFeaturesList li:nth-child(7){ padding-left:120px; background:url(../images/lglg7.png) no-repeat 70px 10px; background-size:35px}
.lglgFeaturesList li:nth-child(8){padding-right:0;padding-left:120px; background:url(../images/lglg13.png) no-repeat 70px 10px; background-size:35px}
.lglgFeaturesList li:nth-child(9){ padding-left:120px; background:url(../images/lglg8.png) no-repeat 70px 10px; background-size:35px}
.lglgFeaturesList li:nth-child(10){padding-right:0;padding-left:120px; background:url(../images/lglg9.png) no-repeat 70px 10px; background-size:35px}
.lglgFeaturesList li:nth-child(11){ padding-left:120px; background:url(../images/lglg10.png) no-repeat 70px 10px; background-size:35px}
.lglgFeaturesList li:nth-child(12){padding-right:0;padding-left:120px; background:url(../images/lglg11.png) no-repeat 70px 10px; background-size:35px}

.lglgFeaturesList li p:nth-child(2){ padding-top:5px;}

.lglgFeaturesList li:nth-child(odd) p{width:100%;float: left;clear: both;}
.lglgFeaturesList li:nth-child(even) p{width:100%;float: left;clear: both;}

.lglgFeaturesList li:nth-child(odd):before{ width:54px; height:22px; position:absolute; left:0; content:".";background:url(../images/horizontal-icon.png) no-repeat; top:20px; color:rgba(0,0,0,0)}

.lglgFeaturesList li:nth-child(even):before{ width:54px; height:22px; position:absolute; left:0; right:auto; content:".";background:url(../images/horizontal-icon.png) no-repeat; top:20px; color:rgba(0,0,0,0)}

.lglgFeaturesList li{ width:100%; list-style:none; position:relative; float:left; margin-top:0px}
.donationBannerBgg:before,.footerBottom:before{ display:none}
.testimonialsBox{ margin:20px 0 0 0}
.testimonialsLeftt{ text-align:center; margin:0 auto; width:100%}
.testimonialsRight p.testimonialsName{ padding:0}
.testimonialsRight p.testimonialsDesignation{ padding:0 0 0px 15px}

.footerLeft2 .boxFifty {
    padding-top: 2px;
    width: 50%;
}
.footerLeft1{ width:40%}
#cssmenu {
    width: auto;
    line-height: 1;
    float: left;
    position: absolute;

}
#cssmenu{ width:230px}
ul.open{    background: #fff;}
#cssmenu > ul > li{ margin:0}
}
@media screen and (max-width:800px) {
.fullWidthContainer.spiritualVideos .resourcesBox{ width:calc(50% - 40px); margin:20px; padding-bottom:0}
.fullWidthContainer.spiritualVideos .resourcesBox:nth-child(3n+1),.fullWidthContainer.spiritualVideos .resourcesBox:nth-child(2n+1){ clear:none }

.headerRightMenus {
float:left;
margin:0;
padding:0px 0;
width:100%
}
.exploreOnlineCoursesBox{width: 98%;margin: 20px 1%;}
.exploreOnlineCourses, .ourTeamOuterBox{ padding: 20px}
.ourTeamBoxx {
    float: left;
    width: 96%;
    margin: 20px 2%;
}
.bxslider2 li div.testiBox {
    width: 96%;
    margin: 15px 2%; min-height:auto;
}
.testimonialsLeft, .testimonialsRight, .footerLeft, .footerLeft1,.footerRight, .footerBottomLeft, .footerBottomRight{ width:100%}
.footerLeft2 {
margin-left:0
}
.footerLeft2 {
float:left;
width:100%;
margin-top:30px
}
.announcements{ margin-top:39px}

/*18th oct*/
.addressIconBox,.phoneIconBox,.emailIconBox,.containerBoxxRight.imgg img,.fieldBox.donationLeft,.fieldBox.donationRight{ width:100%}
.leftPadding{ padding:0% !important}
.rightPadding{ padding:0% !important}
.punchLineBox {
	position:relative;z-index:99;  top: 0;  -ms-transform: translateY(-0%);  transform: translateY(-0%); bottom:0; vertical-align:top; display:table; width:100%;order:2
}
.bannerImg{ width:100%; float:left; order:1}

.bannerBox{ float:none;display: flex; flex-direction: column;}
.punchLineBox,.bannerImg{ float:none;}
.imggTop{ margin-top:-30px}
.announcementsRight{ width:calc(100% - 30px); text-align:justify}
.impGita .impGitaImg {
    float: left;
    width: 100%;
    border-radius: 5px;
    margin-left: 0;
}
.containerBoxx{ margin:20px}
.lineBggg {
    background: #d3d0d0;
    padding: 0;
    margin: 20px 20px; width:calc(100% - 40px)

}
.learnGitaAdvantages,.testimonialsBox{ padding:20px}
.testimonialOuterBoxTable{ padding:0}
.fullWidthContainer.mmbile{ padding:50px 0px}
.fieldBox.donationRight{ padding-left:0}
.donationInnerBox{ width:100%; padding:0 20px}
.innerBanner p.txtSecond span:nth-child(1){ border-bottom:1px solid #A7811A; padding-bottom:0px;margin-bottom: 0px;display: inline-flex;}
.innerBanner p.txtSecond span:nth-child(2),.innerBanner p.txtSecond span:nth-child(3){font-family: 'Bitter';}
.innerBanner p.txtSecond span:nth-child(2){ font-family: 'Bitter';}
.txtSecond > span:nth-child(1){ font-size:20px;}
.txtSecond > span:nth-child(3){font-size:15px;}
.txtSecond > span:nth-child(5){ font-size:12px;font-family: 'Bitter';margin-top: -20px;display: block;}
.donationInnerBox.orderConfirm.paddingMobilee{ padding:20px}

.languageIcon{ display:none}
.step1,.step2,.step3,.step4,.step5{ width:100% !important; margin-top:20px !important;}
.logo{ position:relative; left:calc(50% - 40px); top:0}
.logo img{ width:80px; padding:3px}
#banner{ margin-top:0px}
.announcements{margin-top:39px}
.outerBox{ margin-top:155px;}
.testimonialOuterBoxTable,.testimonialOuterBoxTablecontainer,.coursesBox,.coursesBox p{ width:100%}
.testimonialOuterBoxTablecontainer{ float:left}
.coursesBox{ margin-bottom:20px}

.bx-wrapper .bx-next{ right:5px}
.bx-wrapper .bx-prev{ left:5px}
.bx-pager.bx-default-pager{ display:none !important}
.punchLineBox{ padding:0 40px 20px 40px !important}

.krishnaBoxRight p, .krishnaBoxRight p strong {
    font-size: 15px;
    line-height: 25px;
}
.krishnaBoxRight p span.bby{ font-size:15px}
.containerBoxxRight.imgg img{ width:70%; margin:0 15%}
.footerLeft2 .boxFifty {
    padding-top: 2px;
    width: 100%;
    padding-left: 0;
}
.footerLeft3{ padding-top:0}
.footerBottomLeft,.footerBottomRight{ text-align:center}
.youtube:link, .youtube:visited,.twitter:link, .twitter:visited,.instagram:link, .instagram:visited,.facebook:link, .facebook:visited { float:none; display:inline-block}

}

@media screen and (max-width:750px) 
{
	h1,h2{ font-size:26px}
	.lglgFeaturesList { margin-top: 20px;}
	.lglgIntro{ padding:50px 20px}
	.loginBtn.marginRL { margin: 0px 0 0 10px;float: left;}
	.listBox{ float:left; width:calc(100%); margin:0px}
	.fullWidthContainer.spiritualVideos .resourcesBox{ width:calc(100% - 40px); margin:20px; padding-bottom:0}
	.inspirationBoxTxt{ background-image:none}
	.whytostudybhagavadImgBoxx {width:100%;margin:0;padding: 0px !important;}
	.outerTableRow { align-self: center; width:100%}
	.gridContainer{grid-template-rows: auto;display: grid;grid-template-columns: none}
	.outerTableRow{ text-align:center}
	.boxxFifty{ padding:20px}
	.paddingTopZero{ padding-top:0 !important}
	.ourMissionBox{ padding:0}
	.sundayHighlight .highlightPara{ width:70%}
	.header { padding: 10px 20px 10px 20px;}
	.inspirationBoxTxt.ggrayBg .boxFifty:nth-child(1){border-right:0px solid #a7811a;border-bottom:1px solid #a7811a}
	.coursesBox p, .coursesBox a{ padding:20px 0}
	.containerBox.pageIntroBox.coursesBox.box{ margin-bottom:0}
	.containerTabNewT.boxFifty,.boxThirty{ border:0 !important}
	#tabs li{ width:50%}
	.boxFifty.leftBrd{ padding-top:0}
	.headerRowInner div:nth-child(1),.headerRow div:nth-child(1){ width:10%}{ text-align:center}
	.inspirationBox .inspirationBoxTxt,.inspirationBoxTxt.ggrayBg .boxFifty{ padding:0 !important}
	
	.sundayHighlight .highlightPara,.inspirationImg{ width:100%}
	.iframeVolunteer{ height:3600px}
	.gitmenu{margin-left:4%;margin-top:85px;}
	}
/*@supports (-webkit-touch-callout: none) {
   .testimonialsRight p.testimonialstxt { font-size:12px !important}
}
@supports not (-webkit-touch-callout: none) {
   
   .testimonialsRight p.testimonialstxt { font-size:24px !important}
}*/

/* Modal CSS */

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  padding-top: 0px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 5px;
  border: 1px solid #888;
  width: 29%;
  border-radius:8px;
}

/* The Close Button */
.close {
  color: #5cff5c;
  float: right;
  font-size: 26px;
  font-weight: bold;
  margin-top: -9px;
  margin-left: -12px;
  position: relative;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.res_img {
  max-width: 100%;
  height: auto;
  margin: auto;
}

.imgbox {
  display: grid;
  height: 100%;
 }

@media only screen and (max-width: 950px) {
   .modal {
       padding-top: 100px;
   }
   .modal-content{width:50%}
   .gitanu{margin-left:4% !important;margin-top:85px !important;}

}

@media only screen and (max-width: 600px) {
   .modal {
      padding-top: 100px;
   }
   .modal-content{width:50%}
   .gitanu{margin-left:4% !important;margin-top:85px !important;}
   }
.gitanu{
position:relative;
margin-left:8%;
display:inline-block;
margin-top:10px;
}