.right-panel-toggle {
  cursor: pointer;
}

.right-panel-close{
  position: absolute;
  top: 3px;
  left: 14px;
  border-radius: 2px;
  font-size: 8px;
}

@media screen and (max-width: 768px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
  }

  .row-offcanvas-left
  #sidebarLeft {
    left: -50%;
  }

 
  .row-offcanvas-right 
  .sidebarRight {
    right: -100%;
        /*display: none;*/
  }


  .row-offcanvas-right 
  .sidebarRight-open {
    right: 0%;
    /*display: block;*/
  }


  .row-offcanvas-right.active {
    right: 50%;
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 100%;
    margin-left: 10px;

  }
  #offcanvasleft,#offcanvasright{margin-top:10px;}
}