.goji-reactions-box span{
	margin: 0px 20px;
    background: #dddddd;
    padding: 20px;
    border-radius: 10px;
    height: 100px;
    width: 100px;
    display: inline-block;
}
.goji-reactions-box span:hover{
	background:#cccccc;
}
.goji-reactions-box .goji-reaction-like {
  transition-delay: 0s;
  position:relative;
}
.goji-reactions-box{
	transition-delay: .05s;
	position: relative;
}
.goji-reaction:before{
	content:"";
	width:40px;
	height:40px;
	position:absolute;
	display:block;
	margin-top:-10px;
	margin-left:10px;
	
}
.goji-reaction:hover:before{
	opacity:0.7;
}
.goji-reactions-box .goji-reaction-like:before{
	background-image: url(../img/react/like.png);
}
.goji-reactions-box .goji-reaction-love:before{
	background-image: url(../img/react/love.png);
}
.goji-reactions-box .goji-reaction-haha:before{
	background-image: url(../img/react/haha.png);
}
.goji-reactions-box .goji-reaction-wow:before{
	background-image: url(../img/react/wow.png);
}
.goji-reactions-box .goji-reaction-sad:before{
	background-image: url(../img/react/sad.png);
}
.goji-reactions-box .goji-reaction-angry:before{
	background-image: url(../img/react/angry.png);
}
.goji-reactions-button {
  position: relative;
  cursor: pointer;
}
.goji-reactions{
	background:#f4f4f4;
	padding:0;
	margin:25px 0px;
	text-align:center;
	
}
.goji-reactions-box span strong{
    position: relative;
    display: block;
    margin-top: 36px;
}
.goji-reaction-count-like{
}
.goji-reaction-count-like strong{
}


.goji-reactions-count {
  line-height: 30px;
  float: right;
  margin-top:20px;
}

.goji-reaction-count {
  display: inline-block;
  margin-left: 5px;
  margin-right:20px;
}

.goji-reaction-count:before {
    content: "";
    float: left;
    width: 20px;
    height: 20px;
    margin: 4px 4px 6px 0;
    background: url(../img/react/like.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
}
.goji-reaction-count-love:before {
  background-image: url(../img/react/love.png);
}

.goji-reaction-count-haha:before {
  background-image: url(../img/react/haha.png);
}

.goji-reaction-count-wow:before {
  background-image: url(../img/react/wow.png);
}

.goji-reaction-count-sad:before {
  background-image: url(../img/react/sad.png);
}

.goji-reaction-count-angry:before {
  background-image: url(../img/react/angry.png);
}
.goji-reactions-main-button{
	font-size:25px;
	margin-bottom:10px;
	clear:both;
}
@media all and (max-width: 768px),only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (-o-min-device-pixel-ratio: 21) and (max-width: 1024px),only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (min-resolution: 192dpi) and (max-width: 1024px),only screen and (min-resolution: 2dppx) and (max-width: 1024px){
	.goji-reactions {
		padding: 10px 4px;
		margin: 25px 0px;
}
	.goji-reactions-box span {
		margin: 0px 8px;
		float: left;
		width: 85px;
		height: 85px;
		margin-bottom: 20px;
}
.goji-reactions-count{
	margin-top:0px;
}
}