#compare {
    position: fixed;
    top: 0;
    
	border: solid 1px gray;
	background-color: #f9f9f9;
	left: 0;
	height: 100vh;
	width: 20px;
	z-index: 101;
	overflow: auto;
	
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

@media (max-width: 599px) {
	#compare:hover {
		width: 290px;
	}
}
@media (min-width: 600px) and (max-width: 899px) {
	#compare:hover {
		width: 560px;
	}
}
@media (min-width: 900px) {
	#compare:hover {
		width: 830px;
	}
}