.is-show-desktop{
    display: block;
}

.is-show-mobile{
    display: none;
}

.container {
    width: 94%;
    max-width: 1380px;
    margin: 0 auto;
    position: relative;
    padding: 0px;
    z-index: 3;
}
.inner-container {
    width: 40%;
    margin: 0 auto;
    position: relative;
    padding: 0px;
    z-index: 3;
}
@media (max-width: 1199px) {}
@media (max-width: 991px) {
    html, body, pre, code, kbd, samp, input, button, select, option, textarea {
        font-size: 17px;
    }
    .header-right .social-nav ul {
        font-size: 100%;
    }
    .window-text h1 {
        font-size: 160%;
    }
    .inner-container {
        width: 80%;
    }
    .rote-text span {
        padding: 8px 12px;
        line-height: 110%;
        font-size: 110%;
        margin-bottom: 10px;
    }
    .wrapper.is-gap {
        padding: 60px 0;
    }
    .headline-2 {
        font-size: 150%;
        margin: 0 0 20px 0;
    }
    .headline-3 {
        font-size: 130%;
        margin: 0 0 10px 0;
    }
    .headline-4 {
        margin: 0 0 10px 0;
        font-size: 110%;
    }
    .headline-4 span {
        padding: 5px 8px;
    }
    .wrapper.section-wrapper-4.is-gap {
        padding: 60px 0px;
    }
    .wrapper.section-wrapper-7.is-gap {
        height: auto;
        min-height: inherit;
        padding: 60px 0px 0px 0px;
    }
    .wrapper.section-wrapper-5.is-gap {
        padding: 0px 0px;
    }
    .card {
        position: relative;
        padding: 20px;
        border-radius: 15px;
        width: 100%;
        margin: 0 auto;
    }
    .horizontal > div {
        flex-shrink: 0;
        padding: 20px;
        width: 84vw;
        height: 50vh;
    }
    .horizontal > div:last-child, .horizontal > div:first-child {
        display: none !important;
    }
    .image-container span {
        font-size: 12px;
    }
    .horizontal .card.is-0 h3 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(20%, -50%, 0);
        line-height: 100%;
        font-size: 150%;
    }
    .card h5 {
        font-size: 180%;
        margin: 0 0 10px 0;
        line-height: 120%;
    }
    .horizontal .card p {
        font-size: 80%;
        margin: 0 0 10px 0;
        font-weight: 500;
    }
    .horizontal .card.is-1 .fig-img {
        right: -20px;
        top: 15%;
        width: 65%;
    }
    .horizontal .card.is-2 .fig-img {
        right: -20px;
        top: 4%;
        width: 58%;
    }
    .section-wrapper-6-l-3 {
        position: absolute;
        width: 60vw;
    }
    .food-container {
        width: 80vw;
        bottom: 10%;
    }
    .plant-container {
        width: 80vw;
        bottom: 15%;
        left: 50%;
    }
    .horizontal {
        display: flex;
        height: 100%;
        align-items: center;
    }
    .is-gap.section-wrapper-11 {
        padding: 0;
    }
    /*
    .wrapper.is-gap.is-100.section-wrapper-12 {
        height: auto;
        padding: 60px 0px;
    }
*/
    .slick-arrow.slick-prev {
        left: -20px;
    }
    .slick-arrow.slick-next {
        right: -20px;
    }
    .slick-arrow {
        width: 30px;
        height: 30px;
    }
    .section-wrapper-6-l-2 {
        position: absolute;
        width: 50vw;
    }
    .horizontal .card.is-0 .fig-img img {
        height: 90%;
    }
    .single-crew span {
        width: 30px;
        height: 30px;
    }
    .single-crew span {
        margin: 0 auto 10px auto;
    }
    .single-crew .crew-image h5 {
        padding: 5px 10px;
        font-size: 100%;
    }
    .teddy-container h5 {
        margin: 0 0 14px 0;
    }
    .teddy-container h5 span {
        color: #000;
        background-color: #59aefe;
        padding: 5px 10px;
        font-size: 100%;
        white-space: nowrap;
    }
    
    .is-show-desktop{
    display: none;
}

.is-show-mobile{
    display: block;
}
    
.header-wrapper {
    background-color: rgb(0 0 0 / 65%);
    backdrop-filter: blur(10px);
}  
    
    .single-crew .caption p{
        margin: 0 0 10px 0;
    } 
    
    .single-crew figcaption {
    min-height: auto;
}
    
    .wrapper.is-gap.is-100.section-wrapper-13 {
        height: auto;
        min-height: inherit;
    }   
    
.sec-3-group-text-1 .text-box-3 {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
}
    
    .section-wrapper-10 .inner-container,
    .section-wrapper-8 .inner-container{
        padding-top: 30px;
    }    
    
    
}
@media (max-width: 768px) {
    .brand-container .logo-edu {
        width: 180px;
    }
    .brand-container {
        padding-bottom: 20px;
        gap: 20px;
    }
    .brand-container h1 {
        font-size: 180%;
    }
    .intro-row .intro-text {
        width: 90%;
        margin: 0 auto;
    }
    .intro-row {
        gap: 30px;
    }
    .state-info > ul > li {
        width: 90vw;
    }
    .intro-row .intro-col.is-right {
        height: 45vh;
    }
    .intro-row .intro-col.is-left {
        height: 43vh;
    }
    .wrapper.board-wrapper .container {
        min-height: inherit;
        padding: 70px 0px 30px 0;
    }
    .blockquote-container {
        display: flex;
        flex-direction: column;
        row-gap: 30px;
        padding-top: 30px;
    }
    .blockquote-container .single-blockquote:nth-child(2) {
        padding-left: 20px;
    }
    .blockquote-container .single-blockquote .caption {
        padding-left: 15px;
        width: 80%;
    }
    .blockquote-container .single-blockquote .caption p {
        font-size: 80%;
        line-height: 140%;
    }
}
@media (max-width: 767px) {
    .logo-header {
        width: 100px;
        display: block;
    }
    .header-right .social-nav ul li a {
        width: 26px;
        height: 26px;
        border-radius: 2px;
    }
    .header-nav {
        position: absolute;
        top: 38px;
        z-index: 5;
        width: 100vw;
        background: #fff;
        right: -10%;
    }
    .header-right .header-nav ul {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }
    .header-right .header-nav ul li {
        margin: 0;
    }
    .header-right .header-nav ul li a {
        display: inline-block;
        background: #fff;
        color: #000;
        border-radius: 0;
        padding: 0px 0px;
        font-size: 90%;
        height: 26px;
        line-height: 26px;
    }
    .header-right .header-nav ul li a:hover {
        background-color: #fff;
        color: #339edd;
    }
    .header-right .header-nav ul li a.is-active {
        background-color: #fff;
        color: #339edd;
    }
    .is-scroll {
        bottom: -160%;
    }
    .section-wrapper-13 blockquote strong {
        font-style: normal;
        display: block;
        padding-top: 1vw;
        color: #59aefe;
        font-size: 70%;
    }
    .wrapper.is-100.section-wrapper-12 {
        height: auto;
        min-height: inherit;
        padding: 60px 0 0 0;
    }
    .teddy-text {
        padding-top: 40px;
    }
    .single-crew .caption {
        font-size: 90%;
        padding-top: 1vw;
        min-height: 140px;
    }
}
@media (max-width: 375px) {
    
}