<style>
    *{
        margin:0;
        padding:0;
    }
    .navpoint{
/*
        list-style-type: disc;
        font-size: 22px;
*/
        background-image: url(images/arrows/dot.png);
        background-repeat: no-repeat;
        background-size: 8px;
        background-position: left center;
    }
    #menu_control{
        position:absolute;
        z-index: -1;
        display: none;
    }
    .header{
        position: fixed;
        top: 0px;
        width: 100%;
        background: #fff0;
        z-index: 500;
        padding-top: 22px;
    }
    .logo{
        background-image: url(images/2x/logo.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 130px;
        height: 62px;
        margin: 0px auto 0px;
        transform: translateZ(100px);
    }
    .menu_btn{
        width:50px;
        height:50px;
        position:fixed;
        top: 10px;
        right: 0;
         }
@media screen and  (min-width:1440px)  {
    .menu_btn{
        display: none;
    }
    .menu li{
/*        height: 30px;*/
        padding:0px 0px 0px 15px;
        }
    #1{
        height:35px;
    }
    .menu a{
        padding:0px 0px; 
    }
    .navpoint{
        background-image: url(images/arrows/dot.png);
        background-repeat: no-repeat;
        background-size: 8px;
        width: 12px;
        background-position: right center;
    }
    .nav_a{
        color: black;
    }
    .logo{
        margin-left: 44px;
        width: 130px;
    }  
}

@media screen and (min-width:1024px) and (max-width:1439px){
    .menu_btn{
        right: 0px;
        margin-right: 20px;
    }
    .logo{
        width: 130px;
        height: 48px;
    }
}
    .menu_btn_dots::before{
        content: "";
        border-radius: 50%;
        width:6px;
        height:6px;
        background:#868686;
        top:0;
        bottom:0;
        left:20px;
        margin: auto;
        position: absolute;
        box-shadow: 10px 0px 0px #868686,
                    -10px 0px 0px #868686;
    }
    .menu{
        width:100%;
        top:-970%;
        background: #fff0;
        position: absolute;
        transition: .5s;
        z-index: -1;
        text-transform:uppercase;
    }
@media screen and (min-width:415px) and (max-width:1024px) {
    .menu{
        top: none;
    }
    .menu a:hover {
        color:blue;      
        }
    .menu li:hover{
/*        list-style: disc;*/
        }
    .logo:hover{
  /*      background-color: aquamarine;*/
    }
} 
    .menu li{
/*        height: 41px;*/
    }

    .menu ul{
        background: #fff;
        padding: 0px 47px 0px;
    }
    .menu a{
        display:block;
        text-decoration: none;
        padding:12px 0px 10px 18px;
        border-bottom:0.5px solid #D8D8D8;
        font-size: 14px;
        letter-spacing: 1px;
    }
    .acolor{
        color:#868686;
    }
    .acolorbak{
        color:black;
    }
    .menu a.last.trigger{
        border-bottom:none;
    }
    .menu a:hover{
        color:black;
    }
    .menu li:hover{
/*
        list-style-type: disc;
        font-size: 22px;
*/
    }
    .last{
        border-bottom: none;
    }
        
    #menu_control:checked ~  .menu{
        top:68px;
    }
    .menu a:click ~ .menu{
        top: -250px;
    }
    .home{
        padding-top: 138px;
    }
    </style>

