/* ==== InfoPopup css start here ==== */
#info_poppup {
    position: relative;
	z-index: 1000;
}

#info_poppup .notify {
	border-radius: 3px;
	display: inline-flex;
	padding: 15px;
	position: fixed;
	z-index: 1000;
	width: 400px;
	height: 135px;
	box-shadow: 0 0 8px 0 #888;
	transition: all .5s ease;
	transform: translate(0, 0);
	overflow-y: auto;
}

#info_poppup .close{
	position: absolute;
	top: 0;
	right: 0;
}

#info_poppup .notify.info-hidden {
	opacity: 0;
	transform: translate(0, 100%);
}

#info_poppup .info-image img {
	max-width: 100px;
}

#info_poppup .info-detail {
	margin-left: 15px;
	position: relative;
}

#info_poppup .info-des {
	font-size: 13px;
	padding-bottom: 15px;
}

#info_poppup .info-link, 
#info_poppup .info-title {
	font-weight: 600;
}

#info_poppup .info-title {
	padding-right: 10px;
}

#info_poppup .top-left {
	left: 5px;
	
}

#info_poppup .top-right {
	right: 5px;
	
}

#info_poppup .bottom-left {
	left: 5px;
	
}

#info_poppup .bottom-right {
	right: 5px;

}
/* ==== InfoPopup css end here ==== */

/* ==== Responsive start here ==== */
@media(max-width: 425px){
	#info_poppup .notify {
		width: auto;
		margin: 15px;
	}
	
	#info_poppup .info-image img {
		max-width: 80px;
	}
}
/* ==== Responsive end here ==== */