:root {
	--primary-color: #8B9C00;
	--secondary-color: #572974;
	--primary-shade-light-bg: #F7F9FF;
	--primary-shade-light-border: #DBE3FF;
	--color-saffron: #FF8D41;
	--color-yellow: #FFD500;
	--color-green: #3ADC00;
	--color-red: #FF003D;
	--white-color: #ffffff;
	--black-color: #000000;
    --error-border: #FFCBD7;
}

/* only ipad 1024 and bigger screen landscape screen */
@media only screen and (min-width: 1025px) {
	#mainmenu > ul { display: flex !important; }
	#mainmenu li a:hover, #mainmenu li.active a { color: var(--primary-color); }
	#mainmenu li a:after { content:''; position:absolute; width:6px; height:6px; background:var(--primary-color); top:100%; left:0; right:0; margin:0 auto; border-radius: 50%; opacity: 0; }
	#mainmenu li.active a:after { opacity: 1; top: calc(100% + -4px); }

	.btn-primary:hover span { top: -34px; }
	.btn-primary:hover { padding-left: 46px; text-decoration: none; }
	.btn-primary:hover:after { left: 0;}
	.btnwrapper:hover .btn-primary { padding-left: 46px; text-decoration: none; }
	.btnwrapper:hover .btn-primary:after { left: 0;}
	.btnwrapper:hover .btn-primary span { top: -34px; }
	.herobannerimg img { max-width: 90%; }
	.herobannerimg { text-align: right; }

	.close-dialogbox:hover { background-color: var(--secondary-color); }
}

/*==========================================================================================================*/
@media only screen and (max-width: 1260px) {
	
	h1,h2 { font-size:50px;  }
	h3 { font-size:50px; }
	h4 { font-size:38px; }
	h5 { font-size:32px; }
	h6 { font-size:26px; }

	#mainmenu > ul > li { margin: 0 0 0 20px; }

	.herobannerimg { padding-left: 0; }
	#bannertextlogoicon { margin-left: 12px; width: 44px; }
	.sectitlewrapper { margin-bottom: 25px; }
	#mainbanner .bannercontentwrapper p { max-width: 100%; margin-bottom: 25px; }

	.subscriptionplantable { overflow-x: auto; }

	#mainbanner .bannercontentwrapper { max-width: 48%; flex: 0 0 48%; }
	#mainbanner .herobannerimgwrapper { max-width: 52%; flex: 0 0 52%; }
	#mainbanner .herobannerimgwrapper iframe { height: 302px; }
}

/*==========================================================================================================*/
@media only screen and (max-width: 1024px) {
	body { min-width:320px; }
	img{ max-width: 100%; width:auto; height:auto; }
	.wrap { width:auto; padding:0 20px; }
	
	.buttonset .col a { margin:0 5px 8px 0; }
	.default-grid.cols4 .col { width:50%; }
	.cols2.default-grid.tab-grid .col { width:100%; }
	
	.image-block figure { width:45%; }

	#logo { width: 110px; }
	#mainmenu { margin-left: 50px; }
	#mainmenu > ul { display:none; position:absolute; left:0; width:100%; top:100%; background:var(--primary-color); z-index:5; }
	#mainmenu ul li { float:none; margin:0; padding:0; border-bottom: solid 2px rgba(255,255,255,0.1); }
	#mainmenu ul li a { padding:8px 15px; display:block; color: var(--white-color);  }
	#mainmenu ul li.active a { color: var(--white-color); background-color: rgba(0, 0, 0, 0.15); }
	#mainmenu ul li a:after { display:none; }
	
	/* Responsive Menu line icon*/
	#menu { display: flex; align-items: center; background-color: var(--white-color); border: var(--primary-color) solid 2px; border-radius: 50%; width: 50px; height: 50px; display: block; padding: 10px 12px 12px; }
	.menulines-button { padding:0; cursor: pointer; user-select: none; text-transform:uppercase; font-size:16px; color:var(--primary-color); text-decoration:none; }
	.menulines-button em { font-style:normal; font-weight:bold; margin-left:10px; }
	.menulines-button:hover { text-decoration:none; }
	.menulines { display: inline-block; width: 25px; height: 3px; background: var(--primary-color); position: relative; top: -2px; left: -2px; margin:0; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000);  border-radius: 50px; opacity:1; }
	.menulines:before, .menulines:after { display: inline-block; width:25px; height: 3px; background: var(--primary-color); position: absolute; left: 0; content:''; -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transform-origin: 0.28571rem center; -moz-transform-origin: 0.28571rem center; -ms-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; border-radius: 50px; }
	.menulines:before { top: 7px; }
	.menulines:after { top: -7px; }
	.menuopen .menulines { background:none; }
	.menuopen .menulines:before, .menuopen .menulines:after {  -webkit-transform-origin: 50% 50%;  -moz-transform-origin: 50% 50%;  -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; } 
	.menuopen .menulines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } 
	.menuopen .menulines:after {  -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

	h1,h2 { font-size:40px;  }
	h3 { font-size:40px; }
	h4 { font-size:34px; }
	h5 { font-size:28px; }
	h6 { font-size:24px; }

	.cols { margin: 0 -10px; }
	.cols .col { padding-left:10px; padding-right:10px; }

	.secpadding { padding: 60px 0; }
	.sectitlewrapper .tinytitle { padding: 12px 18px 10px; margin-bottom: 7px; letter-spacing: 0.4px; font-size: 14px; }

	.featureicon { max-width: 60px; }

	.flagboxblue .roundedboxtitle, .flagboxred .roundedboxtitle, .flagboxyellow .roundedboxtitle, .flagboxgreen .roundedboxtitle { padding-left: 48px; }
	.flagboxblue .roundedboxtitle:before, .flagboxred .roundedboxtitle:before, .flagboxyellow .roundedboxtitle:before, .flagboxgreen .roundedboxtitle:before { top: 13px; left: 23px; width: 18px; height: 18px; }
	.underlinetitle { font-size: 20px; }

	.accordion-databox .accordion-row h5 { font-size: 18px; }
	.accordion-databox .accordion-row h5:before { width: 2px; height: 15px; right: calc(22px + 7px); }
	.accordion-databox .accordion-row h5:after { width: 16px; height: 2px; }
	.accordion-data { padding: 10px; }

	.alert { margin-top: 15px; }

	.form-block { margin: 0 -10px; }
	.form-block .form-group { padding: 0 10px 15px; }

	#footer .d-flex { flex-direction: column; text-align: center; }
	#footer .copyright { margin-bottom: 8px; }

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

	.aboutusinfoslider .item .bgimg figcaption strong, .pastor-details figure figcaption { font-size: 20px; }
	.aboutusinfoslider .item .bgimg figcaption a, .pastor-details figure figcaption span { font-size: 15px; }

	.popup-white-bg { padding: 20px; }
	.pastor-details { flex-direction: column; }
	.pastor-details figure { flex:0 0 50%; max-width: 50%; }
	.pastor-details figure .bgimg { height: 400px; }
	.pastor-details p { flex: 0 0 100%; max-width: 100%; padding-left: 0; text-align: center; margin: 20px 0 0;  }
} 

