.dl-menuwrapper {
    display: none;
}
/*1024px*/
@media (max-width: 1024px) {

    .dl-menu-d4u-wrapper {
        z-index: 9999999;
        position: absolute;
        top:0px;
        right: 0px;
        width: 100%;
    }

    .dl-menuwrapper {
        display: block;
    }

    .dl-menuwrapper .dl-menu.dl-menuopen {
        margin-top: 21px;
        background: #375a81;
        width: 100%;
        position: absolute;
        left: 0px;
        top: 62px;
    }

    .dl-menuwrapper a {
        font-size: 15px;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
        border-bottom: 1px solid #375a81;
    }

    .dl-menuwrapper h3 {
        padding: 15px 20px;
    }

    .dl-menuwrapper a:hover,
    .dl-menuwrapper a.current {
        border-bottom: 1px solid #fdd605;
        color: #fdd605;
    }

    .dl-menuwrapper {
        max-width: 100% !important;
    }

    .dl-submenu, .dl-menuwrapper ul,
    .demo-2 .dl-menuwrapper button {
        background: #375a81 !important;
    }

    .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {
        color: #fdd605;
    }

    .dl-trigger {
        position: absolute !important;
        right: 16px;
        top: 16px;
    }

    .current-demo {
    }
}