@charset "utf-8";
/* CSS Document */
@media (min-width:768px) and (max-width:1024px) {
 .header-menu {
 margin: 0;
}
.nav > li > a {
 padding: 15px 10px;
}
.banner-block {
 background-size: cover;
 height: auto;
 overflow: hidden;
 padding-top: 100px;
}
.banner-block .col-lg-7 > h1 {
 font-size: 30px;
 padding: 10px 15px;
}
.facility-box.text-center > a {
 font-size: 12px;
}
.message-before-footer img {
 width: 100%;
}
.school-address > ul > li {
 font-size: 12px;
}
.social-links a img {
 width: 60%;
}
.social-links > li {
 margin-right:0;
}
.period-details {
 border-radius: 0;
}
.school-announcements h2 {
    line-height: 30px;
    overflow-wrap: break-word;
}
}
@media (min-width:481px) and (max-width:767px) {
 .navbar-brand {
 width: 70%;
}
header nav {
 height:auto;
}
.banner-block {
 height: auto;
 padding: 25px 0;
}
.banner-block .col-lg-7 > h1 {
 font-size:30px;
}
.welcome-block h1 {
 font-size: 26px;
}
.welcome-block .col-lg-8 > a, .facility-box.text-center > a {
 display: block;
 text-align: center;
}
.facility-box.text-center {
 margin-bottom: 15px;
 min-height: inherit;
 padding-bottom: 40px;
}
.period-details {
 border-radius: 0;
}
.padding-left-no {
 padding-left:15px;
}
.news-events-more {
 display: block;
 float: none;
 text-align: center;
}
.message-before-footer img {
 border: 1px solid #fff;
 width: 100%;
}
.message-before-footer .col-lg-4 > a {
 display: block;
 margin-bottom: 30px;
 text-align: center;
}
.submit-btn {
 margin-bottom: 10px;
}
.footer .col-lg-12 > p {
 line-height: 24px;
 padding: 15px 0;
}
.header-menu {
 margin: 0;
 text-align: left;
}
.inner-banner-block {
 background-size: cover;
 height: 150px;
}
.middle-content h1 {
 font-size: 28px;
}
.middle-content h2 {
 font-size: 24px;
}
.image-gallery-events a.fancybox {
 display: block;
 float: none;
 width: 100%;
}
.image-gallery-events a.fancybox img {
 display: block;
 width: 100%;
}
.top-links, header, header.smaller {
 position: absolute;
}
.news-events .bx-wrapper .bx-viewport .slide {
 width: 100% !important;
}
.news-events .bx-wrapper {
 max-width:100% !important;
}
.club-units-sections .col-lg-6 > h2, .facility-section .col-lg-12 > h3 {
 margin-top:15px;
}
}
@media (min-width:320px) and (max-width:480px) {
 .navbar-brand {
 width: 70%;
}
header nav {
 height:auto;
}
.banner-block {
 height: 250px;
 padding: 25px 0;
 background-size: auto 100%;
}
.banner-block .col-lg-7 > h1 {
 font-size:30px;
}
.welcome-block h1 {
 font-size: 26px;
}
.welcome-block .col-lg-8 > a, .facility-box.text-center > a {
 display: block;
 text-align: center;
}
.facility-box.text-center {
 margin-bottom: 15px;
 min-height: inherit;
 padding-bottom: 40px;
}
.period-details {
 border-radius: 0;
}
.padding-left-no {
 padding-left:15px;
}
.news-events-more {
 display: block;
 float: none;
 text-align: center;
}
.message-before-footer img {
 border: 1px solid #fff;
 width: 100%;
}
.message-before-footer .col-lg-4 > a {
 display: block;
 margin-bottom: 30px;
 text-align: center;
}
.submit-btn {
 margin-bottom: 10px;
}
.footer .col-lg-12 > p {
 line-height: 24px;
 padding: 15px 0;
}
.header-menu {
 margin: 0;
 text-align: left;
}
.inner-banner-block {
 background-size: cover;
 height: 150px;
}
.middle-content h1 {
 font-size: 28px;
}
.middle-content h2 {
 font-size: 24px;
}
.image-gallery-events a.fancybox {
 display: block;
 float: none;
 width: 100%;
}
.image-gallery-events a.fancybox img {
 display: block;
 width: 100%;
}
.news-block .col-lg-8 > h4 {
 margin-top: 10px;
}
.club-units-sections .col-lg-6 > h2, .facility-section .col-lg-12 > h3 {
 margin-top: 10px;
}
.event-block > h2 {
 line-height: 28px;
 padding: 15px 0;
}
.message-desk .col-lg-6 > p {
 margin-top: 15px;
}
.top-links, header, header.smaller {
 position: absolute;
}
}