.ms_menu__trigger, .ms_menu_bar__wrapper, .ms_menu_body__wrapper {
  display: none;

}

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

      .ms_menu__trigger, .ms_menu_bar__wrapper, .ms_menu_body__wrapper {
        display: block;

      }

      ul,
      ol,
      li {
        list-style: none;
        color: white;
        margin: 0;
        padding: 0;
      }

      .ms_menu_bar__wrapper {
        height: 50px;
        width: 50px;
        background: #ffffff;
        padding: 15px 10px;
        float: right;
        position: fixed;
        z-index: 10;
        top: 40px;
        right: 10px;
      }

      .ms_menu__trigger {
        font-size: 30px;
        text-align: right;
        margin-right: 10px;
        cursor: pointer;
        transition: color 0.6s;
        color: #f36b21;
      }

      .ms_menu__trigger:hover { color: rgba(243, 106, 33, 0.5); }

      .ms_menu__item-icon { margin-right: 10px; }

      .ms_menu_body__wrapper {
        float: right;
        background: #2E363F;
        position: relative;
        left: -1px;
      }

      .ms_menu__item {
        border-bottom: 1px solid #ffffff;
        padding: 15px 40px 15px 15px;
        font-size: 14px;
        color: #ffffff;
        cursor: pointer;
        transition: background 0.6s;
      }

      .ms_menu__item:hover { background: rgba(243, 106, 33, 0.0); }

      .hide-menu {
        opacity: 0;
        transition: all 0.06s;
        position: relative;
        z-index: 0;
        left: 150px;
      }

      a.ms_menu_enlace {
        color: #ffffff;
      }

      a.ms_menu_enlace:hover {
        text-decoration: none;
        color: #f36b21;
      }

      .show-menu {
        transition: all 0.1s;
        left: -1px;
      }
}