.op3-element[data-op3-element-type="megamenudropdownsub"] {
    @mixin hamburgerDropdown {
        position: relative;
        top: auto;
        width: auto !important;
        z-index: auto;
    }

    @media (min-width: ($breakpoint-tablet + 1)) {
        .op3-element-megamenu__container[data-op3-megamenu-hamburger-desktop="1"] & {
            @include hamburgerDropdown;
        }
    }

    @media (max-width: $breakpoint-tablet) and (min-width: ($breakpoint-mobile + 1)) {
        .op3-element-megamenu__container[data-op3-megamenu-hamburger-tablet="1"] & {
            @include hamburgerDropdown;
        }
    }

    @media (max-width: $breakpoint-mobile) {
        .op3-element-megamenu__container[data-op3-megamenu-hamburger-mobile="1"] & {
            @include hamburgerDropdown;
        }
    }
}