/*==========================================================================================================*/
@media only screen and (max-width: 768px) {
	#header { padding: 10px 0; }
	.cols2 .col, .cols3 .col, .cols4 .col, #mainbanner .bannercontentwrapper, #mainbanner .herobannerimgwrapper  { flex:0 0 100%; max-width:100%; width:100%; }
	#mainbanner { padding: 60px 0; height: auto; min-height: inherit; }
	.bannercontent { margin-bottom: 20px; text-align: center; }
	.bannercontent .sectitle { text-align: center; }
	.bannercontent .btnwrapper { display: table; margin: 0 auto; }
	.sectitlewrapper, #mainbanner .bannercontentwrapper p { margin-bottom: 20px; }
	.header-row .btnwrapper { display: none; }
	.herobannerimg, .aboutusintro .col:first-child figure  { max-width: 500px; width: 100%; margin: 0 auto; }
	.secpadding { padding: 40px 0; }
	.aboutusintro .col:first-child figure { margin-bottom: 20px; }
	.aboutusintro .col { text-align: center; }
	.btnwrapper { width: auto !important; }

	h1,h2 { font-size:36px;  }
	h3 { font-size:36px; }
	h4 { font-size:30px; }
	h5 { font-size:26px; }
	h6 { font-size:22px; }

	.subscriptionplantable { margin-bottom: 20px; }

	.form-block { flex-direction: column; }
	.form-block .form-group { flex:0 0 100%; max-width: 100%; margin-bottom: 15px; padding-bottom: 0; }
	.form-group span.has-error { position: static; }
	.form-group { padding-bottom: 0; }

	.btn-primary { display: flex; justify-content: center; align-items: center; }
	.btnwrapper .btn-primary:after { position: static; }

	#contactform { padding: 16px 20px; }

	#bannertextlogoicon { position: relative; top: 5px; }

	
}
/*==========================================================================================================*/
@media only screen and (max-width: 767px) {
	
	body { font-size: 14px; }
	.default-grid.cols3 .col { width:50%; }
	.tabnav { display:none; }
	.tab-container { padding:0; border:none;}
	.tab-data { margin:0 0 30px; }
	.tab-data .tabnav { display:none; }
	.tab-container .tabMobiletrigger { background:#f3f3f3; border:medium none; font-size:15px !important; text-transform:uppercase; margin:0 0 7px; padding:16px 54px 16px 16px; position:relative; cursor:pointer; font-weight:bold; }
	.tabMobiletrigger:after { border-left:8px solid rgba(0, 0, 0, 0); border-right:8px solid rgba(0, 0, 0, 0); border-top:8px solid #848690; content:""; margin-top:-3px; position:absolute; right:19px; top:50%; }
	.tabMobiletrigger:before { background:rgba(0, 0, 0, 0.08); content:""; height:100%; position:absolute; right:0; top:0; width:54px; z-index:1; }
	.tabcontent { padding:15px 0; margin:0; }
	.tabMobiletrigger.rotate:after { border-top-color:#272c2f; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }

	.sectitle span:before { height: 4px; }
	.sectitle br { display: none; }

	#footer { padding: 20px 0 16px; }

	h1,h2 { font-size:34px; }
	h3 { font-size:34px; }
	h4 { font-size:26px; }
	h5 { font-size:24px; }
	h6 { font-size:20px; }

	#mainbanner { padding: 24px 0; }

	.pastor-details figure { flex:0 0 80%; max-width: 80%; }
}
@media only screen and (max-width: 567px) {
	.ourmission { flex-direction: column; margin-bottom: 20px; }
	.ourmission p { flex:0 0 100%; max-width: 100%; padding-right: 0; text-align: center; }
	.slickarrowwrapper {  flex:0 0 100%; max-width: 100%; }
	.aboutusinfoslider .item .bgimg { background-position: center; }

	.pastor-details figure { flex:0 0 100%; max-width: 100%; }
}
/*==========================================================================================================*/
/* Retina css */ 
/*@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2) {
	.sprites, .sp-after:after, .sp-before:before { background-image:url(../images/bgi/sprites@2x.png);
	-moz-background-size:237px 207px; -ms-background-size:237px 207px; -o-background-size:237px 207px; -webkit-background-size:237px 207px; background-size:237px 207px;}
}*/