/* (desktops, 992px and up) */
@media (min-width: 992px) {
/* -------------------- xxx --------------------*/    
.logo a {
    width: 50%;}
    
    .main-cont .kolom1 {
        width: 30%;} 
    
    .main-cont .kolom2{
        width: 65.5%;}
    
    
.otcont ul li{
    flex-direction:row;}
    
    .otcont > ul > li > ul {
        justify-content: flex-end;}
    
    .otcont ul li ul li + li:after{
        left: 0;}
}