.locked{display: none}
@media only screen
    and (min-device-width : 375px)
    and (max-device-width : 667px)
    and (orientation : landscape)
    and (-webkit-min-device-pixel-ratio : 2)
{
  body .locked{
	display: block !important;
	position: fixed;
	width: 100%;
	z-index: 99999999999999999999;
	height: 100%;
	top: 0;
	left: 0
  }

}




/* Imac Resolutions :) */
@media all and (min-width:1921px) and (max-width: 2560px) {
	.mobile-onn{display: none !important}
	.max80{
		max-width: 68.4% !important;
	}
	.tabBr {
	    margin-top: 26%;
	}

	.h274{
	    min-height: 274px;
   		height: 274px;
    }
}



/* 15 pulgadas Retina Sm */
@media all and (min-width:1100px) and (max-width: 1700px) {
	.mobile-onn{display: none !important}
	.col-13-3{
		width: 33.3% !important;
	    max-width: 33.3% !important;
	    flex: 0 0 32.3%;
	}

	.Br {
	    height: 722px !important;
	}
	.max80{
		max-width: 68.4% !important;
	}
	ul.main-nav li >a{
		font-size: 18px !important;
	}
	ul.main-nav li {
	    display: block !important;
	    font-size: 18px !important;
	    text-transform: uppercase !important;
	    color: white !important;
	    line-height: 1 !important;
	    padding: 12px 0px !important;
	}
	.pl40{padding-left: 150px !important}
	#ways .portfolio-description {
		min-height: 390px !important;
		overflow: hidden;
	}
	#ways .portfolio-description p {
		min-height: 133px !important
	}
	/*#portfolio a:not(.mh) > div{
		max-width: 410px;
	}*/
}

/*13 inch retina*/
@media (min-width: 799px) and (max-width: 1350px) {
    html body video{min-width: 100% !important;max-width: 100% !important}
	.mobile-onn{display: none !important}
	/*#portfolio a:not(.mh) > div{
		max-width: 410px;
	}*/
	.max90 .col-md-3{
		width: 50% !important;
		flex: 0 0 50% !important;
		    max-width: 50% !important;
		    margin-bottom: 30px
	}
	#ways .portfolio-description {
		min-height: 470px !important;
		overflow: hidden;
	}
	#ways .portfolio-description p {
		min-height: 133px !important
	}
	html video{min-width: 280% !important}
	.col-13-3{
		width: 33.3% !important;
	    max-width: 33.3% !important;
	    flex: 0 0 32.3%;
	}
	.product-image p.fleft{font-size: 12px !important}
	.Br {
	    padding: 70px 45px !important;
	}
	.mh>div{
	    max-height: 215px;
	    overflow: hidden;
	    margin-bottom: 20px
	}
	ul.main-nav li >a{
		font-size: 18px !important;
	}
	ul.main-nav li {
	    display: block !important;
	    font-size: 18px !important;
	    text-transform: uppercase !important;
	    color: white !important;
	    line-height: 1 !important;
	    padding: 12px 0px !important;
	}
	.pl40{padding-left: 150px !important}
	.max80{
		max-width: 90% !important;
	}
	.max80{margin-top: -30vh !important;}
	.Br {
	    height: 622px !important;
	}
	.Br .vertical-align{
		top: 4% !important
	}
	.tabBr{
		margin-top: 28% !important
	}
}



