@media only screen and (max-width: 768px) {
#nav { width: auto; height: auto; margin: 0px; position: absolute; bottom: 100px; left: 0px; padding-left: 0px; z-index: 1000; white-space: none; display: inline-flex;}
#nav li { width: calc((100vw - 18px)/3); height: auto; float: left; margin: 2px; list-style: none; display: table-cell;}
#nav a { width: calc((100vw - 18px)/3); height: auto; padding: 2px; display: block; }
#nav li.activeSlide a img{ opacity: 1; width: calc((100vw - 18px)/3); height: auto; margin-top: 0px;}
#nav a:focus { outline: none; }
#nav img { border: 1px solid #fff; display: block; width: calc((100vw - 18px)/3); height: auto; opacity: 0.5; margin-top: 0px; }

#nav-text { top: calc(50vh + 70px); width: 100vw; height: 50px; margin: 0px; position: absolute;padding: 0px; left: 0px; z-index: 1000;}
#nav-text  li { color: #fff; height: 50px; float: center; margin: 2px; padding: 10px; list-style: none; background-color:  #4CAF50; display: none;}
#nav-text  a { height: 50px; display: block; }
#nav-text  li.activeSlide { display: block;}
#nav-text  a:focus { outline: none; }
#nav-text  img { border: 1px solid #fff; display: block; height: 30px; width: auto;}
.sticky-footer footer{
	position: absolute;
	width: 100%;
	z-index:100;
	bottom: -90px;
	height: 90px;
	margin-top: 90px;
}

.reading-img img{
	left: -150px !important;
	top: -150px;
}

	.home .slider-wrap{
		display:block; margin:0 auto;text-align:center;
	}
	.home .fade-slider{
		width: auto !important;
		height: 100vh;
		z-index: 0;
		background-color: #000;
	}
	.home .fade-slider img{
		top: 50%;
		left: 50%;
		height: 50vh !important;
		width: auto !important;
		bottom: auto;
		right: auto;

	}
	.home .page-content{
		padding-top: 70px; 
		overflow: hidden;
	}
	
	footer .footer-logos img{
		width: calc((100vw - 30px) / 8);
	}
	.cof-mask .featured-image {
	  -webkit-mask-size: 280px 280px;
	}
	.cof-mask .mask {
	  background-size: 300px 300px;

	}
	header{
		background-color: #131e07;
		color: #fff;
		height: 70px;
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 1500;
	}
	.page-content{
		padding-top: 70px; 

	}
	#content-page{
		padding-top: 70px;
	}
	.tabs-content{
		height: auto;
	}
    .hidden-md-down{ 
        display: none;
    }
    .mobile-menu-btn{
        display: block;
    }
    .header-logo img{
        height: 100px;
		
    }
    .header-logo{
        top: 8px !important;
		left: calc(100vw - 120px);
		z-index: 1200;
    }
	.tab-sidebar{
		width: 100%;
		padding: 10px 50px;
		margin-top: 150px;
		background-color: #335220;
		height: auto;
	}
	#pMenu ul {
		position: absolute;
		z-index: 1000;
		display: none;
		margin: 0 0 0 -1px;
		padding: 0;
		list-style: none;
		width:100%;
		background-color: #335220;
		left: 0;
	}

	#pMenu ul li {
		float: left;
		border-top: 1px solid #a8dfaf;
		width: 100%;
		white-space: nowrap;
		margin: 0;
		padding: 10px 50px;
		
	}

	#pMenu ul a {
		width: 100%;
		text-align: center;
		display:table-cell; 
		vertical-align: middle;
	}
	#pMenu #pMenuBtn{
		display: inline-table !important; 
		width: 100%;
		vertical-align: middle;
	}
	#pMenu #pMenuBtn span{
		color: #fff;
		display:table-cell; 
		vertical-align: middle;
	}
	#pMenu #pMenuBtn img{
		filter: brightness(0) invert(1);
		float: right;
	}
	#pMenu #pBackBtn{
		display: none;
	}
	.fontSizePanel
	{
		width: 90px !important;
		height: 45px !important;
	}
	#programs-page{
		height: auto;
	}
	.popup .popup-inside{
		width:80vw;
	}
}

@media only screen and (max-width: 1600px) {
	.header-btns{
		text-align: left !important;
	}
}
@media only screen and (max-width: 1300px) {
	.header-logo{
		top: 70px;
	}
}
#pMenu #pMenuBtn{
	display: none;
}