/* Galaxy Fold */
@media only screen and (max-width: 280px){

}
/* Mobile and small devices(min: iPhone SE) */
@media only screen and (min-width: 375px) and (max-width: 600px){
    .lock {
        padding-right:0;
    }
    .lock .header-flat {
        width:100%;
    }
    .head-title{
        font-size: 3rem;
    }
    .title{
        font-size: 1.2rem;
    }

    .logo-flat {
        width: 8rem;
    }
    .aboutUs .image-container img {
        width: 100%;
    }

    .services{
        width: 100%;
    }
    .services .subtitle-red{
        font-size: 1.7em;
    }

    .services p {
        flex-direction: column;
    }
    .services p img {
        width: 70%;
        margin-bottom: 30px;
    }

    /* .staff{
        display: inline-block;
        position: relative;
        max-width: 95% !important;
        padding: 2% 2.5% !important;
    } */
    .group {
        flex-direction: column-reverse;
    }
    .groupInfo {
        flex-direction: column-reverse;
    }
    .groupInfoText{
        width: 100%;
        margin-bottom: 5vh;
    }
    .group .imageContainer{
        width: 100%;
    }
    #Contact .contactInfo{
        flex-direction: column-reverse;
    }
    #Contact .contactInfo > *{
        width: 100%;
    }
    .footerContainer {
        flex-direction: column;
    }
    .justifyRight,
    .justifyLeft {
        justify-content: center !important;
    }
    .footerLeft{
        margin: auto;
        width: 100%;
    }
    .leftBottom{
        display: inherit;
    }
    .leftBottom ul.association-list{
        margin: auto;
        width: 100% !important;
        flex-wrap: wrap;
    }
    ul.association-list li {
        width: 31.1% !important;
        padding: 1%;
        margin: 0 auto;
    }
    ul.association-list li p {
        font-size: 2vw !important;
    }
    .footerRight{
        width: 100%;
        display: initial;
    }
    .footerRight ul.bottom-nav{
        margin: auto;
        padding: 0;
    }
    .footerRight ul.bottom-nav li {
        margin: auto;
    }

}
/* Tablet */
@media only screen and (max-width: 768px) {
    section{
        padding: 0 3vw;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        z-index: 2;
        pointer-events: none;
    }
    section#Home{
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }


    #nzmap {
        display: none;
    }

    .services p {
        font-size: 1.5em;
    }

    .passivePro p{
        width: 100%;
    }

    .imgTitle{
        text-align: center;
    }    
    /* .staff{
        display: inline-block;
        position: relative;
        max-width: 48%;
        padding: 1%;
    } */
    .footer{
        padding: 100px 10vw 0;
    }

}
/* Hamburger menu */
@media only screen and (max-width: 839px) {
    .navbar-flat,
    .navbar{
        display: flex;
        flex-direction: column;
        width: 105px;
        top: 0%;
        right: -40%;
        padding: 5px 0;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        background-color: rgba(190, 190, 190, 0.3);
        border: none;
        border-bottom-left-radius: 10px 10px;
    }
    .navbar-flat.mobile{
        display: flex;
        flex-direction: column;
        justify-content:center;
        width: 100%;
        height:100vh;
        top: 0%;
        right: 0%;
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        background-color: rgba(25, 24, 24, 0.7);
        border: none;
        border-bottom-left-radius: 10px 10px;
        -webkit-transition: right 0.3s ease;
        -moz-transition: right 0.3s ease;
        -o-transition: right 0.3s ease;
        transition: right 0.3s ease;
    }
    
    .navbar-flat.mobile ul{
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: center;
        align-content: center;
    }

    .navMenu.current {
        border-bottom: none;
    }

    .navbar-flat li a:hover, .navbar li a:hover{
        border-bottom:none;
    }
    
    .navbar-flat li a,
    .navbar li a{
        padding:0;
        font-size:2rem;
        font-family: "Open Sans", sans-serif !important;
        font-weight: 200 !important;
        width: 100%;
        text-align: left;
    }
    .hamburger{
        opacity: 1;
    }
    .hamburger img{
        pointer-events: all;
    }
    .hamburger.active{
        opacity: 0;
    }
    .hamburgerClose {
        display: initial;
    }
    .hamburgerClose img{
        right: -40%;
    }
    .hamburgerClose img.active{
        top:15px;
        right: 15px;
        width: 40px;
        height: 40px;
        -webkit-transition: right 0.3s ease;
        -moz-transition: right 0.3s ease;
        -o-transition: right 0.3s ease;
        transition: right 0.3s ease;
    }

    /* .aboutUs .subsection p{
        font-size: 1.5em !important;
    } */
    .aboutUs .subsection {
        flex-direction: column;
    }
    /* .aboutUs .subsection:nth-of-type(1) {
        flex-direction: column;
    }
    .aboutUs .subsection:nth-of-type(2) {
        flex-direction: column-reverse;
    }
    .aboutUs .subsection:nth-of-type(3) {
        flex-direction: column;
    } */
    .aboutUs .subsection .img-container {
        width: 100%;
    }
    .aboutUs .subsection p{
        width: 100%;
        margin-bottom: 5vh;
        font-size: 1.5em;
    }
    .aboutUs .subsection .img-container img{
        margin-bottom: 5vh;
    }
    .aboutUs .subtitle-green{
        margin-top: 0;
    }

    .GlobalPortalInfo{
        flex-direction: column-reverse;        
    }
    .GlobalPortalInfo .img-container,
    .GlobalPortalInfo .info{
        width: 100%;
    }

    .leftBottom{
        display: inherit;
    }
    .leftBottom ul.association-list{
        width: 90%;
        flex-wrap: wrap;
    }
    ul.association-list li {
        width: 31%;
        margin: 0 auto;
    }
    ul.association-list li p {
        font-size: 1.5vw;
    }

    .owl-carousel .owl-item img{
        width: initial !important;
    }

}
/* Desktop */
@media only screen and (max-width: 951px) {
    /* .head-title{
        font-size: 4em;
    }
    .title{
        font-size: 2em;
    } */

    .aboutUs .subsection p{
        font-size: 1.5em;
    }
}