.item-menuleft li a { color: #5d5d5d; font-size: 13px; line-height: 5px; /*add demo 03 */ line-height: 43px; display: inline-block; width: 100%; }

.item-menuleft { width: 100%; padding: 0; }

    .item-menuleft li { height: auto; width: 100%; list-style: none; position: relative; padding-left: 15px; line-height: 35px; border-bottom: 1px dashed; }

#icon_01 { background: #2D2D2D; color: white; width: 40px; height: 40px; line-height: 40px; text-align: center; }

.item-menuleft > li .fa-angle-right { float: right; padding-right: 11px; line-height: 43px; }

@media(min-width: 1235px) {
    .subMenu_level-02, .subMenu_level-03 { display: none; position: absolute; left: 100%; top: 0; z-index: 2; width: 100%;  padding: 0; animation-name: move-show; animation-fill-mode: forwards; animation-duration: 0.4s; }

    .wrapper-menu { /*display: block !important;*/margin-left: 0px !important; padding-bottom: 15px; }

    @keyframes move-show {
        0% { top: -30px; left: 100%; }

        100% { top: 0; left: 100%; }
    }

    .menuLeft { display: none; }
}

@media(max-width: 1234px) {
    .wrapper-menu { position: fixed; top: 0; left: 0; width: 270px; height: 100% !important; background: white; z-index: 22; /*display: none;*/margin-left:-270px; overflow: scroll; }



    .subMenu_level-02, .subMenu_level-03 { display: none; position: relative; background: #DDDDDD; padding: 0; }

    .open_menu > .subMenu_level-02, .open_menu > .subMenu_level-03 { display: block; }

    .subMenu_level-02 { padding-left: 9px; }

    .subMenu_level-03 { padding-left: 18px; }

    .wrapper-menu > .herProduction { margin: 0; border: none; border-radius: 0; }

    .menuLeft { position: fixed !important; top: 30%; left: 0; /*z-index: 100;*/ display: block; }

    .positon { position: fixed !important; top: 30%; left: 0; z-index: 10; }
}

/******************** animate bottom ***************************/
.anime_open { animation-name: code; animation-duration: 0.5s; animation-fill-mode: forwards; z-index: 21; -moz-animation: code 0.5s forwards; -webkit-animation: code 0.5s forwards; -o-animation: code 0.5s forwards; }

.anime_close { animation-name: code_01; animation-duration: 0.5s; animation-fill-mode: forwards; z-index: 10; -moz-animation: 0.5s; -moz-animation-name: code_01; -webkit-animation: 0.5s; -webkit-animation-name: code_01; -o-animation: 0.5s; -o-animation-name: code_01; }
/************************************************************/

/********* bottom of menuleft animate reponsive ******************/
@media (max-width: 1235px) {
    @keyframes code {
        0% { top: 30%; left: 0px; }

        100% { top: 30%; left: 270px; }
    }

    /* Hien thi cho Firefox */
    @-moz-keyframes code {
        from { top: 30%; left: 0px; }

        to { top: 30%; left: 270px; }
    }

    /* Hien thi cho Safari and Chrome */
    @-webkit-keyframes code {
        from { top: 30%; left: 0px; }

        to { top: 30%; left: 270px; }
    }

    /* Hien thi cho Opera */
    @-o-keyframes code {
        from { top: 30%; left: 0px; }

        to { top: 30%; left: 270px; }
    }

    @keyframes code_01 {
        0% { top: 30%; left: 270px; }

        100% { top: 30%; left: 0px; }
    }
    /* Hien thi cho Firefox */
    @-moz-keyframes code_01 {
        0% { top: 30%; left: 270px; }

        100% { top: 30%; left: 0px; }
    }

    /* Hien thi cho Safari and Chrome */
    @-webkit-keyframes code_01 {
        0% { top: 30%; left: 270px; }

        100% { top: 30%; left: 0px; }
    }

    /* Hien thi cho Opera */
    @-o-keyframes code_01 {
        0% { top: 30%; left: 270px; }

        100% { top: 30%; left: 0px; }
    }
}
/******************************************************************/

/* when menuleftn show */
@media (max-width: 1235px) {

    .body.body-edit:after { opacity: .35; z-index: 20; }

    .body { position: relative; }

        .body:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; opacity: 0; width: 100%; background: black; }

    .menuLeft-show { position: fixed; }

    .clock-container { z-index: 200; }

    /*.menuLeft {
        z-index: 200 !important;
    }*/
}
/******************************************************************/