#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%;
	}
}