#drawer-toggle {
     display: none;
 }

 @media screen and (max-width:1020px) {

     #drawer-toggle-label:before {
        transition-duration: .3s;
         content: "";
         display: block;
         position: absolute;
         height: 3px;
         width: 30px;
         background: #fff;
         left: 20px;
         top: 24px;
         box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
     }

     #drawer-toggle-label {
         display: block;
         position: fixed;
         top: 10px;
        left: 10px;
         height: 75px;
         width: 75px;
         z-index: 1;
         background:rgba(153, 186, 33, 0.4);
         z-index: 999999;
     }

     #drawer-toggle {
         display: none;
     }

     #drawer-toggle:checked~#drawer-toggle-label,
     #drawer-toggle:checked~header {
         /*left: calc(100% - 50px);*/
     }

      #drawer-toggle:checked~#drawer-toggle-label:before {
        transition-duration: .3s;
        transform: rotate(-45deg);
        box-shadow: initial;
        left: 30px;
        top: 35px;

      }
      #drawer-toggle:checked~#drawer-toggle-label:after {
        transition-duration: .2s;
        content: "";
         display: block;
         position: absolute;
         height: 3px;
         width: 30px;
         background: #fff;
        left: 30px;
        top: 35px;

        transform: rotate(45deg);
      }

     #drawer-toggle:checked~#drawer {
         width: calc(100% - 50px);
         left: 0;
     }

     #drawer-toggle:checked~section.content-wrapper {
         margin-left: 250px;
     }

     #drawer {
         transition-duration: .5s;
         position: fixed;
         top: 0;
         padding-top: 20px;
        margin: 0;
         height: 100%;
         width: 250px;
         background: #ff5722;
         overflow-x: hidden;
         overflow-y: auto;
         left: -250px;
         z-index: 999998;
         border: 0;
         border-radius: 0;
     }

     #drawer ul {
         list-style: none;
         padding: 0;
     }

     #drawer li a {
         display: block;
         color: #fff;
         text-decoration: none;
         text-align: center;
         border: 0;
     }

     #drawer li {
        margin: 0;
        width: 100%;
        line-height: 20px;;
     }

     #drawer li li{
        border: 1px solid #656565 ;
     }


     .root #drawer li:last-child {
        padding-bottom: 110px;
     }

      #drawer li li:last-child {
        padding-bottom: 0px !important;
     }


     .nav-option a {
         padding: 15px 0 !important;
     }

     .Menu.-horizontal>li.-hasSubmenu>a:after {
        top: 34px;
        border-color: #f1f8e9;
     }

     .Menu li>ul {
         transition: height 0.1s !important;
         position: relative !important;
     }

     .Menu.-horizontal li:last-child ul {
         width: 100% !important;
         right: 0 !important;
     }

     .Menu li li {
         background-color: #656565 !important;
     }
 }

 @media screen and (min-width: 320px) {

     #drawer-toggle:checked~#drawer-toggle-label,
     #drawer-toggle:checked~header {
        transition-duration: .3s;
        background: rgba(230, 74, 25, 0.5);
        width: 90px;

     }

     #drawer-toggle:checked~#drawer {
        width: 230px;
        margin: 0;
        left: 0;
        padding-top: 80px;
     }
 }