@media (max-aspect-ratio: 16 / 10) {

    html,
    body {
        font-size: 1.5vh;
    }
}

@media (max-aspect-ratio: 4 / 3) {
    #info {
        margin: 1rem;
        bottom: 0;
    }   

    #socmed {
        bottom: 1rem;
        left: 2rem;
        display: none;
    }

    #navbar {
        bottom: 1rem;
        left: 0;
        transform: translate(-50%);
        right: unset;
    }

    #wa, #iq {
        left: 43vw;
        bottom: 1rem;
    }
    #iq{bottom: 6rem;}

    #logo {
        top: 7.5rem;
        max-height: 10vh;
        height: 6vh;
        margin-top: 1vh;
    }

    section .flora:not(.flora0) {
        /* width: initial !important; */
        /* height: auto !important; */
        height: 100% !important;
        width: auto !important;
    }

    #home .container {
        width: 80%;
        top: 43vh;
    }

    #bg-preloader {
        width: auto;
        height: 95%;
        top: 51%;
    }

    #preloader-progress {
        display: block;
        font-size: 2.5rem;
    }

    #preloader h1 {
        font-size: 2rem;
    }

    html,
    body {
        font-size: 1.5vh;
    }

    p {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    #bg-container {
        width: 85vw;
    }

    #bg-container p strong {
        font-size: 1.25rem;
    }

    #preloader .bg {
        margin-top: 10%;
    }

    .butterflies {
        top: 0%;
        left: -50vw;
    }

    .flora1 {
        opacity: 0.5;
    }

    .parallax img {
        height: 110%;
        width: auto;
    }

    /*#discover {
        display: none;
    }*/
    #navbarBG {
        display: block;
    }

    .nv-but {
        display: none;
    }

    #nav-mobile-but {
        display: block;
    }
    #navbar .but:nth-child(4){bottom: 0; transform: translate(50%, -20%);}


    #home .container h1 {
        margin-top: -50vh;
        margin-bottom: 43vh;
    }

    #discover {
        /* top: 10vh; */
    }

    #philosophy .container {
        width: 85vw;
        top: 11rem;
    }

    img#blossom-floret {
        transform: translateX(-36%);
    }

    #philosophy h1 {
        font-size: 1.5rem;
        text-align: center;
    }

    #philosophy .upper p {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    #philosophy .container .below p {
        top: 0;
        position: relative;
    }


    #child .left,
    #child .right,
    #educators .content .left,
    #educators .content .right,
    #program .content .left,
    #program .content .right,
    #environment .content .left,
    #environment .content .right,
    #contact .content .left,
    #contact .content .right {
        width: 75vw;
        position: relative;
        scroll-snap-align: center;
        display: inline-block;
        float: left;
        padding-left: 2rem;
        left: 0;
    }



    /*

    #child .right , #educators .container .right {
         position: relative;
         width: 75vw;
         float: left;
         scroll-snap-align: center;
         display: inline-block;
         padding: 0 2rem;
         left: 0;
    }

    */

    .title-mobile {
        position: absolute;
        left: 50%;
        top: 21rem;
    }

    #child .l1,
    #child .l2,
    #child .l3,
    #child .r1,
    #child .r2,
    #child .r3,
    #child .r4,
    #educators .l1,
    #educators .l2,
    #educators .l3,
    #educators .r1,
    #educators .r2,
    #educators .r3,
    #educators .r4,
    #program .l1,
    #program .l2,
    #program .l3,
    #program .r1,
    #program .r2,
    #program .r3,
    #program .r4,
    #environment .l1,
    #environment .l2,
    #environment .l3,
    #environment .r1,
    #environment .r2,
    #environment .r3,
    #environment .r4,
    #contact .l1,
    #contact .l2,
    #contact .l3,
    #contact .r1,
    #contact .r2,
    #contact .r3,
    #contact .r4 {
        position: relative;
        top: 0;
    }
    
    #educators .r3{left: 0;}

    #child .container,
    #educators .container,
    #program .container,
    #environment .container,
    #contact .container {
        width: 100vw;
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
        scroll-snap-points-x: repeat(100vw);
        -ms-overflow-style: none;
        /* Internet Explorer 10+ 
        scrollbar-width: none;  /* Firefox */
        /* border: thin solid red; */
        position: relative;
        text-align: left;
        height: 100vh;
    }
    #child .container .content,
    #educators .container .content{
        padding-right: 2rem;
    }

    .container::-webkit-scrollbar {
        display: none;
        /* Safari and Chrome */
    }


    .content {
        width: 175vw;
        display: flex;
        flex-direction: row;
        scroll-snap-align: center;
        position: relative;
        top: 20vh;
        pointer-events: auto;
    }

    .title-mobile {
        display: block;
        position: absolute;
    }

    .title-desktop {
        display: none;
    }

    #child h1,
    #educators h1,
    #program h1,
    #environment h1,
    #contact h1 {
        left: 50%;
        top: 11vh;
        font-size: 1.75rem;
        transform: translate(-50%);
    }

    #program .content .left {
        width: 90vw;
    }

    #program .content .right {
        width: 125%;
    }

    #program .content li,
    #environment .content li,
    #contact .content li {
        display: inline-block;
        margin-right: 1rem;
    }

    #program .content {
        flex-direction: column;
    }

    td.tr-left,
    td.tr-right {
        display: block;
        width: 100%;
    }

    #contact .owl-item .item {
        padding: 3rem 0rem;
    }

    #contact .dm-2 td.td-left, #contact .dm-2 td.td-right {display: block; width: 100%;}
    #contact .dm-2 td.td-right{margin-bottom: .5rem;}
    #contact .item .formBut{float: none; margin: auto; margin-top: 2rem;}

    .tr-left table,
    .tr-right table {
        border-spacing: 0;
        width: 100%;
    }

    .owl-item {
        height: 86vh;
        overflow: hidden auto;
    }


    .owl-item::-webkit-scrollbar {
        display: none;
    }


    .owl-item {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .owl-carousel {
        top: 0;
        transform: none;
    }

    #child .owl-item,
    #educators .owl-item {
        display: flex;
        align-content: center;
        align-items: center;
    }

    #isMobile,
    .isMobile {
        display: block !important;
    }

    .isDesktop {
        display: none !important;
    }

    #program .item .sub-1 {
        width: calc(100% - 6rem);
        margin: 0 auto;
    }

    #program .paragraph .sub-1 {
        width: 100%;
    }

    #program .paragraph .isMobile {
        margin-bottom: 1rem;
    }

    .w-60 {
        width: 100%;
    }

    .w-40 {
        width: 100%;
    }

    #program .row {
        justify-content: center;
    }

    #program .w-40 .sub-1 {
        margin: 0 auto;
    }

    .border-left {
        border: none;
    }

    #program .owl-item,
    #environment .owl-item,
    #contact .owl-item {
        border: none;
        background: none;
    }

    .owl-carousel {
        height: 100vh;
        background: white;
    }

    #child .owl-carousel .owl-item img,
    #educators .owl-carousel .owl-item img {
        border: none;
        background: none;
    }

    .w-50 {
        width: 100%;
    }

    .w-33 {
        width: 100%;
    }

    .w-66 {
        width: 100%;
    }



    .row {
        flex-direction: column;
    }

    #environment .owl-item .owl-left,
    #environment .owl-item .owl-right {
        padding: 1rem 0 0;
    }

    .isMobile .w-50 {
        width: 50%;
    }

    #environment .owl-item .item {
        padding: 0;
    }
    #environment .owl-item {
    padding: 1.5rem;

    }
    #singlePage ._head{width: 90%; padding-top: 0; margin-top: 3rem;}
    #singlePage .logo{width: 100%; justify-content: flex-start; align-items: center; flex-direction: row; gap: 10px;}
    #singlePage .logo img{width: 140px;}
    #singlePage .title{width: 100%; padding-bottom: 1rem;}
    #singlePage .center{width: 100%;}
    #singlePage .close{position: absolute; width: auto; top: 0; right: 0;}
    #singlePage .paragraph{width: 90%;}
    #singlePage .paragraph .w-33{width: 100%;}
    #singlePage .paragraph .w-50{width: 100%;}
    #singlePage .paragraph .w-66{width: 100%;}
    .popup-promo img{max-width: 90%;}
    .iframe{width: 90%; height: 300px;}
}

@media (max-aspect-ratio: 3 / 4) {

    html,
    body {
        font-size: 1.75vh;
    }
    #contact .w-100{width: 90%;}
    table.dm-2{border-spacing: 0;}
    .newsletter .w-25{width: 100%;}
    ul.tabs-nav li:not(:last-child)::after{padding: 0 .5rem;}
    #singlePage .testimonial .col-1, #singlePage .testimonial .col-2{width: 100%;}

    .video-promo{width: 90%; height: 380px;}
    .promo-home{display: none;}
    .welcome{max-width: 300px;}
    #close-promo{pointer-events: auto;}
}

@media (max-aspect-ratio: 10 / 16) {

    html,
    body {
        font-size: 1.5vh;
    }
}

/*MOBILE*/
@media only screen and (max-width:600px) {
    
}