.menu-slide-button {
    display: none;
    position: absolute;
    z-index: 100002;
    top: 0;
    color: #48484a;
    background-color: #e4e9ed;
    border-radius: 0 0 0.5em 0;
    cursor: pointer;
}

.door-image-container {
    transition: left 0.25s, right 0.25s;
}

#divOptionSelectorsContainer {
    transition: left 0.25s;
}

.menu-slide-button.right {
    border-radius: 0 0 0 0.5em;
}

[data-slide-target="#divMainMenuContainer"] {
    left: 18em;
    transition: left 0.25s;
}

[data-slide-target="#divSideOptions"] {
    right: 19em;
    transition: right 0.25s;
}

#divMainMenuContainer {
    transition: left 0.25s;
}

#divSideOptions {
    transition: right 0.25s;
}


@media screen and (max-width: 800px) {
    .wizard-mode .menu-slide-button {
        display: none;
    }

    .menu-slide-button-content {
        padding: 0.5em 0.75em;
    }

    .menu-slide-button {
        display: block;
    }

        .menu-slide-button.hidden {
            display: none;
        }

        .menu-slide-button .icon {
            font-size: 2.5em;
        }

    #divMainMenuContainer.slid {
        left: -17em;
    }

    [data-slide-target="#divMainMenuContainer"].slid {
        left: 0;
    }

    #divSideOptions.slid {
        right: -18em;
    }

    [data-slide-target="#divSideOptions"].slid {
        right: 0;
    }

    .door-image-container.slid-left {
        left: 1em;
    }

    .door-image-container.slid-right {
        right: 1em;
    }

    #divOptionSelectorsContainer.slid-left {
        left: 1em;
    }

    /*#btnViewOnHome {
        display: none;
    }*/

    /*#divSideOptions {
        display: none !important;
    }

    .door-image-container {
        left: 0;
        right: 0;
    }

    #divMainMenuContainer {
        display: none !important;
    }*/


    .crumb.mobile-hidden {
        display:none;
    }

    .trade-crumb.mobile-hidden {
        display: none;
    }




}