.icon-circle{
	margin-top: 20px;
}
.icon-circle svg{
	color               : #e84700;
	margin              : 0 auto;
	height              : 35px;
	width               : 35px !important;
	border-radius       : 5px;
	border              : 2px solid #e84700;
	line-height         : 35px;
	cursor              : pointer;
	-webkit-transition  : all  ease-in-out 0.35s;
	-moz-transition     : all  ease-in-out 0.35s;
	-o-transition       : all  ease-in-out 0.35s;
	-ms-transition      : all  ease-in-out 0.35s;
	transition          : all  ease-in-out 0.20s,background-color ease-in-out 0.05s;
}

.icon-circle  svg:hover{
	background-color        : #e84700;    
	color                   : #fff;
	border                  : 1px solid #e84711;
	-moz-box-shadow         : inset 0px 0px 0px 2.5px #ffffff;
	-o-box-shadow           : inset 0px 0px 0px 2.5px #ffffff;
	-ms-box-shadow          : inset 0px 0px 0px 2.5px #ffffff;
	-webkit-box-shadow      : inset 0px 0px 0px 2.5px #ffffff;
	box-shadow              : inset 0px 0px 0px 2.5px #ffffff;
	-ms-transform           : scale(1.2,1.2); 
	-webkit-transform       : scale(1.2,1.2);
	-moz-transform          : scale(1.2,1.2); 
	-o-transform            : scale(1.2,1.2); 
	transform               : scale(1.2,1.2);  
}

.icon-circle  i:before{
	margin-left         : 0px;
	font-size           : 15px;
}

@media (min-width:320px) and (max-width:768px) {
	.article-title{
		text-align: center;
	}

	.icon-circle svg{
		font-size           : 15px;
		color               : #e84700;
		margin              : 0 auto;
		height              : 40px;
		width               : 40px !important;
		border-radius       : 5px;
		border              : 2px solid #e84700;
		line-height         : 40px;
		cursor              : pointer;
		-webkit-transition  : all  ease-in-out 0.35s;
		-moz-transition     : all  ease-in-out 0.35s;
		-o-transition       : all  ease-in-out 0.35s;
		-ms-transition      : all  ease-in-out 0.35s;
		transition          : all  ease-in-out 0.20s,background-color ease-in-out 0.05s;
	}

	.icon-circle  svg:hover{
		background-color        : #e84700;    
		color                   : #fff;
		border                  : 1px solid #e84711;
		-moz-box-shadow         : inset 0px 0px 0px 2.5px #ffffff;
		-o-box-shadow           : inset 0px 0px 0px 2.5px #ffffff;
		-ms-box-shadow          : inset 0px 0px 0px 2.5px #ffffff;
		-webkit-box-shadow      : inset 0px 0px 0px 2.5px #ffffff;
		box-shadow              : inset 0px 0px 0px 2.5px #ffffff;
		-ms-transform           : scale(1.2,1.2); 
		-webkit-transform       : scale(1.2,1.2);
		-moz-transform          : scale(1.2,1.2); 
		-o-transform            : scale(1.2,1.2); 
		transform               : scale(1.2,1.2);  
	}

	.icon-circle  i:before{
		margin-left         : 0px;
		font-size           : 20px;
	}   
}

.ifacebook svg{
	color               :#3B5998;
	border              :2px solid #3B5998;
}

.ifacebook svg:hover{
	background-color        : #3B5998;    
	color                   : #fff;
	border                  : 1px solid #3B5998;
}

.itwittter svg{
	color               : #33ccff;
	border              :2px solid #33ccff;
}

.itwittter svg:hover{   
	background-color        : #33ccff;    
	color                   : #fff;
	border                  : 1px solid #33ccff;
}

.igoogle svg{
	color               : #BD3518;
	border              :2px solid #BD3518;
}

.igoogle svg:hover{
	background-color        : #BD3518;    
	color                   : #fff;
	border                  : 1px solid #BD3518;
}

.iLinkedin svg{
	color               : #007bb7;
	border              :2px solid #007bb7;
}

.iLinkedin svg:hover{
	background-color        :#007bb7;    
	color                   : #fff;
	border                  : 1px solid #007bb7;
}