/* (tablets, 768px and up) */
@media (min-width: 768px) {  
/* -------------------- xxx --------------------*/    
.logo a {
    width: 100%;}
    
    .main-cont .kolom1, .main-cont .kolom2 {
        width: calc(50% - 22px);} 
    
    
.otcont ul li{
    flex-direction:column;}
    
    .otcont > ul > li > ul {
        justify-content: space-between;}

    .otcont ul li ul li + li:after{
        left: -50%;}
    

    
}