@media (max-width: 640px) { 
    .kotmenu_main_div{
       
       height: 32px;
        text-align: left;
    }
    .ul_top_1{
        font-size: 1.5rem;
        list-style-type: none;
        margin-right: 1rem;
    }
    .li_top_1{
        cursor: pointer;  
        border-bottom: 1px solid #bbb;
        outline: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
    }
    
    .li_top_1:focus{
       outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    }
    .ul_top_1:hover{
        background-color: transparent;
    }
    .li_top_1:hover{
        background-color: transparent;
         outline: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; 
          
    }
    /*
    .li_top_2:hover{        
        background-color: rgba(0,0,0, 0.1);
    }*/
    .li_top_2{
        font-size: 1.3rem;
    }
    .kotmenu_main_div a{
        font-size: 1.3rem;
    }
    #kotmenu_mobil_button{
        float: left;
        display: inline-block;
        width: 30px;
        height: 30px;
        border-left: 1px solid #bbb;
        border-right: 1px solid #bbb;
        cursor: pointer;
    }
    #kotmenu_main_div2{
        position: fixed;
        top: 31px;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-x: auto;
        z-index: 7;
        background-color: rgba(255, 255,255, 0.99);
        padding: 1px;
        border: 1px solid #bbb;
        
    }
    .img_logo{
        float: right;
    height: 28px;
    }
} 
@media (min-width: 641px) {  
    .kotmenu_main_div{
        height: 36px; 
        text-align: center;
        z-index: 7;
        font-size: 17px;
    }  
    .ul_top_1{
        display: table-row;    
        max-height: 34px;   
        margin: auto;
        list-style-type: none;
        vertical-align: middle;
        font-size: 17px;        
    }  
    .li_top_1{
        height: 34px;
        margin: 0 1px;
        padding: 0 13px;
        display: table-cell;
        vertical-align: middle;    
        border: none;
        cursor: pointer;
        text-decoration: none;
        background-color: transparent;
        list-style-type: none;
        font-size: 17px;    
}
.li_top_1:hover{
    text-decoration: none;
    background-color: rgba(0,0,0, 0.1);
    color: #000;
}
    .ul_top_2{
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(245, 245,245, 0.95);
        padding: 1px;
        border-bottom: 1px solid #bbb;
        border-left: 1px solid #bbb;
        border-right: 1px solid #bbb;
        z-index: 7;
        list-style-type: none;
        list-style: none;
                list-style-type: none;
        
        List-style: none;
        font-size: 17px;
    } 
    .li_top_2{
        padding: 9px 13px;
        margin: 1px;
        display: block;
        text-align: left;
        font-size: 17px;
    }
    .li_top_2:hover{
        background-color: rgba(0,0,0, 0.1);
        color: #000;
    }
    #kotmenu_mobil_button{
        display: none;
    }
    #kotmenu_main_div2{
        margin: auto; 
        display: inline-block;
        font-size: 17px;
    }
    .img_logo{
        float: left;
        height: 32px;
    }
}

.kotmenu_main_div{
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
    color: #123;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb; 
    background: #eee;
    background-image:url(../image/kotmenu.png);
    background-position: center;
    background-repeat: repeat, no-repeat;
    
    margin: 0;
    vertical-align: middle;
            -ms-user-select: none;
            -moz-user-select: none;
            -khtml-user-select: none;
            -webkit-user-select: none; 
        font-size: 17px;
}
.kotmenu_main_div a{
    text-decoration: none;
    color: #123;
}
.ul_top_1, .ul_top_2, .li_top_2, .li_top_1{
            -ms-user-select: none;
            -moz-user-select: none;
            -khtml-user-select: none;
            -webkit-user-select: none; 
 text-indent: 0;   
}

.img_logo{
    margin: 1px 7px;
    width: auto;
}
.logo_text{
    text-align: center;
    font-size: 20px;
    color: #4a7cb5;
    margin-top: 2px;
}