@media (max-width: 1750px) {


}


@media (max-width: 1500px) {


}

@media (max-width: 1350px) {


}


@media (min-width: 1300px) {

#hero h2 {
font-size: 60px;
}

#events .event-title a {
font-size: 17px;
}

}


@media (max-width: 1250px) {


.quicklink-cont {
position: relative;
    top: 30px;
    right: 120px;
}


section {
padding: 90px 0px;
}

#welcome h2,
#events h2, #discover h2, #stats h2, #our-schools h2 {
font-size: 42px;
}


}


@media (max-width:1200px) {


}


@media (max-width: 1150px) {

.image-block h3 {
        font-size: 17px;
} 

}


@media (max-width: 1100px) {

}


@media (max-width:1050px) {

#content {
width: 100%;
}

#sidebar1 {
display: none;
}

}


@media (max-width: 1000px) {

ul.quicklinks ul {
right: -20px;
}

header#masthead {
height: 125px;
}

.logo, .logo img {
    height: 70px;
}

.quicklink-cont {
top: 17px;
}

#menu-toggle {
right: -24px;
top: 36px;
}

.translate ul > li a,
.secondary-header,
.searcharea input,
ul.quicklinks a {
font-size: 10px;
}


section {
padding: 70px 0px;
}

.secondary-header {
margin: 0px 0px 0px 10px;
padding-left: 20px;
    padding-right: 20px;
}

.quicklink-cont {
right: 105px;
}

#welcome .image {
width: 300px;
}

#welcome .message {
width: calc(100% - 370px);
}

#welcome h2,
#events h2, #discover h2, #stats h2, #our-schools h2 {
width: 100%;
font-size: 36px;
}

section p {
    font-size: 16px;
}

#welcome p {
font-size: 15px;
}

.button a {
font-size: 17px;
}

#events     .slick-next {
        right: -55px;

}

#events     .slick-prev {
        left: -55px;
    }
	
	
.overflow:before {
width:70%; right: 15%;
}


}


@media (max-width:950px) {

#discover .discover-cont {
display: flex;        flex-wrap: wrap;
}

#discover .image-block {
margin: 20px 1.5% 50px;
width: 47%;
}

#discover .image-block:nth-child(3) {
width: 100%;
}


#map {
padding: 180px 0px;
}

footer#site-footer .details h2 {
 font-size: 28px;
}

footer#site-footer .address {
	font-size: 15px;
}
}


@media (max-width: 900px) {



p, td, .entry-summary, #content li {
font-size: 15px;
}

.secondary-nav span {
display: none;
}

.translate svg {
margin-right: inherit;
}

.secondary-header {
        padding-left: inherit;
        padding-right: inherit;
        width: 50px;
        height: 50px;
}


.quicklinks.secondary-header {
    width: 50px;
}

ul.quicklinks svg {
margin-right: inherit;
}

#events .event-title a {
font-size: 16px;
}

#events .box {
width: 90%; left: 5%;
}

ul.quicklinks ul {
right: 0px;
border-radius: 5px 0px 5px 5px;
}

.arbor.secondary-header,
.arbor.secondary-header:hover {
    width: 50px;
}

.arbor.secondary-header span {
display: none !important;
}

.arbor img {
	margin-right: 0px;
}


}


@media (max-width:850px) {

#announcement-popup img {
width: 230px;
	}
	
	#announcement-popup .message-box .left {
padding: 30px;
width: calc( 100% - 230px);
	
}

.page-title h1 {
    font-size: 40px;
	}
	
#page {
padding-top: 30px;
}

#content h2 {
    font-size: 29px;
}

footer#site-footer  .details {
width: 100%;
}

}


@media (max-width: 800px) {


.details-cont {
	align-items: center;
}

#events .overflow {
width: 90%; margin-left: 5%;
}

#events .title {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
		text-align: center;
    }

    #events .slick-prev {
        left: -70px;
    }
	
    #events .slick-next {
        right: -70px;
    }

}


@media (max-width: 750px) {

iframe,
object {
width: 100%;
}

	#hero h2 {
	font-size: 40px;
	}
	
	.buttons .button a:link, .buttons .button a:visited {
	font-size: 20px;
	}
	
#welcome .container {
flex-direction: column-reverse;
}

#welcome .message {
width: 100%;
}

section {
padding: 70px 0px;
}

#welcome .image {
        width: 300px;
        height: 280px;
		margin-top: 30px;
}

}


@media (max-width:700px) {

p, td, .entry-summary, #content li {
font-size: 15px;
}

#hero .play {
top: calc(50% - 50px);
}

#hero .tag-line {
bottom: 120px;
}

}


@media (max-width: 650px) {

    #events .box {
        width: 80%;
        left: 10%;
    }
	
	    .overflow:before {
        width: 50%;
        right: 25%;
    }
	
	    #events .slick-next {
        right: -55px;
    }
	    #events .slick-prev {
        left: -55px;
    }

