.sidr {
   background: #fff;
   display: block;
   position: fixed;
   top: 0;
   height: 100%;
   z-index: 999999;
   width: 320px;
   overflow-x: hidden;
   overflow-y: auto;
}

.sidr .sidr-inner {
   padding: 0 0 15px;
}

.sidr.right {
   left: auto;
   right: -320px;
}

.sidr.left {
   left: -320px;
   right: auto;
}

.sidr {
   padding-left: 15px;
   padding-right: 15px;
}

@media only screen and (min-width: 992px) {
   body.sidr-open:before {
       content: "";
       left: 0;
       top: 0;
       z-index: 102;
       width: 100%;
       height: 100%;
       position: fixed;
       cursor: pointer;
       -webkit-transition: visibility 0s, opacity 0.4s linear;
       transition: visibility 0s, opacity 0.4s linear;
       visibility: visible;
       opacity: 1;
       background-color: #fff;
       background-color: rgba(255, 255, 255, .54);
   }
}

.sidr-class-sidr-button-close {
   font-size: 34px;
   text-align: right;
   display: block;
}