/***AAANGEPAST ****/

@media all and (min-width:1000px),(min-device-width: 1000px){
    .sub_ul{
        padding:30%;
        padding-top:1.3em;
        /*width:300px;*/
        position:absolute;
        display:none;
        left:0;
        top:0;
        /*margin-left:-30%;*/
        margin-top:0.7em;
        transition: all .5s ease-in-out;
        transform-origin: left top;
        
    }
    
    #menu ul#site_menu li:target .sub_ul{
        transform: scaleY(1);
    }

    #menu ul#site_menu ul{
        width:100%;
        display:inline-block;
        position:static;
        margin:0;
    }

    
    #menu ul#site_menu li .sub_ul ul{
        height:0;
        transform: scaleY(0);
        overflow-y: hidden;
    }
    
    
    #menu ul#site_menu li:hover .sub_ul, #menu ul#site_menu li .sub_ul:hover{
        display:inline-block;
		z-index:900;
    }
    
    #menu ul#site_menu li:hover .sub_ul ul, #menu ul#site_menu li .sub_ul:hover ul{
        display:inline-block;
        transform: scaleY(1);
        height:auto;

    }

    #menu ul#site_menu > li{
        position:relative;
    }
}

@media all and (max-width:800px),(max-device-width: 800px){
    .sub_ul{
        width:100%;
        transform:scaleY(1);
        display:inline-block;
        padding:0;
        position:static;
        height:auto;
        margin:0;
        padding-top:10px;
    }
}