@media (max-width: 1400px) {
    .header-inner .theme-site-name.shrink {
        font-size: 21px;
    }
    .nav > ul > li > ul {
        padding: 15px;
    }
    .nav ul ul li a {
        font-size: 12px;
    }
    .nav ul ul ul {
        max-width: 200px;
        min-width: 150px;
    }
}

@media (min-width: 991px) {
    .school-name {
        flex: 0 0 calc(100% - 100px);
    }

    .theme-school-logo {
        flex: 0 0 100px;
    }
}

@media (max-width: 1090px) {
    .header-inner {
        margin: 0 15px;
    }
}

@media (max-width: 1024px) {
    .page-main-page .sj-content-row-1 .element-image .sj_element_image_caption {
        font-size: 2rem;
    }

    .header-inner .theme-site-name.shrink {
       font-size: 20px;
    }

    .column-2col-1 .sj_element_news ul li,
    .column-2col-2 .sj_element_news ul li,
    .column-3col-1 .sj_element_news ul li,
    .column-3col-2 .sj_element_news ul li,
    .column-3col-3 .sj_element_news ul li,
    .column-right2col-1 .sj_element_news ul li,
    .column-left2col-2 .sj_element_news ul li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .scrollx {
        overflow-x: scroll;
    }

    .element-text table {
        width: auto !important;
    }


}

@media (max-width: 991px) {
    .column {
        flex: 0 0 100% !important;
        max-width: 100%;
    }
    .sj-outer-row-2 .element-text h1:before {
        height: 75px !important;
    }
    .page-main-page .sj-content-row-1 .column-1col .element-image {
        flex: 0 0 33%;
        max-width: 33%;
        margin-bottom: 10px;
    }

    .header-inner {
        display: block;
        flex-wrap: wrap;
        width: 100% !important;
        justify-content: center;
    }

    .has-side-menu .content {
       width: 100%;
    }

    .nav_mobile li {
        text-align: left;
    }

    .content-inner,
    .nav-mobile {
        padding-top: 0;
    }

    body:not(.page-main-page) .content-inner {
    min-height: 100px;
    }

    div#headIcons {
        justify-content: center;
        padding-bottom: 5px;
    }

    .page-main-page .sj-content-row-1 .column-1col .cms-element-wrapper {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .page-main-page .sj-content-row-1 .column-1col .cms-element-wrapper .element-image {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 768px) {

    .column .sj_element_news ul li,
    .column-1col dl.sj_events.sj_event {
        flex: 0 0 33%;
        max-width: 33%;
    }

    #theme-slideshow-captions {
        font-size: 3rem;
    }
    div#headIcons > div {
        display: inline-block;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
    div#headIcons > div.search {
        flex: 0 0 100%;
    }
}

@media (max-width: 630px) {
    .sj-content-row {
        margin: auto;
    }

    .page-main-page .sj-content-row-1 .column-1col .element-image {
        flex: 0 0 49%;
        max-width: 49%;
    }

    .column .sj_element_news ul li,
    .column-1col dl.sj_events.sj_event {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 450px) {
    #theme-slideshow-captions {
        font-size: 1.7rem;
    }

    .page-main-page .sj-content-row-1 .column-1col .element-image {
        flex: 0 0 80%;
        max-width: 80%;
        align-self: center;
    }
}