.logo {
        overflow: hidden;
}

    #content h2 {
        font-size: 23px;
    }

}


@media (max-width: 600px) {

#announcement-popup .right {
display: none;
}

#announcement-popup .message-box .left {
width: 100%;
}

#announcement-popup .message-box h3 {
font-size: 1.3em;
}

#announcement-popup .message-box p {
font-size: 0.9em;
}

#announcement-popup button {
    right: -15px;
    top: -15px;
    z-index: 99999;
    position: absolute;
}

.quicklink-cont {
right: 5px; top: -3px;
}

    #menu-toggle {
        right: -15px;
        top: 64px;
    }
	
ul.quicklinks a,
.secondary-header,
.translate.secondary-header,
.search.secondary-header,
.arbor.secondary-header, .arbor.secondary-header:hover {
width: 45px !important; height: 45px;
}

.searcharea {
    position: relative;
    height: 45px;
    width: 45px;
}

.searcharea input {
    height: 45px;
    width: 45px;}

.searcharea input {
top: 0px !important;
}

.arbor img {
    height: 25px;
}

.quicklinks.secondary-header {
        width: 44px;   
}

.searcharea input {
        top: -2px; padding-left: 45px;
}

#hero .play svg {
height: 90px;
}

    #hero h2 {
        font-size: 34px;
    }
	
#hero	.buttons .button a:link, #hero .buttons .button a:visited {
font-size: 17px;
}

.page-title h1 {
    font-size: 32px;
	}
	
.page-title {
    bottom: 30px;
    width: 90%;
    text-align: center;
    padding-left: 0px !important;
}

#breadcrumbs {
width: 100% !important;
}

ul.quicklinks ul {
top: 40px;
}


}


@media (max-width: 550px) {

footer#site-footer img{
height: 60px !important;
}

.details-cont {
flex-direction: column; text-align: center;
}

.phone {
margin-top: 20px;
}

.details {
padding: 40px 60px;margin-top: -90px;
}

#discover .image-block {
width: 97%;padding-bottom: 97%;
}

#hero .transparent-logo {
display: none;
}

#discover .desc a{
padding: 0px;
}

    .image-block h3 {
        font-size: 15px;
    }
	
    #welcome h2, #events h2, #discover h2, #stats h2, #our-schools h2 {
        width: 100%;
        font-size: 30px;
    }

    section p {
        font-size: 15px;
    }
	
section {
        padding: 50px 0px;
    }
	
	#discover .image-block {
	margin-top: 0px;
	}
	
header#masthead .container {
width: calc(100% - 30px);
}

.header-menu.toggled-on, .no-js .header-menu {
right: -20px;
}

#menu-toggle.toggled-on {
right: -10px;
}

}


@media (max-width:500px) {

.c50 {
width: 100%;
}

    #welcome .image {
        width: 100%;
		}

    #events .box {
        width: 70%;
        left: 15%;
    }
	    #events .slick-next {
        right: -25px;
    }    #events .slick-prev {
        left: -25px;
    }
	
	#events .overflow:before {
	display: none;
	}
	
.eo-event-future:after {
display: none;
}

}


@media (max-width:450px) {


}


@media (max-width:425px) { 


}


@media (max-width:400px) { 


}


@media (max-width: 2000px) { .wpb_vc_table { width: 850px; } }
@media (max-width: 1400px) { .wpb_vc_table { width: 780px; } }
@media (max-width: 1300px) { .wpb_vc_table { width: 710px; } }
@media (max-width: 1200px) { .wpb_vc_table { width: 670px; } } 
@media (max-width: 1150px) { .wpb_vc_table { width: 640px; } } 
@media (max-width: 1100px) { .wpb_vc_table { width: 610px; } } 
@media (max-width: 1050px) { .wpb_vc_table { width: 580px; } } 
@media (max-width: 1000px) { .wpb_vc_table { width: 550px; } } 
@media (max-width: 950px) { .wpb_vc_table { width: 520px; } } 
@media (max-width: 900px) { .wpb_vc_table { width: 780px; } } 
@media (max-width: 850px) { .wpb_vc_table { width: 730px; } } 
@media (max-width: 800px) { .wpb_vc_table { width: 680px; } } 
@media (max-width: 750px) { .wpb_vc_table { width: 630px; } } 
@media (max-width: 700px) { .wpb_vc_table { width: 580px; } } 
@media (max-width: 650px) { .wpb_vc_table { width: 530px; } } 
@media (max-width: 600px) { .wpb_vc_table { width: 480px; } } 
@media (max-width: 550px) { .wpb_vc_table { width: 430px; } } 
@media (max-width: 500px) { .wpb_vc_table { width: 380px; } } 
@media (max-width: 450px) { .wpb_vc_table { width: 330px; } } 
@media (max-width: 400px) { .wpb_vc_table { width: 320px; } }