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

  .menu {
    display: block !important;
    ul {
      list-style: none;
      width: 100%;
      display: flex;
      margin-top: 0;
      justify-content: flex-end;
      text-align: right;

      li {
        display: inline-block;
      }
    }
  }


  #cpanel {
    min-height: 100vh;
    position: relative;
  }


  .left-panel {
    min-height: 100vh !important;
    height: 100% !important;

    .user_profile {
      display: block !important;

      .user_details {
        display: block !important;

        img {
          width: 100px !important;
          margin-bottom: 10px;
        }

      }

      .navigation_toggle {
        display: none;
      }
    }

    .navigation {
      display: block !important;
    }

  }

  .right-panel {
    height: 100vh;
    overflow-y: scroll;
  }

}