.chatbox{
	border: 0px solid red;
	 position: fixed;
    bottom: 0;
    right: 0;
	width: 300px;
	height: 310px;
	
}
@media (min-width: 100px) {.chatbox{display: none;}}
@media (min-width: 768px)  {.chatbox{display: block;}}


	.chat
{
	padding: 5px 20px 20px 20px;
	background: #fff;
	color: #000; 
	/* -webkit-border-radius: 8px; */
/* -moz-border-radius: 8px; */
/* border-radius: 8px; */
border: 1px solid #ccc;

}

.chatinbound{
/* SCROLL FIX */

	overflow-x:hidden;
	overflow-y:hidden;
    height: 150px;

}



.chattitle{
	color: #000;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid #ccc;
	font-size: 20px;
}
.chatsend{
	border-top: 1px solid #ccc;
	padding: 20px 0px 0px 0px;
	color: #000; 
	margin-top: 10px;
}

.title{font-size: 16px;}

.messege{
/* background: #cdec9c; */
padding: 0px;
color: #000;
font-style: italic;
text-align: left;
font-size: 14px;
}


.boxw{border: 0px solid red; width: 95%;}




/* ====================================================================================================================== */
/* ANIAMTION DELAYs FOR BOXES */
/* ====================================================================================================================== */	
	
	#anichatbox {
		-webkit-animation-delay: 2s;
		-moz-animation-delay: 2s;
		animation-delay: 2s;
	  
	}
	
	
	
	#ani1 {
		-webkit-animation-delay: 5.4s;
		-moz-animation-delay: 5.4s;
		animation-delay: 5.4s;
	  width: 95%;
	}
	
	
	
	/* OLD */
	
	#ani2 {
	  -webkit-animation-delay: 15s;
	  -moz-animation-delay: 15s;
	  animation-delay: 15s;
	   width: 95%;
	}
	#ani3 {
	  -webkit-animation-delay: 4s;
	  -moz-animation-delay: 4s;
	  animation-delay: 4s;
	   width: 95%;
	}
	#ani4 {
	  -webkit-animation-delay: 6s;
	  -moz-animation-delay: 6s;
	  animation-delay: 6s;
	   width: 95%;
	}