@media (min-width: 768px) {
    .sticky-header .stickymenu-wrapper {
        position: absolute;
        height: 80vh;
        overflow-y: auto;
        top: 100%;
        margin-left: 15px;
    }

    header.sticky-header #stickyheader-wrapper {
        background: rgba(0,0,0,0);
        padding-top: 0;
        padding-bottom: 0;
    }

    header.sticky-header #stickyheader-wrapper  {
        background-color: #f1f1f1;
        border-bottom: 1px solid #ccc;
    }

    .stickymenu-wrapper .dropdown-menuxx {
        list-style: none;
        border: 1px;
        border-top: 0;
        border-style: solid;
        border-color: #ccc;
        background-color: #fff;
        margin-bottom: 0;
        position: absolute;
        display: block;
        padding: 0px;
        z-index: 1;
    }

    .stickymenu-wrapper .dropdown-menuxx:hover {
        box-shadow: none;
        border-left: 1px solid rgba(0,0,0,0);
    }

    .stickyheader-link-menu {
        position: absolute;
        display: block;
        left: 15px;
        right: 15px;
        left: calc(13em - 2px);
    }

    .stickyheader-link-menu-item {
        margin-bottom: 25px;
    }

    .dropdown-product-submenu-title {
        margin-top: 10px;
        font-weight: 600;
        font-size: 15px;
    }

    .dropdown-product-submenu-item {
        list-style: none;
        padding-left: 0;
    }

    .dropdown-product-submenu-item > li {
        padding: 2px 0;
    }

    .dropdown-menuxx-item {
        display: block;
        padding: 10px 15px;
        max-width: 180px;
        border-bottom: 1px solid #ddd;
    }

    .dropdown-menuxx-item-submenu {
        position:  absolute;
        top: 0px;
        background-color: #fff;
        border-top: 0;
        border: 1px solid;
        border-color: #ddd;
        padding: 0;
        display: none;
        margin-left: -15px;
        padding-left: 200px;
        z-index: -1;
        width: 690px;
    }

    .dropdown-menuxx-item:hover .dropdown-menuxx-item-submenu {
        display: block;
        border-top: none;
    }

}

@media (max-width: 767px) {
    .stickymenu-wrapper {
        max-height: calc(100vh - 114px);
        height: 100%;
        overflow-y: auto;
    }

    .dropdown-menuxx {
        background-color: #fff;
        margin: 0;
        padding: 0;
        border: 1px solid #ddd;
    }

    .dropdown-menuxx > div {
        list-style: none;
        margin: 0;
    }
    
    .dropdown-menuxx li ul,
    .dropdown-menuxx-item-submenu-item,
    .dropdown-menuxx-item-submenu,
    .dropdown-menuxx-item-submenu ul {
        padding: 0;
    }

    .dropdown-menuxx-item {
        border-top: 1px solid #ddd;
        padding: 10px 0;
    }

    .dropdown-menuxx-item-title {
        font-weight: 700;
        font-size: 16px;
    }

    .dropdown-menuxx-item:hover .dropdown-menuxx-item-submenu {
        display: block;
    }

    .dropdown-menuxx-item-submenu {
        display: none;
    }

    .dropdown-menuxx-item-submenu-item:first-child {
        margin-top: 10px;
    }

    .dropdown-menuxx-item-submenu-item:last-child {
        margin-bottom: 10px;
    }

    .dropdown-product-submenu-title {
        font-size: 16px;
        padding: 6px 10px;
        border-bottom: 1px solid #ddd;
    }

    .dropdown-product-submenu-item li {
        padding-left: 10px;
        padding: 5px 10px;
    }

    .dropdown-menuxx-item-submenu-item {

        padding-left: 0;
    }

    ul.dropdown-product-submenu-item {
        padding-bottom: 20px;
        margin-bottom: 0;
        border-bottom: 1px solid #ddd;
    }

    .dropdown-product-submenu-item li {
        list-style: none;
    }

    .dropdown-menuxx-item-submenu {
        background-color: #fff;
    }

    .dropdown-product-submenu-title,
    .dropdown-product-submenu-item li {
        padding: 5px 25px;
    }

    .dropdown-menuxx-item-title {
        padding: 0 10px;
    }

    .dropdown-menuxx-item-submenu-item {
        background-color: #fff;
    }
}

@media (min-width: 992px) {
    .dropdown-menuxx-item-submenu {
        width: 910px;
    }
}

@media (min-width: 1200px) {
    .dropdown-menuxx-item-submenu {
        width: 1111px;
    }
}

@media (max-width:768px) {
    .navbar-header {
        /* zorgt er voor dat hamburger menu knop niet getoond wordt, is niet gewenst */
        /*display: none;*/
    }
}

/** extra style **/
.stickymenu-wrapper > ul ul.dropdown-menu {
    position: relative;
    width: 100%;
}