@media only screen and (min-width: 640px) {
    .position-left {
        width: 450px;
        -webkit-transform: translateX(-450px);
        -ms-transform: translateX(-450px);
        transform: translateX(-450px); }
    .off-canvas-content .off-canvas.position-left {
        -webkit-transform: translateX(-450px);
        -ms-transform: translateX(-450px);
        transform: translateX(-450px); }
    .off-canvas-content.is-open-left.has-transition-push {
        -webkit-transform: translateX(450px);
        -ms-transform: translateX(450px);
        transform: translateX(450px); }
    .position-left.is-transition-push {
        -webkit-box-shadow: inherit;
        box-shadow: inherit;
    }
    .off-canvas {
        min-height: 100%;
        position: fixed;
    }
    .position-right {
        width: 450px;
        -webkit-transform: translateX(450px);
        -ms-transform: translateX(450px);
        transform: translateX(450px); }
    .off-canvas-content .off-canvas.position-right {
        -webkit-transform: translateX(450px);
        -ms-transform: translateX(450px);
        transform: translateX(450px); }
    .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0); }
    .off-canvas-content.is-open-right.has-transition-push {
        -webkit-transform: translateX(-450px);
        -ms-transform: translateX(-450px);
        transform: translateX(-450px); }
    .position-right.is-transition-push {
        -webkit-box-shadow: inherit;
        box-shadow: inherit;
        }
}
.off-canvas {
    /*background: #fff;*/
    background: rgba(255,255,255, 0.8);
    background: rgba(255,255,255, 1);
}
.off-canvas {
    /*transition: all 0.75s ease-out;*/
    z-index: 25;
}
/*if u donotwanna use hamburger when open*/
.off-canvas-content.is-open-right .sht-nav .hamburger-box,
.off-canvas-content.is-open-right .lnh-nav .hamburger-box {
    display:none;
    transition: all 1s;
}
.off-canvas-content.is-open-right .sht-nav,
.off-canvas-content.is-open-right .lnh-nav {
    width: 70px;
    height: 70px;
}
.off-canvas-content {
    margin-right: 0;
    /*transition: all 0.75s ease-in;*/
}

.off-canvas-content .scrollhidetop {
    /*z-index: 15;*/
}

.off-canvas .close-button {
    /*display: none;*/
    /*font-size: 4em;*/
}
@media only screen and (max-width: 40.063em) {
    .position-right {
        width: 100%;
    }
}