@media screen and (min-width: 993px) {
    #site-menu {
        display: none !important;
    }
}
@media screen and (max-width: 992px) {
    #site-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9999;
    }
    #site-menu .header-logo img {
        filter: invert(1);
    }
    #site-menu .logo-container a {
        width: 196px;
        height: 51px;
    }
    #site-menu .two-col-grid {
        grid-template-columns: 1fr 1fr;
    }    

    /* MENU HEADER
    ---------------------------------------------------------------------------*/
        #site-menu .menu-handler-hamburgher {
            background: #fff;
            width: 56px;
            height: 56px;
            border-radius: 100%;
            cursor: pointer;
        }
        #site-menu .menu-handler-hamburgher .menu-hamburger span {
            margin-top: 8px;
        }
        #site-menu .menu-handler-hamburgher .menu-hamburger span, 
        #site-menu .menu-handler-hamburgher .menu-hamburger span:before {
            width: 18px;
            height: 3px;
            background-color: #2d2d2d;
            display: block;
            border-radius: 5px;
        }
        #site-menu .menu-handler-hamburgher .menu-hamburger span:before {
            position: absolute;
            content: '';
            margin-top: -8px;
        }

        /* Active Voices
        ----------------------------------------------------------------- */
            #site-menu .current-menu-item a {
                text-decoration: underline;
            }

        /* Menu images
        ----------------------------------------------------------------- */
            #site-menu .single-menu-img {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 1;
                overflow: hidden;
                visibility: hidden;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                opacity: 0;
                transform: translate3d(0px, 0px, 0px) rotate(4.0078deg) scale(1.1718, 1.17176);
                transition-property: transform, visibility, opacity;
                transition-duration: 0.5s;
                transition-timing-function: linear;
            }
            #site-menu .single-menu-img.active {
                z-index: 3;
                opacity: 1;
                visibility: inherit;
                transform: translate3d(0px, 0px, 0px) rotate(0deg) scale(1, 1);
            }

        /* Multilanguage
        ----------------------------------------------------------------- */
            #site-menu .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
            #site-menu .wpml-ls-legacy-dropdown a:focus,
            #site-menu .wpml-ls-legacy-dropdown a:hover {
                color: initial;
                background: unset;
            }
            #site-menu .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
                border-top: 0;
                background: #f0f1f2;
                color: #2f3940;
                margin-top: 0;
                text-align: center;
                width: 100%;
                border-radius: 4px;
            }
            #site-menu .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li {
                color: #2f3940;
                list-style: none;
                padding: 0;
                margin: 0;
                padding: 0.8em;
                font-size: 14px;
            }
            #site-menu .wpml-ls-legacy-dropdown .wpml-ls-sub-menu span {
                color: #2f3940;
            }


        /* Webees Open Menu */
        #site-menu .menu-header {
            align-items: center;
        }
        #site-menu .menu-handler-hamburgher.close-menu .menu-hamburger span {
            transform: rotate(45deg);
            margin-top: 0;
        }
        #site-menu .menu-handler-hamburgher.close-menu .menu-hamburger span:before {
            transform: rotate(-90deg);
            margin-top: 0;
        }
        #site-menu .menu-content .two-col-grid {
            padding-left: 0;
            padding-right: 0;
            gap: 6.25vw;
        }
        #site-menu .menu-img {
            height: 380px;
            min-height: 33vw;
            position: relative;
            overflow: hidden;
        }
        #site-menu .menu-body li:last-child {
            margin-bottom: 0;
        }
        #site-menu .social-ilnks-text .menu {
            display: flex;
        }

        #site-menu .single-social-text a.social {
            width: unset;
            height: unset;
            border: unset;
        }

        #site-menu .single-social-text {
            padding-right: 3.125vw;
        }

        #site-menu .mobile-menu-footer {
            bottom: 3.125vw;
        }

        #site-menu ul.menu li {
            overflow: hidden;
        }
        #site-menu ul.menu li a {
            display: block;
            opacity: 0.3;
            transform: translate(0%, 110%) translate3d(0px, 0px, 0px) rotate(7deg);
            transition-property: opacity, transform;
            transition-duration: 1s;
            transition-timing-function: ease-in-out !important;
        }
        #site-menu {
            pointer-events: none;
            clip-path: polygon(0 0, 100% 0px, 100% 0px, 0px 0px);
            transition-property: clip-path;
        }
        #site-menu .open-menu-container {
            opacity: 1;
            transform: translate3d(0px, -23.854vw, 0px) rotate(-7deg) scale(1.3, 1.3);
            transition-property: transform, opacity;
            will-change: transform;
        }

        #site-menu.active {
            clip-path: polygon(0px 0px, 100% 0px, 100% 130vh, 0px 100vh);
            pointer-events: initial;
        }
        #site-menu.active .open-menu-container {
            opacity: 1;
            transform: translate3d(0px, 0px, 0px) rotate(0deg) scale(1, 1);
        }

        #site-menu,
        #site-menu .open-menu-container {
            transition-timing-function: cubic-bezier(0.76, 0.53, 0.4, 1.03);
            transition-duration: 0.9s;
        }
        #site-menu .menu-img {
            opacity: 0.5;
            transition: opacity 0.6s ease-in-out;
        }
        #site-menu.active .menu-img {
            opacity: 1;
        }
        #site-menu .mobile-menu-footer {
            opacity: 0.3;
        }  
}

