.offcanvas{
    width:28rem !important;
    
}  

@media only screen and (max-width: 700px) {
  .offcanvas {
    width:88% !important;
  }
}
body {
       padding-right: 0px !important; 
}

/*transition-delay:4s;
.offcanvas .offcanvas-end {
  overflow: hidden;
}


.offcanvas {
    padding-right: 0px !important;
    overflow: hidden;
}

body {overflow:hidden}
*/
html {
  overflow-x: hidden;
  margin-right: calc(-1 * (100vw - 100%));
}