/* ~dir ~align ~align_rev ~lang  */
@media screen and (max-width: 1024px) {
    /* General styles for all menus */
    .cbp-spmenu {
        position: absolute;
        overflow-y: auto;
        height: 100%;
        /*min-height: 3000px;*/
    }

    /* Orientation-dependent styles for the content of the menu */

    .cbp-spmenu-vertical {
        width: 85%;
        height: 100%;
		height: auto;
        top: 0;
        z-index: 10000;
    }

    /* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
        ~align_rev: -100%;
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
}

.cbp-spmenu-left.cbp-spmenu-open {
            ~align_rev: 0px;
            -moz-transform: translate3d(-100%, 0, 0);
            -ms-transform: translate3d(-100%, 0, 0);
            -o-transform: translate3d(-100%, 0, 0);
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
}

.ltr .cbp-spmenu-left.cbp-spmenu-open{
  -moz-transform: translate3d(100%, 0, 0);
            -ms-transform: translate3d(100%, 0, 0);
            -o-transform: translate3d(100%, 0, 0);
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
}

    /* Push classes applied to the body */

    .cbp-spmenu-push {
        /*overflow-x: hidden;*/
        position: relative;
        ~align_rev: 0;
        top: 0;
        -moz-transform: translate3d(0px, 0px, 0px);
        -ms-transform: translate3d(0px, 0px, 0px);
        -o-transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
    }

    .cbp-spmenu-push-toright {
        /*left: 85%;*/
        position: relative;
        -moz-transform: translate3d(85%, 0px, 0px);
        -ms-transform: translate3d(85%, 0px, 0px);
        -o-transform: translate3d(85%, 0px, 0px);
        -webkit-transform: translate3d(85%, 0px, 0px);
        transform: translate3d(85%, 0px, 0px);
    }

   .ltr .cbp-spmenu-push-toright {
        -moz-transform: translate3d(-85%, 0px, 0px);
        -ms-transform: translate3d(-85%, 0px, 0px);
        -o-transform: translate3d(-85%, 0px, 0px);
        -webkit-transform: translate3d(-85%, 0px, 0px);
        transform: translate3d(-85%, 0px, 0px);
    }

    /* Transitions */

    .cbp-spmenu,
    .cbp-spmenu-push {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}