.row-offcanvas #nav-menu{padding-bottom:50px;}

/*
##### For HTML
<div class="row row-offcanvas row-offcanvas-left">
		<!--? left frame-->
				<div class="left-frame sidebar-offcanvas col-xs-3 col-sm-4 col-md-3" id="sidebar" verpdtmenu-mode="on" pathto_vpm-mode="on">

LEFT-FRAME WILL BE COLLAPSED AT THIS PT*/

@media screen and (min-width: 992px){ /*a#menu-toggle .ctrl-offcanvas*/
  nav.pdt-navbars.sidebar-offcanvas-nav{display:none;} /*body[id*='catalog-']*/
}
@media screen and (max-width: 991px) { /*20190717 ~ 767px*/

  nav.pdt-navbars,
  a#menu-toggle.ctrl-offcanvas.navbar-toggle{display:block;}

  .content-frame{width:100%;} /*20190717*/

  nav.pdt-navbars.sidebar-offcanvas-nav{border-left:none;border-right:none;}
  nav.pdt-navbars:not(.sidebar-offcanvas-nav){margin-left:10px;margin-right:10px;}

  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -100%; /* -85% */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -100%; /* -85% */
  }

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

  .row-offcanvas-left.active {
    left: 100%;
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 85%;
  }

} /*@media*/