/*
 * Easy Notify ( head-img-txt-list Layout )
 * Main Wrapper and Content
 * Copyright (c) 2012 GhozyLab, Inc. - http://ghozylab.com/
*/


/* Main Wrapper */
.enoty-wrapper {
	position:relative;
}

.noty-content-wrap {
	padding: 25px;
}

.noty-content-right {
	margin-left:3%;
	display:inline-block;
	width: 50%;
	max-width: 50%;
	vertical-align: top;
		}

/* Header Text */
.noty-text-header {
	text-align:left;
	width:100%;
}

.noty-text-header h1 {
	padding: 15px;
	font-weight: bold !important;
	line-height: normal !important;
	
}

/* Notify Image */
.noty-popup-image {
	display:inline-block;
	text-align:center;
	width: 50%;
	max-width: 45%;
	height: auto;
	margin-bottom:15px;
}

.noty-popup-image img {
	max-width: 100%;
	height: auto;
}

/* Main Text */
.noty-popup-content {
	margin-bottom: 25px;
	line-height: 1.5;
	text-align:justify;
}

.noty-popup-content p {
	font-family: Georgia,"Nimbus Roman No9 L",serif;
	font-style:italic;
}

/* Notify Bullets */
.noty-popup-bullet ul{
	list-style: none outside none;
	padding: 0;
	margin: 0;
}

.noty-popup-bullet li:first-child {
    margin-top: 0px;
}

.noty-popup-bullet li {
	padding-left: 35px;
	padding-bottom: 2px;
	margin-bottom:8px;
}

.noty-popup-bullet li p {
	font-weight:normal;
	line-height: normal;
}


@media only screen and (max-width: 767px) {
	
	.noty-popup-bullet-wrap, .noty-popup-content, .enoty-wrapper, .noty-popup-bullet-wrap {
		float:none;
	}
	
	.noty-popup-image, .noty-popup-content, .noty-popup-bullet-wrap, .noty-content-right { /* NOTE : Ypu can add .noty-popup-image img class if you want to get fluid image */
		width: 100% !important;
		max-width: 100% !important;
	}	
	
	.noty-text-header {
		text-align:left;
		margin-bottom: 15px;
	}
		
	.noty-text-header h1 {
		padding: 10px;
		font-size: 22px !important;
		}
		
	.noty-content-right{
		margin: 0;		
		}			
	
}

@media only screen and (max-width: 480px) {	
	
	.noty-popup-bullet-wrap, .noty-popup-content, .enoty-wrapper, .noty-popup-bullet-wrap {
		float:none;
	}
	
	.noty-popup-image, .noty-popup-content, .noty-popup-bullet-wrap, .noty-content-right { /* NOTE : Ypu can add .noty-popup-image img class if you want to get fluid image */
		width: 100% !important;
		max-width: 100% !important;
	}	
	
	.noty-text-header {
		text-align:left;
		margin-bottom: 15px;
	}	
	
	.noty-text-header h1 {
		padding: 10px;
		font-size: 16px !important;
		}
		
	.noty-content-right{
		margin: 0;		
		}			
		
}