#pageslide {
/* These styles MUST be included. Do not change. */
display: none;
position: absolute;
position: fixed;
top: 0;
height: 100%;
z-index: 999999;
/* Specify the width of your pageslide here */
width: 30%;
padding: 2px;
/* These styles are optional, and describe how the pageslide will look */
background-color: #FFFFFF;
color: #FFF;
-webkit-box-shadow: inset 0 0 5px 5px #ddd;
-moz-shadow: inset 0 0 5px 5px #ddd;
box-shadow: inset 0 0 5px 5px #ddd;
}
@media screen and (max-width: 992px) {
#pageslide {
width: 50%;
}
}	
@media screen and (max-width: 560px) {
#pageslide {
width: 80%;
}
}