@charset "UTF-8";
@media (max-width: 2200px) {
  #banner {
	  margin-top:80px;
	  max-height: 720px;
  }
}
@media (max-width: 1750px) {
  #banner {
	  margin-top:120px;
	  max-height: 680px;
  }
}
@media (max-width: 1300px) {
    .wrapper {
        padding: 0 50px;
    }
	#panel-campus-image {
        height:520px;
    }
    #wave {
        margin-left: -50px;
    }
    #menu-wrapper {
        max-width: 530px;
    }
    #menu ul li:last-child:hover ul {
        left: -120px;
    }
    .staff-item {
        width: 22%;
    }
}
@media (max-width: 1200px) {
    #banner {
        height: auto;
    }
	#layerslider h2 {
	  font-size: 3.0rem !important;
  	}
}
@media (max-width: 1180px) {
img.carousel-thumb {
	width: auto;
    overflow-y: hidden;
    height: 250px;
}
#panel-campus-selector a {
	text-indent: 0;
	margin: 0 auto;
	text-align: center;
}
    #panel-campus-image {
        height:600px;
    }
}
@media (max-width: 1060px) {
    #logo {
        max-width: 350px;
    }
    #menu-wrapper {
        max-width: 482px;
    }
    #menu {
        margin-top: 12px;
    }
    #menu ul li a {
        margin: 0px 0;
        padding: 10px 12px;
    }
    #menu ul li:hover ul {
        top: 47px;
        left: 0px;
    }
    #menu ul li:last-child:hover ul {
        left: -128px;
    }
    #header {
        height: 100px;
    }
    .staff-item {
        width: 31%;
    }
    #layerslider, #banner {
        margin-top:100px;
    }
	#layerslider h2 {
	  font-size: 2.8rem !important;
  	}
    #contact-list li {
        width: 35%;
        margin-right: 5%;
    }
	.left-box, .right-box {
	float: left;
	width: 50%;
	}
}
@media (max-width: 950px) {
    #logo {
        max-width: 410px;
    }
    #large-logo {
        display: none;
    }
    #small-logo {
        display: inline-block;
        max-width: 80px;
    }
    #logo h1 {
        display: inline-block;
        font-size: 30px;
        vertical-align: top;
        margin: -38px 0 0 2px;
    }
	#wave {
        margin-top: -22px;
    }
    #chairo {
        margin-right: 8px;
    }
    #panel-campus-content {
        width: 60%;
    }
    #panel-campus-second {
        width: 35%;
    }
    #panel-campus-selector a {
        display: block;
        width: 100%;
        margin: 0;
        text-indent: 30px;
		text-align: left;
    }
    #panel-campus-image {
        height:300px;
    }
}
@media (max-width: 900px) {
    #contact-list li {
        width: 48%;
        margin-right: 2%;
    }
    #panel-contact p {
        max-width: 540px;
    }
}
@media (max-width: 870px) {
	#slide3-text {
		width: 200px !important;
	}
}
@media (max-width: 850px) {
    .staff-item {
        margin-bottom: 8px;
    }
	#layerslider h2 {
	  font-size: 2.4rem !important;
	  max-width: 350px;
  	}
    #main-rightcol {
        display:none;
    }
    #main-leftcol {
        float:none;
        width:100%;
    }
    #content-leftcol, #content-rightcol {
        float: none;
        width: 100%;
		padding-bottom: 0;
    }
	#cnews, #cnewslink {display:block; margin-bottom: 20px} /* BM */
	#cnews {height: 70px} /* BM */
}
@media (max-width: 740px) {
    #panel-campus .wrapper{
        padding: 0;
        margin: 0;
    }
    #panel-campus-content {
        width: 86%;
        float: none;
        padding: 0 7% 30px 7%;
        margin: 0;
        text-align: center;
    }
    #panel-campus-content a {
        margin: 0 auto;
    }
    #panel-campus-second {
        width: 100%;
        float: none;
        padding: 0;
        margin: 0;
    }
    #panel-campus-selector a {
        display: inline-block;
        width: 25%;
        padding: 10px 0 0 0;
        height: 60px;
        text-align: center;
		text-indent: 0;
    }
    #panel-campus br {
        display: none;
    }
    #panel-campus-image {
        height:400px;
    }
}
@media (max-width: 700px) {
	#slide2-text {
		top: 100px !important;
		left: 60% !important;
	}
	#slide4-text {
		top: 100px !important;
		left: 75% !important;
		max-width: 170px !important;
	}
    #mobile-menu-icon {
        display: block;
        z-index: 2000;
    }
	#panel-mobile-menu{
		display: block;
        position: absolute;
        z-index: 100000;
		width:100%;
	}
    #social {
        margin-right: 40px;
    }
    .wrapper {
        padding: 0 30px;
    }
    #chairo {
        display: block;
        font-size: 1.2em;
        margin-top: 10px;
    }
    #christian-school {
        display: block;
        font-size: 0.8em;
        margin-left: 1px;
    }
    #menu {
        display: none;
    }
    #wave {
        max-width: 400px;
        margin-top: -8px;
    }
    #header {
        height: 99px;

    }
    #panel-news p {
        width: 100%;
    }
	#footer{
		padding:300px 0 0 0;
	}
}
@media (max-width: 640px) {
	#layerslider h2 {
	  font-size: 2.0rem !important;
	  max-width: 350px;
  	}
	#slide3-text {
		width: 150px !important;
	}
   img.carousel-thumb {
    height: auto;
    width: 100%;
}
}
@media (max-width: 580px) {
    #panel-campus-image {
        height:300px;
    }
    .item {
        width: 98.5%;
    }
}
@media (max-width: 560px) {
    #contact-list li {
        width: 100%;
        margin-right: 0;
    }
}
@media (max-width: 520px) {
	.left-box, .right-box {
	float: none;
	width: 100%;
	}
}
@media (max-width: 480px) {
	#layerslider h2 {
		font-size: 1.8rem !important;
	}
    #panel-campus {
        margin-bottom: 0;
    }
    #panel-campus-selector a {
        display: inline-block;
        width: 100%;
        padding: 10px 0 0 0;
        height: 60px;
        margin-right: 0;
        text-align: center;
    }
    #panel-campus-image, #social {
        display: none;
    }
    #panel-video {
        padding: 0;
        background: #fff;
    }
    #panel-video .wrapper {
        padding: 0;
    }
}
@media (max-width: 400px) {
	.wrapper {
	 padding: 0 20px;
	 }
	 .news-image {
	 height: auto;
	 }
	 .carousel-heading {
    height: 165px;

}
#panel-news .carousel-heading h3 {
    padding: 20px 5px;
}