@media only screen and (max-width:1200px) and (min-width:0px){

		notification{
		position:fixed;
		display:block;
		bottom:0;
		left:0;
		right:0;
		z-index:1;
		}

		notification > div{
		position:relative;
		display:block;
		width:100%;
		height:30px;
		text-align:center;
		font-size:12px;
		line-height:30px;
		}

		@-webkit-keyframes spin{
		0%{transform:rotate(0deg);}
		100%{
		transform:rotate(360deg);
		}
		}

	}

	@media only screen and (min-width:1200px){

		notification{
		position:fixed;
		display:block;
		bottom:10px;
		left:10px;
		z-index:10;
		}

		notification > div{
		position:relative;
		display:block;
		border-radius:3px;
		padding:10px;
		font-size:15px;
		opacity:0.8;
		transition: all 1s;
		}

		notification > div:hover{
		opacity:1.0;
		cursor:pointer;
		}

		@-webkit-keyframes spin{
		0%{transform:rotate(0deg);}
		100%{
		transform:rotate(360deg);
		}
		}

	}

	notification > div.success{
	background-color:#25d366;
	color:#fff;
	}

	notification > div.info{
	background-color:#007bff;
	color:#fff;
	}

	notification > div.warning{
	background-color:#ffa500;
	color:#fff;
	}

	notification > div.error{
	background-color:#f00;
	color:#fff;
	}