.sidr {
  /* Default Settings */
  display: none;
  position: absolute;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 400px;
  overflow-x: none;
  overflow-y: auto;
  -webkit-box-shadow: 5px 0px 60px 0px #000000;
  -moz-box-shadow: 5px 0px 60px 0px #000000;
  box-shadow: 5px 0px 60px 0px #000000;
}
.sidr.right {
  left: auto;
  right: -400px;
}
.sidr.left {
  left: -400px;
  right: auto;
}
@media screen and (max-width:400px){
	.sidr { width: 320px; }	
}