/* iPad in portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	/*Easter responsive*/
	.easterbg{
		background:url('../images/FYC_Easter_final-back.jpg') 50% 50% no-repeat/cover !important;
	}
	.easter_times p{line-height: 1.5 !important}
	.easter_times .e_lines:after,
	.easter_times .e_lines:before{
		opacity: 0 !important
	}
	.easter#TheGospelChoir h2.text-center-mobile{text-align: center !important}
	.mbm-20{margin-bottom: 20px !important}
	.mbm-40{margin-bottom: 40px !important}
	/*END Easter responsive*/


	body div.col-12-ipad{
		margin-top: 20px;
		flex: 0 0 100% !important;
		    max-width: 100% !important;
		    width: 100% !important;
	}
	.text-center-mobile.text-left-mobile.abril.white{text-align: center !important}
	.mobile-on{display: none}
	.max90 .col-md-3{
		width: 50% !important;
		flex: 0 0 50% !important;
		    max-width: 50% !important;
		    margin-bottom: 30px
	}
	/*html video{display: none}*/
	.ipad-on{display: block !important}
		.ipad-off{display: none !important}
		html video{min-width: 480% !important}
		#header .col-md-6.pl40{
			margin-left: 10% !important;
			    max-width: 40% !important;
		}
		ul.main-nav li {
		    padding: 14px 0px !important;
		}
		body .sub-main-nav ul ul {
		    padding-left: 0 !important;
		    left: 0% !important;
		    top: 250% !important;
		    margin-left: 0 !important;
		    border-top: 1px solid #A8866D;
		    padding-top: 20px;
		}
		body .jhj .ms-slider__word {
		    line-height: 25px !important;
		    text-align: center;
		}
		body .jhj .ms-slider {
		    height: 50px !important;
		}
		body .jhj .ms-slider h1 {
		    font-size: 42px !important
		}
		.w100ipad{width: 100% !important}
		#bgsection{
			background-size:cover !important
		}
		.boxkids {
		    cursor: pointer;
		    border: 3px solid #429EAD;
		    padding: 30px 25px;
		    margin: 1% !important;
		    max-width: 100% !important;
		    position: relative;
		    min-height: 0 !important;
		    margin-bottom: 20px !important;
		    flex: 0 0 48%;
		}
		.boxkids:before {
		    opacity: 0
		}
		.ml16, .ml8 {
		    margin-left: 2% !important;
		}
		.col-md-5 {
		    -ms-flex: 0 0 41.666667%;
		    flex: 0 0 49%;
		    max-width: 49.666667%;
		}
		.musicbg{
			background: url(../images/FYC_Giving-v2-1.jpg) 50% 50% no-repeat/cover !important
		}
		.discipleship{
			background: url(../images/FYC_Homefam.jpg) 50% 50% no-repeat/cover !important
		}
		.classesbg{
			background: url(../images/FYC_classes-v2-2.jpg) 50% 50% no-repeat/cover !important
		}
		.groupsbg{
			background: url(../images/FYC_small-groups_Hero1.jpg) 50% 50% no-repeat/cover !important
		}
		.membershipbg{
			background: url(../images/FYC_membership-banner4.jpg) 50% 50% no-repeat/cover !important
		}
		.mercybg{
			background: url(../images/FYC_Mercy-top-banner-1.jpg) 50% 50% no-repeat/cover !important

		}
		.ptm0.height-100.cover{padding-top: 0 !important}
		.col-md-10.col-center.tabsld.iconos li{
			display: inline-block;
			width: 48%;
			text-align: center;
			font-size: 10px;
			line-height: 1.3;
			min-height: 114px;
		}
		.tabsld ul li {
		    margin: 0 2px !important;
		}
		body .boxpadding{
		  padding:0 15px !important
		}
		body .boxpadding h2{
			text-align: left !important
		}
		.product-overlay .col-md-5{max-width: 40%}
		.product-overlay .col-md-7{max-width: 60%;    flex: 0 0 60%;}
		.boxpadding .col-md-5{padding:0 !important;margin:0 !important;}
		.boxpadding .col-md-7{
			padding: 0 20px;
			    text-align: justify;
		}
		body .product .product-overlay p {
		    line-height: 1.5 !important;
		    font-size: 12px !important;
		}

		.max80 {
		    max-width: 100%;
		}
		.boxpadding .col-md-5.out-left {
			position: relative !important;
		    width: 100% !important;
		    margin-bottom: 40px !important
		}
		.out-left img {
		    margin-left: 0% !important;
		}
		.zoomImg{display: none}
		#TheGospelChoir,
		#TheChancelChoir,
		#TheChildrenChoir,
		#Men,
		#Women,
		#more,
		#LGBTQ,
		#racial,
		#FMS,
		#Columbarium
		{padding: 0 !important;    height: auto !important;}
		#TheGospelChoir .vertical-align,
		#TheChildrenChoir .vertical-align,
		#TheChancelChoir .vertical-align,
		#Men .vertical-align,
		#more .vertical-align,
		#Women .vertical-align,
		#LGBTQ .vertical-align,
		#racial .vertical-align,
		#FMS .vertical-align,
		#Columbarium .vertical-align {
			    margin-top: 12vh !important;
	    margin-bottom: 15vh !important;
		    position: relative;
		    top:0%;
		    -webkit-transform: translateY(0%);
		    -ms-transform: translateY(0%);
		    transform: translateY(0%);
		}
		#TheGospelChoir .col-md-5,
		#TheChildrenChoir .col-md-5,
		#TheChancelChoir .col-md-5,
		#Men .col-md-5,
		#more .col-md-5,
		#Women .col-md-5,
		#LGBTQ .col-md-5,
		#racial .col-md-5,
		#FMS .col-md-5,
		#Columbarium .col-md-5{
			flex: 0 0 80%;
			margin:auto;
			max-width: 80%
		}


		.w100-ipad{width: 100%;flex:0 0 100% !important;}
		.ipadml{
			    max-width: 47.666667% !important;
		}
		body h2{font-size: 28px !important}
		body h1{font-size: 50px !important}
		body p.lh3 {
		    line-height: 2 !important;
		}
		.col-lg-3.col-13-3{width: 50% !important; flex: 0 0 50%;}
		.col-md-6.posab{position: relative !important;width: 100% !important;height: 50vh;max-width: 100%;flex: 0 0 100%}
		.row.mb-60, .mbm-40{margin-bottom: 30px !important}
		.boxpadding .col-md-5:not(.out-left){display: none}
		.boxpadding .col-md-5.out-left {
		    position: relative !important;
		    width: 100% !important;
		    flex: 0 0 100%;
		    max-width: 100%;
		    margin-bottom: 40px !important;
		}
		.boxpadding .col-md-7 {
		    padding: 20px 40px 40px;
		    flex: 0 0 100%;
		    max-width: 100%;
		    text-align: justify;

		}
		body .boxpadding {
		    padding: 0 15px !important;
		}
		.boxpadding .col-md-5 {
		    padding: 0 !important;
		    margin: 0 !important;
		}
		.col-ipad-12{max-width: 100%;flex: 0 0 100%}
		.text-center-mobile{text-align: center;}
		.tabsld.col-md-10 {
		    -ms-flex: 0 0 100%;
		    flex: 0 0 100%;
		    max-width: 100%;
		}
		.col-md-10.col-center.tabsld.iconos li {
		    width: 23% !important;
		}
		body .pt-100 {
		    padding-top: 0px !important;
		}
		.height-80 {
		    height: 54vh !important;
		}
		.mtm40{margin-top: 40px}
		.psupport-g{
		  padding:0px 80px !important
		}
		.mbm-0{margin-bottom: 0 !important}
		.tobtn a{
			margin-bottom: 20px;
			display: block;
			max-width: 300px;
			margin: auto !important;
			margin-bottom: 20px !important
		}
		.portfolio-4-columns.ipad50 >div{
			width: 50% !important;
			flex: 0 0 50% !important;
		}
		.pd40 a{font-size: 12px !important}
		.tobtn a:last-child{margin-bottom: 0px !important}
		.f25.inline.white.mr30.abril{display: block !important}
		.fluid-width-video-wrapper{
			padding-top: 56.64% !important;
		}
		#fitvid0{height: 370px !important}
}

