/*
NAVIGATION / HEADER

*/
@media (max-width: 767.98px) {
	.navbar{background:#52606d;text-align:left;}
	#mainnav .nav {text-align: left; }

	.navbar-toggler-icon {
		display: inline-block;
		width: auto;
		padding:5px 10px;
		height: auto;
		vertical-align: middle;
		content: "";
		background: no-repeat center center;
		background-size: 100% 100%;
		font-size: 22px;
		color: #888;
	}
	.navbar-toggler {
		color: rgba(255,255,255,.5);
		padding: 0;
		font-size: 1.25rem;
		line-height: 10%;
		background-color: transparent;
		border: 1px solid #888;
		border-radius: .25rem;
	}
	#logomobile{float:left;margin:0 20px 0 0;}
	#companyname,#companyslogan {display: block !important;margin:10px 0 0 20px;}
}



/* EXTRA SMALL devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	#companyname{font-size:24px !important;}
	#companyslogan {font-size:18px !important;}
	.btn-planvisit{font-size:14px !important;}
	.btn-emailus{font-size:14px !important;margin:0 2px 0 20px !important;}
	#mainnav .nav>li a {
		padding: 2px 6px !important;
		font-size: 18px !important;
	}
	.xmasadoption{right:0px;}
}




/*  SMALL devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	#companyname{font-size:28px !important;}
	#companyslogan {font-size:24px !important;}
	.btn-planvisit{font-size:16px !important;}
	.btn-emailus{font-size:16px !important;margin:0 2px 0 30px !important;}
	#mainnav .nav>li a {
		padding: 4px 10px !important;
		font-size: 20px !important;
	}

}























/* EXTRA SMALL devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	footer .g-recaptcha{transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
	footer p, .footer-menu li a, footer input, footer .btn{font-size:12px !important;line-height:140% !important;}
	h2{font-size:20px !important;}
	.mainbody p, .home-mission p, .home-featuredexp p, .home-schoolvisits p, .home-featureditem p {font-size:13px !important;line-height:140% !important;}
	.connact-area p{padding:0 !important;}

	.hlines:before,.home-mission .title h2:before,
	.home-keyinfo .title h2:before,.mainbody h2:before{width: 80px !important; top:20px !important;}

	.hlines:after,.home-mission .title h2:after,
	.home-keyinfo .title h2:after,.mainbody h2:after {width: 80px !important; top:20px !important;}
	#howtobook{display:none;}

}




/*  SMALL devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	footer .g-recaptcha{transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
	footer p, .footer-menu li a, footer input, footer .btn{font-size:13px !important;line-height:140% !important;}
	h2{font-size:30px !important;}
	.mainbody p, .home-mission p, .home-featuredexp p, .home-schoolvisits p, .home-featureditem p {font-size:14px !important;line-height:140% !important;}
	.connact-area p{padding:0 !important;}

	.hlines:before,.home-mission .title h2:before,
	.home-keyinfo .title h2:before,.mainbody h2:before{width: 100px !important; top:20px !important;}

	.hlines:after,.home-mission .title h2:after,
	.home-keyinfo .title h2:after,.mainbody h2:after {width: 100px !important; top:20px !important;}

}




/*  MEDIUM devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	/* set first then copy down */
	footer .g-recaptcha{transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
	footer p, .footer-menu li a, footer input, footer .btn{font-size:14px !important;line-height:140% !important;}
	h2{font-size:40px !important;}
	.mainbody p, .home-mission p, .home-featuredexp p, .home-schoolvisits p, .home-featureditem p,  {font-size:16px !important;line-height:140% !important;}
	.connact-area p{padding:0 !important;}

	.hlines:before,	.home-mission .title h2:before,
	.home-keyinfo .title h2:before,.mainbody h2:before{width: 150px !important; top:20px !important;}

	.hlines:after,	.home-mission .title h2:after,
	.home-keyinfo .title h2:after,.mainbody h2:after {width: 150px !important; top:20px !important;}
}





/*  LARGE devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {

}




/*  EXTRA large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}