.mc-notification{
	position: relative;
	padding: 12px 0px;
	width: 100%;
	z-index: 9999;
	margin-top:-55px;
}
.mc-notification p{
	margin-bottom: 0px !important;
}
.mc-notification.fixed{
	position: fixed;
}
.notification-content{
	position: relative;
}
.notification-content p{
	margin: 0px !important;
}
.mc-notification .mc-close{
	position: absolute;
	top: 0;
	padding-top:0px;
	bottom: -12px;
	right: -12px;
	text-align: center;
	opacity: 0.7;
	width: 50px;
	height: inherit;
	-webkit-transition: opacity 0.4s ease-in-out;
}
.mc-notification .mc-close i, .mc-notification .mc-close-mobile i{
	font-size: 25px;
	color: white;
}

.mc-notification .cls{
	width: inherit;
	height: inherit;
	display: block;
}
.mc-close:hover{
	opacity: 1;
	cursor: pointer;
}
.reminder{
	width: 45px;
	height: 45px;
	color: white;
	position: absolute;
	background: #f27272;
	right: 0;
	bottom: 0;
	display: block;
	text-align: center;
	line-height: 45px;
	opacity: 0;

}
.reminder i{
	font-size: 22px;
	position: relative;
}
.reminder:hover{
	cursor: pointer;
}
@media screen and (max-width:375px){
	.mc-notification{
		padding-right: 0px;
		position: fixed;
		top: 0px;
	}
	.mc-close-mobile{
		position: absolute;
		top: -10px;
		right: -10px;
		z-index: 9999;
		display: block;
	}
}
@media screen and (min-width: 376px){
	.mc-close-mobile{
		display: none;
	}
}
@media screen and (max-width:1199px){
	.notification-content p{
		padding-right: 45px;
	}
}