@media (max-width: 1400px) {
    .header-inner-wrapper {
        padding: 35px 10px;
        padding-bottom: 170px;
    }
    .nav-wrapper {
        max-width: 41%;
    }
    .header-bar-wrapper {
        max-width: 59%;
    }
    .header-bar {
        max-width: 20%;
    }
    .icons-container {
        max-width: 43%;
    }
    .box-container {
        max-width: 34%;
    }
    .icons{
        margin: 0 2px;
    }

    .theme-strap-line{
        max-width: 70%;
        padding: 0 50px;
    }
    .page-home .school-name {
        padding: 70px 50px;
        display: block;
    }
    .sj-content-row {
        max-width: 100%;
    }
    .page-home .header-wrapper {
        min-height: 548px;
    }
}
@media (max-width: 1020px) {
}

@media (min-width: 1000px) {
        .column-2col-2 .fc-header-left span, 
        .column-2col-1 .fc-header-left span,
       .column-3col-1 .fc-header-left span,
       .column-3col-2 .fc-header-left span,
       .column-3col-3 .fc-header-left span,
       .column-right2col-1 .fc-header-left span,
       .column-left2col-2 .fc-header-left span{
            display: none;
       }
}

@media (max-width: 1000px) {
    .element-text table, .element-text tr, .element-text td, .nav_mobile, .page {
        display: block;   
    }

    .theme-strap-line{
        max-width: 100%;
        padding: 0 20px;
        font-size: 22px;
    }
    .header-bar-wrapper {
        max-width: 100%;
    }

    .header-bar, .icons-container, .box-container {
        max-width: 100%;
        display: block;
        text-align: center;
        margin: 10px auto;
    }
    
    .nav_mobile {
        /*margin: 10px 0;*/
    }
    
    .wrapper, .inner, .content {
        width: 100% !important;
    }

    .page-home .header-wrapper {
        /*min-height: 1070px;*/
        min-height: 660px;
    }

    .nav, .sidenav {
        display: none  !important;
    }
    
    .sidenav {
        min-height: 0 !important;
    }
    .column {
        width: 100% !important;
    }
    
    .sj_element_slideshow div {
        width: 100% !important;
        background: none !important;
    }
    
    .sj_element_slideshow div.cycle div img {
        width: auto !important;
        height: auto !important;
    }
    
    .header-bar-wrapper .theme-social, .header-bar-wrapper .school-address {
        line-height: normal !important;
        text-align: center;
    
        float: none;
        max-width: none;
    }

    .school-name, .theme-school-logo{
        display: block;
        max-width: 100%;
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 10px;
    }
    
    .school-name{
        display: none;
    }
    
    .right-box {
        width: 100%;
        float: none;
    
        max-width: none;
        overflow: hidden;
        text-align: center;
    
        margin: 10px;
    }
    
    .boxes > div {
        float: none !important;    
        text-align: center;
    }
    
    .search form {
        display: inline-block;
    }

    .element .sj_element_twitter p{
        display: block !important;
        max-width: 90% !important;
        margin: 10px auto;
    }
    .sj_element_blog,
    .element-events, .element-news,
    .sj_element_news > ul, .sj_events{
        min-height: 0 !important;
    }

    .page-home  .events-wrapper .element, .sj_element_twitter p{
        min-height: 0 !important;
    }

    .school-name:before, .school-name:after{
        display: none;
    }

    .school-address p{
        display: block;
        margin: 10px auto;
        width: 100%;
    }

    .awards img{
        margin: 0 15px;
    }

    .vle-wrapper{
        padding: 260px 50px;
    }
    .fc-header-left{
        display: none;
    }
}

@media (max-width: 450px){

    td.fc-header-left{
     display: none;
    }
    
    td.fc-header-center,
    td.fc-header-right{
        width:50%;   
    }

    .page-home .school-name {
        padding: 70px 15px;
    }

    .theme-strap-line {
        font-size: 18px;
    }

    .sj-outer-row {
        padding: 30px 15px;
    }

    .vle-wrapper {
        padding: 260px 10px;
    }
    .page-Generated-calendar #calendar{
        font-size: 12px;
    }
}