/* simple-ul-list */


.cnt-list {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;

}
.cnt-list li {
	background: none !important;
	margin: 6px 0.8%;
	text-align: center;
	flex-basis: 48%;
	display: flex;
	flex-direction: column;
	padding: 0px !important;
}
.cnt-list li a {background:#2e599c  ; display: block; color:#fff ; padding: 10px 5px;  flex: 1; display: flex; justify-content: center; align-items: center; }
.cnt-list li a:hover {background: #d5e6ff; color: #000;}

/* contact us */

.contact-mail {
	background: #f0f0f0;
	text-align: center;
	padding: 3px;
	border: 2px solid #ccc;
/*	width: 100%;*/
	width: 50%;
	margin: 12px auto;
	display: table;
}


.contact-mail p {
	font-size: 18px;
	line-height: 24px;
	display: inline-block;
	margin: 5px 3%;
	letter-spacing: 0.2px;
	padding: 5px 0;
	width: auto;
}

.contact-mail p.font-icon::before {
	margin-right: 6px;
}



.cnt-list .font-icon::before {
	margin-right: 5px;
}

.fbb {
	margin: 20px 0;
	text-align: center;
}

.face-book-like {
	background: #f0f0f0;
	padding: 5px 10px;
	color: #000 !important;
	margin: 5px;
}
.fbb span {display: none;}
.face-book-like {color: #000 !important;}
.fbb .font-icon::before {margin: 0;}
.contact-mail.mail-ul{float: left; width: 100%; display: block;}
.contact-mail.mail-ul p{float: left; width: 48%; margin: 5px 0.8%; }



/* RWD  */

@media screen and (max-width: 979px) {	
 
  .contact-mail.mail-ul p {	width: 98%; margin: 1px 1%; }
 .contact-mail p{font-size:15px;margin: 5px 1%;letter-spacing: 0px;}
 .contact-mail {
	width: 100%;
}
}


@media screen and (max-width:767px) {
 
 .contact-mail.mail-ul p {	width: 48%; margin: 3px 1%;font-size:15px;}
 
 
}


@media screen and (max-width:640px) {
 
  .contact-mail.mail-ul p {	width: 98%; margin: 1px 1%; }  
  .cnt-list li {flex-basis: 98%;}
 
}




@media screen and (max-width:480px) {
 
.cnt-list li a{font-size: 14px; line-height: 18px; }
.cnt-list li {	padding: 0 !important;margin: 5px 0.8% !important;}
 .contact-mail p {line-height: 22px;}
 
 
 
}