/*IPAD MINI*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1) {
	/*Easter responsive*/
	.easterbg{
		background:url('../images/FYC_Easter_final-back.jpg') 50% 50% no-repeat/cover !important;
	}
	.easter_times p{line-height: 1.5 !important}
	.easter_times .e_lines:after,
	.easter_times .e_lines:before{
		opacity: 0 !important
	}
	.easter#TheGospelChoir h2.text-center-mobile{text-align: center !important}
	.mbm-20{margin-bottom: 20px !important}
	.mbm-40{margin-bottom: 40px !important}
	/*END Easter responsive*/



	.mobile-on{display: block !important}
	.mobile-off{display: none !important}
	nav > ul > li  a{color: white !important}
	#header.dark.header-transparent #header-wrap .toggle-active .lines{background:transparent !important;}
	nav > ul > li .dropdown-menu, #header.dark.header-transparent #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu{background:transparent !important;}
	.ipad-on{display: block !important}
	.ipad-off{display: none !important}
	html video{min-width: 480% !important}
	#header .col-md-6.pl40{
		margin-left: 10% !important;
		    max-width: 40% !important;
	}
	ul.main-nav li {
	    padding: 14px 0px !important;
	}
	body .sub-main-nav ul ul {
	    padding-left: 0 !important;
	    left: 0% !important;
	    top: 250% !important;
	    margin-left: 0 !important;
	    border-top: 1px solid #A8866D;
	    padding-top: 20px;
	}
	body .jhj .ms-slider__word {
	    line-height: 25px !important;
	    text-align: center;
	}
	body .jhj .ms-slider {
	    height: 50px !important;
	}
	body .jhj .ms-slider h1 {
	    font-size: 42px !important
	}
	.w100ipad{width: 100% !important}
	#bgsection{
		background-size:cover !important
	}
	.boxkids {
	    cursor: pointer;
	    border: 3px solid #429EAD;
	    padding: 30px 25px;
	    margin: 1% !important;
	    max-width: 100% !important;
	    position: relative;
	    min-height: 0 !important;
	    margin-bottom: 20px !important;
	    flex: 0 0 48%;
	}
	.boxkids:before {
	    opacity: 0
	}
	.ml16, .ml8 {
	    margin-left: 2% !important;
	}
	.col-md-5 {
	    -ms-flex: 0 0 41.666667%;
	    flex: 0 0 49%;
	    max-width: 49.666667%;
	}
	.zoomImg{display: none !important}

	.ptm0.height-100.cover{padding-top: 0 !important}
	.col-md-10.col-center.tabsld.iconos li{
		display: inline-block;
		width: 48%;
		text-align: center;
		font-size: 10px;
		line-height: 1.3;
		min-height: 114px;
	}
	.tabsld ul li {
	    margin: 0 2px !important;
	}
	body .boxpadding{
	  padding:0 15px !important
	}
	body .boxpadding h2{
		text-align: left !important
	}
	.product-overlay .col-md-5{max-width: 40%}
	.product-overlay .col-md-7{max-width: 60%;    flex: 0 0 60%;}
	.boxpadding .col-md-5{padding:0 !important;margin:0 !important;}
	.boxpadding .col-md-7{
		padding: 0 20px;
		    text-align: justify;
	}
	body .product .product-overlay p {
	    line-height: 1.5 !important;
	    font-size: 12px !important;
	}

	.max80 {
	    max-width: 100%;
	}
	.boxpadding .col-md-5.out-left {
		position: relative !important;
	    width: 100% !important;
	    margin-bottom: 40px !important
	}
	.out-left img {
	    margin-left: 0% !important;
	}
	.zoomImg{display: none}
	#TheGospelChoir,
	#TheChancelChoir,
	#TheChildrenChoir,
	#Men,
	#Women,
	#more,
	#LGBTQ,
	#racial,
	#FMS,
	#Columbarium
	{padding: 0 !important;    height: auto !important;}
	#TheGospelChoir .vertical-align,
	#TheChildrenChoir .vertical-align,
	#TheChancelChoir .vertical-align,
	#Men .vertical-align,
	#more .vertical-align,
	#Women .vertical-align,
	#LGBTQ .vertical-align,
	#racial .vertical-align,
	#FMS .vertical-align,
	#Columbarium .vertical-align {
	    margin-top: 12vh !important;
    	margin-bottom: 15vh !important;
    	padding-bottom: 400px !important;
	    position: relative !important;
	    top:0%;
	    -webkit-transform: translateY(0%);
	    -ms-transform: translateY(0%);
	    transform: translateY(0%);
	}
	#ppp {background-image: url(../images/fyc-about-top-banner.jpg) !important;}
	.boxpadding h4{text-align: center !important}
	.boxpadding h2.f20{font-size: 24px !important}
		#TheGospelChoir h2,
		#TheChildrenChoir h2,
		#TheChancelChoir h2,
		#Men h2,
		#more h2,
		#Women h2,
		#LGBTQ h2,
		#racial h2,
		#FMS h2,
		#Columbarium h2,
		#TheGospelChoir p,
		#TheChildrenChoir p,
		#TheChancelChoir p,
		#Men p,
		#more p,
		#Women p,
		#LGBTQ p,
		#racial p,
		#FMS p,
		#Columbarium p {
		    text-align: center !important;
		}
	#TheGospelChoir .col-md-5,
	#TheChildrenChoir .col-md-5,
	#TheChancelChoir .col-md-5,
	#Men .col-md-5,
	#more .col-md-5,
	#Women .col-md-5,
	#LGBTQ .col-md-5,
	#racial .col-md-5,
	#FMS .col-md-5,
	#Columbarium .col-md-5{
		flex: 0 0 80%;
		margin:auto;
		max-width: 80%
	}


	.w100-ipad{width: 100%;flex:0 0 100% !important;}
	.ipadml{
		    max-width: 47.666667% !important;
	}
	body h2{font-size: 28px !important}
	body h1{font-size: 50px !important}
	body p.lh3 {
	    line-height: 2 !important;
	}
	body .col-lg-3.col-13-3{max-width: 50% !important;width: 50% !important; flex: 0 0 50% !important;float: left}
	.product-overlay .col-md-2,
	.product-overlay .col-md-7 {
	    max-width: 100% !important;
	    flex: 0 0 100% !important;
	}
	section.musicbg{background-image:url(../images/FYC_Giving-v2-1.jpg) !important;background-size:240% !important; }
	section.discipleship{background-image: url(../images/FYC_Homefam.jpg) !important;background-size:240% !important; }
	section.classesbg{background-image: url(../images/FYC_classes-v2-2.jpg) !important;background-size:240% !important; }
	section.groupsbg{background-image: url(../images/FYC_small-groups_Hero1.jpg) !important;background-size:240% !important; }
	section.membershipbg{background-image: url(../images/FYC_membership-banner4.jpg) !important;background-size:240% !important; }
	section.mercybg{background-image: url(../images/FYC_Mercy-top-banner-1.jpg) !important;background-size:240% !important; }
	.col-md-6.posab{position: relative !important;width: 100% !important;height: 50vh;max-width: 100%;flex: 0 0 100%}
	.row.mb-60, .mbm-40{margin-bottom: 30px !important}
	.boxpadding .col-md-5:not(.out-left){display: none}
	.boxpadding .col-md-5.out-left {
	    position: relative !important;
	    width: 100% !important;
	    flex: 0 0 100%;
	    max-width: 100%;
	    margin-bottom: 40px !important;
	}
	.boxpadding .col-md-7 {
	    padding: 20px 40px 40px;
	    flex: 0 0 100%;
	    max-width: 100%;
	    text-align: justify;

	}
	body .boxpadding {
	    padding: 0 15px !important;
	}
	.boxpadding .col-md-5 {
	    padding: 0 !important;
	    margin: 0 !important;
	}
	.col-ipad-12{max-width: 100%;flex: 0 0 100%}
	.text-center-mobile{text-align: center;}
	.tabsld.col-md-10 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.col-md-10.col-center.tabsld.iconos li {
	    width: 23% !important;
	}
	body .pt-100 {
	    padding-top: 0px !important;
	}
	.height-80 {
	    height: 54vh !important;
	}
	.mtm40{margin-top: 40px}
	.psupport-g{
	  padding:0px 80px !important
	}
	.mbm-0{margin-bottom: 0 !important}
	.tobtn a{
		margin-bottom: 20px;
		display: block;
		max-width: 300px;
		margin: auto !important;
		margin-bottom: 20px !important
	}
	.portfolio-4-columns.ipad50 >div{
		width: 50% !important;
		flex: 0 0 50% !important;
	}
	.pd40 a{font-size: 12px !important}
	.tobtn a:last-child{margin-bottom: 0px !important}
	.f25.inline.white.mr30.abril{display: block !important}
	.fluid-width-video-wrapper{
		padding-top: 56.64% !important;
	}
	#fitvid0{height: 370px !important}

	/*custom like phone*/
	.pastorbgb{
		background: url(../images/pr_.jpg) no-repeat 50% 100%/270% !important;
	}
	#bgsection{
		background-size:cover !important
	}
	#header #header-wrap #logo {
	    margin: 0 auto !important;
	    max-width: 130px;
	    position: absolute !important;
	    z-index: 2;
	    left: 0 !important;
	    right: initial !important;
	    overflow: hidden;
	}
	body p.rs {
	    font-size: 20px !important;
	    line-height: 1.5 !important;
	}
	div.boxkids p{padding:0 40px !important;}
	div.boxkids {
	    cursor: pointer;
	    border: 3px solid #429EAD;
	    padding: 60px 0px;
	    margin: 1% !important;
	    max-width: 100% !important;
	    width: 100% !important;
	    flex: 0 0 100% !important;
	    position: relative;
	    min-height: 0 !important;
	    margin:0 !important;
	    margin-bottom: 20px !important;
	}
	.product-overlay ul li:first-child a{padding-left: 0 !important}
	.ml16, .ml8 {
	    margin-left: 0 !important;
	}
	.col-md-5 {
	    -ms-flex: 0 0 100% !important;
	    flex: 0 0 100% !important;
	    max-width: 100% !important;
	    width: 100% !important;
	    float: left !important;
	    margin-bottom: 40px !important
	}
	.w100-ipadmini{
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	.w100-ipadmini .col-md-5.ml8, .col-ipad-12{
		margin: auto !important;
		display: block !important;
		float: none !important
	}
	body .product .product-overlay {
	    bottom: 0px !important;
	    height: 100px !important;
	}
	.product-overlay div {
	    width: 100% !important;
	    flex: 0 0 100% !important;
	    margin-bottom: 0 !important;
	}
	body .product .product-overlay ul li {
	    display: inline-block !important;
	    float: left !important;
	    width: 26px !important;
	}
	body .col-md-6.midcol {
	    flex: 0 0 46% !important;
	    max-width: 45% !important;
	    float: left !important;
	    margin: 0 1.5%;
	}

	body section.bg-blue .col-md-6.midcol {
	    flex: 0 0 100% !important;
	    text-align: center;
	    margin-bottom: 40px !important;
	    max-width: 100% !important;
	    float: left !important;
	    margin: 0%;
	}
	body .col-md-4 {
	    -ms-flex: 0 0 32% !important;
	    flex: 0 0 32% !important;
	    max-width: 32% !important;
	    width: 32% !important;
	    float: left !important;
	}
	#morelinks .tobtn {
	    margin-bottom: 20px !important;
	}
	.musicbg{
		background: url(../images/FYC_Giving-v2-1.jpg) 50% 50% no-repeat/cover !important
	}
	.discipleship{
		background: url(../images/FYC_Homefam.jpg) 50% 50% no-repeat/cover !important
	}
	.classesbg{
		background: url(../images/FYC_classes-v2-2.jpg) 50% 50% no-repeat/cover !important
	}
	.groupsbg{
		background: url(../images/FYC_small-groups_Hero1.jpg) 50% 50% no-repeat/cover !important
	}
	.membershipbg{
			background: url(../images/FYC_membership-banner4.jpg) 50% 50% no-repeat/cover !important
	}
	.mercybg{
		background: url(../images/FYC_Mercy-top-banner-1.jpg) 50% 50% no-repeat/cover !important
	}

	.row.mb-40.wow.fadeInUp .col-md-4{
		float: inherit !important
	}
	.container.vertical-align .col-md-5{margin-bottom: 0 !important}
	.posab{display: none !important}
	.col-md-8 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100% !important;
	    width: 100% !important;
	    float: inherit !important;
	    clear: both;
	}
	.text-left-ipmini{text-align: left !important}
	.posab{background-size:100% !important;}
	.boxpadding .col-md-7.p0{padding-top: 80px !important}
	body .boxpadding h2{text-align: center !important}
	.boxpadding p{text-align: center !important}
	.tabsld.col-md-10 {
	    -ms-flex: 0 0 84%;
	    flex: 0 0 84%;
	    max-width: 84%;
	}
	body h2.f20 {
	    font-size: 16px !important;
	}
	.boxkids:before {
	    opacity: 1 !important;
	}
	.pd40.col-md-4{
		min-height: 333px;
		float: left;
		-ms-flex: 0 0 33% !important;
		flex: 0 0 33% !important;
		max-width: 33% !important;
		width: 33% !important;
		float: left !important;
	}
	.form-group.col-sm-6{
		width: 100% !important;
		max-width: 100% !important;
		flex: 100% !important;
	}
	/*.col-ipad-12 h4, .col-ipad-12 h2{text-align: center;}*/
}