@media screen and (max-width: 767px) {
    #site-menu .logo-container a {
        width: 150px;
        height: 39px;
    }    
    #site-menu .menu-section * {
        font-size: 32px;
    }
    #site-menu .menu-handler-hamburgher {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    #site-menu .menu-img {
        height: 200px;
        margin-top: 5px;
    }
}


@media screen and (max-width: 600px) {
    #site-menu .two-col-grid {
        grid-template-columns: 1fr;
    }    
    #site-menu .logo-container a {
        width: 130px;
        height: 34px;
    }
    #site-menu .menu-handler-hamburgher {
        width: 44px;
        height: 44px;
    }
    #site-menu .menu-handler-hamburgher .menu-hamburger span, 
    #site-menu .menu-handler-hamburgher .menu-hamburger span:before {
        width: 14px;
        height: 2px;
    }
    #site-menu .menu-content .two-col-grid {
        grid-template-columns: 1fr;
    }
    #site-menu .menu-content .col-1 {
        display: none;
    }
    #site-menu .menu-section.big-title * {
        font-size: 50px;
        margin-bottom: 5px;
    }
    #site-menu .menu-footer-work-with-us {
        order: 1;
        margin-bottom: 1.5em;
        padding-bottom: 1.5em;
        border-bottom: 1px solid;
        width: 100%;
    }
    #site-menu .menu-footer-social {
        order: 2;
    }
    #site-menu .mobile-menu-footer .stripe-container-inner {
        padding-left: 32px;
        padding-right: 32px;
    }
    #site-menu .mobile-menu-footer {
        position: initial !important;
        margin-bottom: 2em;
    }
    #site-menu .menu-content {
        margin-bottom: -2em;
    }


    #site-menu {
        pointer-events: none;
        clip-path: polygon(0px 0px, 100% 0px, 100% 0px, 0px 0px);
    }
    #site-menu .open-menu-container {
        opacity: 1;
        transform: translate3d(0px, -82.126vw, 0px) rotate(-7) scale(1.3, 1.3);
    }

    #site-menu.active {
        clip-path: polygon(0px 0px, 100% 0px, 100% 115vh, 0px 100vh);
        pointer-events: initial;
    }
    #site-menu.active .open-menu-container {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px) rotate(0deg) scale(1, 1);
    } 
}


/* Extra small smartphone
--------------------------------------------------------------*/
@media screen and (max-width: 365px) {

}