.op3-element[data-op3-element-type="megamenudropdownmain"] {
    @mixin hamburgerDropdown {
        .op3-element-megamenudropdownmain__children {
            align-items: stretch !important;
        }
    }

    @mixin nonHamburgerDropdown {
        position: relative;
        display: block;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        width: auto !important;
        margin: 0 !important;
        z-index: auto !important;

        .op3-element-megamenudropdownmain__container {
            min-height: 0 !important;
            padding: 0 !important;
            border: 0 none !important;
            border-radius: 0 !important;
            box-shadow: none !important;
        }

        .op3-element-megamenudropdownmain__canvas {
            display: none;
        }

        .op3-element-megamenudropdownmain__children {
            flex-direction: row;
        }
    }

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

        .op3-element-megamenu__container:not([data-op3-megamenu-hamburger-desktop="1"]) & {
            @include nonHamburgerDropdown;
        }
    }

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

        .op3-element-megamenu__container:not([data-op3-megamenu-hamburger-tablet="1"]) & {
            @include nonHamburgerDropdown;
        }
    }

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

        .op3-element-megamenu__container:not([data-op3-megamenu-hamburger-mobile="1"]) & {
            @include nonHamburgerDropdown;
        }
    }
}