/* Retina iPad in landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1) {

	/*Easter responsive*/
	.easterbg{
		background:url('../images/FYC_Easter_final-back.jpg') 50% 50% no-repeat/cover !important;
	}
	.easter_times p{line-height: 1.5 !important}
	.easter_times .e_lines:after,
	.easter_times .e_lines:before{
		opacity: 0 !important
	}
	.easter#TheGospelChoir h2.text-center-mobile{text-align: center !important}
	.mbm-20{margin-bottom: 20px !important}
	.mbm-40{margin-bottom: 40px !important}
	/*END Easter responsive*/


	html body #values div.boxkids {
	    max-width: 48% !important;
	    width: 48% !important;
	    flex: 0 0 48% !important;
	    float: left;
	}
	.tobtn a:last-child {
	    margin-bottom: 0px !important;
	}
	.tobtn a {
	    margin-bottom: 20px !important;
	    display: block
	}
	#morelinks .tobtn {
	    margin-bottom: 20px !important;
	}
	.boxpadding .col-md-5.out-left {
	    position: relative !important;
	    width: 100% !important;
	    flex: 0 0 100%;
	    max-width: 100%;
	    margin-bottom: 40px !important;
	}
	.boxpadding .col-md-5:not(.out-left) {
	    display: none;
	}
	body .boxpadding {
	    padding: 0 15px !important;
	}
	.boxpadding .col-md-7 {
	    padding: 20px 40px 40px;
	    flex: 0 0 100%;
	    max-width: 100%;
	    text-align: justify;
	}
	#ppp .vertical-align {
	    position: relative;
	    top:0% !important;
	    -webkit-transform: translateY(0%) !important;
	    -ms-transform: translateY(0%) !important;
	    transform: translateY(0%) !important;
	}
	#fitvid0 {
	    height: 370px !important;
	}
	.portfolio-4-columns.ipad50 >div {
	    width: 50% !important;
	    flex: 0 0 50% !important;
	}
	#portfolio>a>div{
		max-height: 690px !important;
    overflow: hidden;
	}
	.tobtn a{max-width: 300px !important;margin-left: auto !important;margin-right: auto !important}
	.tobtn{text-align: center !important}

	.fluid-width-video-wrapper {
	    padding-top: 56.64% !important;
	}
	.f25.inline.white.mr30.abril {
	    display: block !important;
	}
	.openShare{
		float: left;
	}
	.underline {
	    padding-top: 25px;
	}
	#ppp {
	    background-image: url(../images/fyc-about-top-banner.jpg) !important;
	        height: auto;
    padding: 128px 0 91px;
	}
	.out-left img {
	    margin-left: 0% !important;
	}
	.col-ipad-12 {
	    max-width: 100%;
	    flex: 0 0 100%;
	}
	.w100-ipadmini .col-md-5.ml8, .col-ipad-12 {
	    margin: auto !important;
	    display: block !important;
	    float: none !important;
	}
	.posab{display: none !important}
	.scroll-down {bottom: 11% !important;}
	#TheGospelChoir,
	#TheChancelChoir,
	#TheChildrenChoir,
	#Men,
	#Women,
	#more,
	#LGBTQ,
	#racial,
	#FMS,
	#Columbarium
	{padding: 0 !important;    height: auto !important;}

	#TheGospelChoir h2,
	#TheChancelChoir h2,
	#TheChildrenChoir h2,
	#Men h2,
	#Women h2,
	#more h2,
	#LGBTQ h2,
	#racial h2,
	#FMS h2,
	#Columbarium
	{text-align: left !important}

	#TheGospelChoir .vertical-align,
	#TheChildrenChoir .vertical-align,
	#TheChancelChoir .vertical-align,
	#Men .vertical-align,
	#more .vertical-align,
	#Women .vertical-align,
	#LGBTQ .vertical-align,
	#racial .vertical-align,
	#FMS .vertical-align,
	#Columbarium .vertical-align {
		margin-top: 40px !important;
		margin-bottom: 100px !important;
	    position: relative;
	    top:0%;
	    -webkit-transform: translateY(0%);
	    -ms-transform: translateY(0%);
	    transform: translateY(0%);
	}
	#TheGospelChoir .col-md-5,
	#TheChancelChoir .col-md-5,
	#TheChildrenChoir .col-md-5,
	#Men .col-md-5,
	#Women .col-md-5,
	#more .col-md-5,
	#LGBTQ .col-md-5,
	#racial .col-md-5,
	#FMS .col-md-5,
	#Columbarium .col-md-5
	{max-width: 100% !important; width: 100% !important; flex: 0 0 100% !important;}
	#TheGospelChoir .col-md-7,
	#TheChancelChoir .col-md-7,
	#TheChildrenChoir .col-md-7,
	#Men .col-md-7,
	#Women .col-md-7,
	#more .col-md-7,
	#LGBTQ .col-md-7,
	#racial .col-md-7,
	#FMS .col-md-7,
	#Columbarium .col-md-7
	{display: none !important}
	body #mainMenu nav > ul > li > a{padding:10px 0 !important;font-size: 9px !important}
	.mobile-on{display: block !important}
	.mobile-off{display: none !important}
	nav > ul > li  a{color: white !important}
	#header.dark.header-transparent #header-wrap .toggle-active .lines{background:transparent !important;}
	nav > ul > li .dropdown-menu, #header.dark.header-transparent #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu{background:transparent !important;}
	.ipad-on{display: block !important}
	.ipad-off{display: none !important}
	#header #mainMenu:not(.menu-overlay) nav > ul > li.dropdown:before {
	    content: "\e04b";
	    font-family: "linea-arrows-10";
	    font-size: 16px;
	    opacity: 0.6;
	    position: absolute;
	    right: 2px;
	    color: #262626;
	    transition: .3s ease;
	    transform: rotate(90deg);
	}
	#header #mainMenu-trigger {
	    position: relative;
	    opacity: 1;
	    visibility: visible;
	}
	#header #mainMenu:not(.menu-overlay) nav > ul > li {
	    padding: 0;
	    margin: 0;
	    clear: both;
	    float: none;
	    display: block;
	    border: 0;
	}
	#header #mainMenu:not(.menu-overlay) nav > ul > li > a {
	    display: block;
	    padding: 12px 0;
	    font-size: 13px !important;
	    border: 0;
	    border-radius: 0;
	}
	#header #mainMenu:not(.menu-overlay) nav > ul {
	    float: none;
	    width: 100%;
	}
	#mainMenu nav > ul {
	    list-style: none;
	    padding: 0;
	    margin: 0;
	}
	#header #mainMenu:not(.menu-overlay) nav {
	    line-height: 40px;
	    float: none;
	    width: 100%;
	    padding-bottom: 20px;
	}
	#header #mainMenu:not(.menu-overlay) > .container {
	    text-align: left !important;
	    width: 100%;
	    max-width: 100%;
	}
	#header #mainMenu:not(.menu-overlay) {
	    max-height: 0;
	    clear: both;
	    display: block;
	    width: 100%;
	    opacity: 1;
	    overflow: hidden;
	    transition: max-height 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86), opacity 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86);
	}
	#header #header-wrap {
	    height: auto;
	}
	#header #mainMenu:not(.menu-overlay) nav > ul li:not(.hover-active) > .dropdown-menu {display: none}
	#header #mainMenu:not(.menu-overlay) nav > ul li.hover-active > .dropdown-menu {
	    visibility: visible !important;
	    opacity: 1 !important;
	    max-height: 2000px !important;
	    position: relative !important;
    display: block;
	}
	body .hover-active .dropdown-menu {
	    position: relative !important;
	    box-shadow: none !important;
	    border: none !important;
	}
	#header #mainMenu:not(.menu-overlay) nav > ul > li.dropdown:before {
	    content: "\e04b";
	    font-family: "linea-arrows-10";
	    font-size: 22px;
    opacity: 1;
	    position: absolute;
	    right: 2px;
	    color: #fff;
	    transition: .3s ease;
	    transform: rotate(90deg);
	}
}
/* ==============================
   Phone
   ============================== */
