.growl-wrapper {
	position: fixed;
	width: 90%;
	z-index: 9999;
}

@media all and (min-width: 700px) and (max-width: 1000px) {
	.growl-wrapper {
		width: 50%;
	}	
}

@media all and (min-width: 1000px) {
	.growl-wrapper {
		width: 30%;
	}	
}

.growl-wrapper.bottom-left, .growl-wrapper.top-left {
	left : 0;
}

.growl-wrapper.bottom-right, .growl-wrapper.top-right {
	right : 5%;
}

.growl-container {
	position: relative;
	padding : 10px;
}

.growl {
	margin: 5px 0 5px 0;
}