@media (max-width: 480px) and (min-width: 320px){
    body .job span {
        float: left !important;
        margin-top: 0px !important;
        margin-bottom: 27px !important;
    }
    .mb-xs-40{
        margin-bottom: 40px;
    }
    .smList{flex-wrap: wrap;}
    .smList li{width: 50%;margin-bottom: 30px}
body .liveIn b{color: white !important}
    .tobtn.lh2 .underline{
        margin-bottom: 14px !important;
        font-size: 16px !important;
        padding: 0 !important;
        margin: 10px 0 !important;
    }

    .tobtn.lh2 .underline:before,
    .tobtn.lh2 br{display: none}
    body .text-xs-left{text-align: left !important}
    body .posab.mobile{
        top: 55% !important;
            position: absolute !important;
            height: 100% !important;
    }
	/*Easter responsive*/
	.rmn { background: url(images/fyc-2021-elements-image.png) !important; margin-top: -16px; width: 27px; height: 29px; position: absolute;}
    .rmn:hover { background: url(images/Recurso-1-19.png) !important; margin-top: -16px; width: 27px; height: 29px; position: absolute;}

	.easterbg{
		background:url('../images/FYC_Easter_final-back.jpg') 50% 50% no-repeat/cover !important;
	}
	.easter_times p{line-height: 1.5 !important}
	.easter_times .e_lines:after,
	.easter_times .e_lines:before{
		opacity: 0 !important
	}
	.easter#TheGospelChoir h2.text-center-mobile{text-align: center !important}
	.mbm-20{margin-bottom: 20px !important}
	.mbm-40{margin-bottom: 40px !important}
	/*END Easter responsive*/



	h2.text-center-mobile,
	.text-center-mobile,
	.text-center-mobile.text-left-mobile.abril.white{text-align: center !important}
	#header.dark.header-transparent #header-wrap  .toggle-active .lines{
		background:transparent !important;
	}
	.max90{
	  max-width: 100%;
	}
	.max90 .col-md-3{margin-bottom: 20px}
	#header #header-wrap #logo {
	    margin: 0 auto !important;
	    max-width: 130px;
	    position: absolute !important;
	    z-index: 2;
	    left: 0 !important;
	    right: initial !important;
	}
	#page-title.ptm-130{padding-top: 200px !important}
	footer .row.mb-70{margin-bottom: 0 !important}
	form.newsletter input{text-align: center !important}
	body .boxpadding h2{
		text-align: left !important
	}
	.pastorbgb{
		background: url(../images/pr_.jpg) no-repeat 50% 100%/350% !important;
	}
	#bgsection{
		background-size:cover !important
	}
	.tobtn a:last-child{margin-bottom: 0px !important}
	.f25.inline.mr30.abril.white{line-height: 1.3 !important}

	.mbm-40{margin-bottom: 60px}
	.text-center-mobile{text-align: center !important}
	p.lh3{line-height: 1.7 !important}
	.height-100.cover{
		height: auto !important;
		    padding: 150px 0 100px !important;;}
	.height-100.cover .vertical-align {
	    position: relative;
	    top: 0%;
	    -webkit-transform: translateY(0%);
	    -ms-transform: translateY(0%);
	    transform: translateY(0%);
	}
	.col-md-6.midcol {
	    flex: 0 0 100% !important;
	    margin: 0 0% 40px !important;
	    width: 100% !important
	}
	.ac-title:before {
	    font-size: 22px !important;
	}
	body .product .product-overlay {
	    padding: 15px 0 !important;
	    height: 105px !important;
	    background: rgba(0,0,0,0.8) !important;
	    text-align: center !important;
	}
	.product-overlay div{
		    width: 100% !important;
    flex: 0 0 100% !important;
    margin-bottom: 0 !important;
	}
	body .product .product-overlay p {
	    font-size: 12px !important;
	}
	body .product .product-overlay ul{
	    text-align: left !important
	}
	body .product .product-overlay ul li a{margin:0 !important;padding:0 !important;}
	body .product .product-overlay ul li {
	    display: inline-block !important;
	    float: left !important;
	    width: 26px !important;
	}
	body .product .product-overlay {
	    bottom: 0px !important;
	}
	#articles .col-md-10.col-center	{padding:0 !important;}
	#header #mainMenu:not(.menu-overlay) nav > ul > li > a,
	#header #mainMenu:not(.menu-overlay) nav > ul > li.dropdown:before,
	#header.dark.header-transparent #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a{
		color: white !important
	}
	#header.header-transparent #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu, #header.dark.header-transparent #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu{
		background-color: transparent !important
	}
	.ac-content {
	    padding: 18px 5px 0 !important;
	}
	.accordion .ac-title {
	    padding: 12px 32px 12px 10px !important;
	    font-size: 12px !important;
	}
	.zoomImg{display: none}
	html video{display: none}
	.musicbg{
		background: url(../images/FYC_Giving-v2-1.jpg) 50% 50% no-repeat/cover !important;
	}
	.discipleship{
		background: url('../images/FYC-Taking-On-Mobile.jpg') no-repeat 50% 50% / cover  !important;


	}
	.classesbg{
		background: url(../images/FYC_classes-v2-2.jpg) 50% 50% no-repeat/cover !important
	}
	.groupsbg{
		background: url(../images/FYC_small-groups_Hero1.jpg) 50% 50% no-repeat/cover !important
	}
	.membershipbg{
			background: url(../images/FYC_membership-banner4.jpg) 50% 50% no-repeat/cover !important
	}
	.mercybg{
		background: url(../images/FYC_Mercy-top-banner-1.jpg) 50% 50% no-repeat/cover !important

	}
	.ptm0.height-100.cover{padding-top: 0 !important}
	.col-md-10.col-center.tabsld.iconos li{
		display: inline-block;
		width: 48%;
		text-align: center;
		font-size: 10px;
		line-height: 1.3;
		min-height: 114px;
	}
	.tabsld ul li {
	    margin: 0 2px !important;
	}
	body .boxpadding{
	  padding:0 15px !important
	}
	.boxpadding .col-md-5{padding:0 !important;margin:0 !important;}
	.boxpadding .col-md-7{
		padding: 0 20px;
		    padding-bottom: 40px !important;
		    text-align: justify;
	}
	.portfolio-description p{min-height: 0 !important}
	section.archivebg{background-position: 70% 50% !important}
	html body div .material-form input {
	    width: 100% !important;
	}
	.tobtn.lg>a{font-size: 12px !important}
	.jm{text-align: justify !important}
	.owl-carousel .owl-dots .owl-dot span {width: 7px !important; height: 7px !important;}
	.max80 {
	    max-width: 100%;
	}
	#morelinks .tobtn{margin-bottom: 20px}
	#morelinks .tobtn a {
	    padding-left: 10px !important;
	    padding-right: 10px !important;
	    font-size: 12px !important;
	}
	.boxpadding .col-md-5.out-left {
		position: relative !important;
	    width: 100% !important;
	    margin-bottom: 40px !important
	}
	.out-left img {
	    margin-left: 0% !important;
	}
	.boxkids {
	    cursor: pointer;
	    border: 3px solid #429EAD;
	    padding: 30px 25px;
	    margin: 1% !important;
	    max-width: 100% !important;
	    position: relative;
	    min-height: 0 !important;
	    margin-bottom: 20px !important;
	}
	body .pt-100{padding-top: 0 !important}
	.vertical-align.off {
	    position: relative;
	    top:0%;
	    -webkit-transform: translateY(0%);
	    -ms-transform: translateY(0%);
	    transform: translateY(0%);
	}
	body .jhj .ms-slider__word {
	    line-height: 46px !important;
	    text-align: center;
	}
	body .jhj .ms-slider {
	    height: 40px !important;
	}
	#cs .openShare{float: left !important}
	#cs .f25.inline.white.mr30.abril {
	    display: block !important;
	    margin-top: 8px;
	    margin: 0 !important;
	    font-size: 20px !important;
	}
	#cs .underline{padding-top: 20px !important}
	#cs .uppercase{font-size: 14px !important}
	.ms-slider__word >h1{font-size: 18px !important}
	aside.lateral {
	    position: relative !important;
	    right: 0 !important;
	    top: 33px !important;
	    background: #05262b !important;
	    padding: 8px 13px !important;
	    border-radius: 25px !important;
	    width: auto !important;
	    float: left !important;
	}
	#methodism .col-md-12.col-center{padding:0 !important;}
	.msg-alert{display: none !important}
	body p.rs {
	    font-size: 16px !important;
	    line-height: 1.5 !important;
	}
	#planvisit-form{width: 100% !important}
	.big input[type="text"].inputpv, .big select.inputpv, .inputpv.seg{width: 100% !important;max-width: 100% !important;min-width: 100% !important}
	aside.lateral ul li {
	    display: inline-block !important;
	    margin-bottom: 0px !important;
	    margin: 0 10px !important;
	}
	.scroll-down {bottom: 11% !important;}
	#TheGospelChoir,
	#TheChancelChoir,
	#TheChildrenChoir,
	#Men,
	#Women,
	#more,
	#LGBTQ,
	#racial,
	#FMS,
	#Columbarium
	{padding: 0 !important;    height: auto !important;}

	#TheGospelChoir h2,
	#TheChancelChoir h2,
	#TheChildrenChoir h2,
	#Men h2,
	#Women h2,
	#more h2,
	#LGBTQ h2,
	#racial h2,
	#FMS h2,
	#Columbarium
	{text-align: left !important}

	#TheGospelChoir .vertical-align,
	#TheChildrenChoir .vertical-align,
	#TheChancelChoir .vertical-align,
	#Men .vertical-align,
	#more .vertical-align,
	#Women .vertical-align,
	#LGBTQ .vertical-align,
	#racial .vertical-align,
	#FMS .vertical-align,
	#Columbarium .vertical-align {
		margin-top: 40px !important;
		margin-bottom: 100px !important;
	    position: relative;
	    top:0%;
	    -webkit-transform: translateY(0%);
	    -ms-transform: translateY(0%);
	    transform: translateY(0%);
	}
	section.mbm-0, .mbm-0{margin-bottom: 0 !important}
	.text-left-mobile{text-align: left!important}
	.col-md-6.posab{position: relative !important;width: 100% !important;height: 50vh;}
	.row.mb-60, .mbm-40{margin-bottom: 30px !important}
	.tobtn a{
		display: block;
		width: 90%;
		margin:auto !important;
		margin-bottom: 20px !important;
		min-width: 260px !important;
	}
	.col-md-5{text-align: center;margin-bottom: 40px}
	.ml16, .ml8{margin-left: 0 !important}
	.mr16{margin-right: 0 !important}
	body h2{margin-bottom: 10px !important;font-size: 22px !important}
	body h1{margin-bottom: 10px !important;font-size: 32px !important}
	body h3 {font-size: 12px !important; }
	body h1.big {
	    font-size: 9pc !important;
	    line-height: 0.8;
	}
	.ac-content p{text-align: justify;}
	form.newsletter input{min-width: 100% !important}
	form.newsletter button{width: 100% !important; margin: 0 !important;}
	form.newsletter{width: 100%; margin-top: 20px;}
	.footer-nav li {
	    display: block;
	    margin-bottom: 10px;
	}
	.ms-slider__word{text-align: center !important}

	.ms-slider__words {
	  -webkit-animation-name: wordSliderMOBILE !important;
	          animation-name: wordSliderMOBILE !important;
	}
	@-webkit-keyframes wordSliderMOBILE {
	  0%,
	    14.2% {
	    -webkit-transform: translateY(0%) !important;
	            transform: translateY(0%) !important;
	  }
	  14.2%,
	    28.4% {
	    -webkit-transform: translateY(-10%) !important;
	            transform: translateY(-10%) !important;
	  }
	  28.4%,
	    42.6% {
	    -webkit-transform: translateY(-28.7%) !important;
	            transform: translateY(-28.7%) !important;
	  }
	  42.6%, 56.8% {
	    -webkit-transform: translateY(-43%) !important;
	            transform: translateY(-43%) !important;
	  }
	  56.8%, 71% {
	    -webkit-transform: translateY(-57%) !important;
	            transform: translateY(-57%) !important;
	  }
	  71%, 85.2% {
	    -webkit-transform: translateY(-71.8%) !important;
	            transform: translateY(-71.8%) !important;
	  }
	  85.2%, 100% {
	    -webkit-transform: translateY(-85%) !important;
	            transform: translateY(-85%) !important;
	  }

	}

	.footer-nav:not(.icons) li {
	    display: block !important;
	    margin-bottom: 15px !important;
	}
	.lata {
	    border-left: 0px solid #A8866D !important;
	    padding-left: 15px !important;
	    padding-right: 15px !important;
	    margin-left: 0% !important;
	}
	.mobile-off{display: none !important}
	.mobile-on{display: block !important}
	.fluid-width-video-wrapper{padding-top: 143px !important}
	.fluid-width-video-wrapper iframe{height: 168px !important}
	.letter-spacing-3 {
	    letter-spacing: 0px !important;
	}
	.ml30 {
	    margin-left: 10px !important;
	}
	.promopack .col-md-3{margin-bottom: 40px !important}
	.promopack .col-md-3 img{margin-bottom: 10px !important}
	.f25.inline.white.mr30.abril{display: block !important;margin:0 !important;}

	/*MAIN MENU*/
	.sub-main-nav{display: none}
	.main-nav{text-align: center;}
	ul.main-nav li {
	    font-size: 17px !important;
	    padding: 15px 0px !important;
	}
}

/* ==============================
   Phone IPHONE 6+
   ============================== */
@media only screen
    and (min-device-width : 375px)
    and (max-device-width : 667px)
    and (orientation : landscape)
    and (-webkit-min-device-pixel-ratio : 2)
{ }