
.sphinxsearch {
	display: none;
	width: 100%;
	position: absolute;
	top: 84px;
	background: #fff;
	Xborder: 1px solid #ccc;
	border-top: 0;
	z-index: 999;
	padding-bottom: 70px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}


.sphinxsearch .categories {
  padding: 10px;
  width: 100%;
display: block;
}

.sphinxsearch .categories a img {
  width: 50px;
  height: auto;
  display: inline-block;
  float: left;
}

.sphinxsearch .categories a {
	text-transform: uppercase;
	text-align: left;
font-size: 13px;
padding: 4px;
vertical-align: middle;

}



.sphinxsearch .products {
  padding: 10px;
  width: 100%;
display: block;
margin-top: 50px;
}


.sphinxsearch #view-all{
    background: #FF384D;
    width: auto;
    color: #fff;
    max-width: 200px;
    margin: auto;
    margin-top: 0px;
        margin-bottom: 10px;
}
.sphinx-viewall {
  width: 100%;
  position: absolute;
  bottom: 11px;
  display: block;
}

.sphinxsearch .categories span,
.sphinxsearch .products span {
	display: block;
	padding: 10px 0;
	font-size: 14px;
	text-align: center;
	background: #eee;
}

.sphinxsearch a {
	display: block;
	color: initial;
	line-height: 1.5;
	font-size:13px;
	text-decoration: none;
	    text-align: center;
	    cursor: pointer;
	    
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
    Xborder: 1px solid #eee;
        border-radius: 10px;
        
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
        
	    
}

.sphinxsearch p{
padding: 4px;
margin: 0px;
}




.sphinxsearch a:hover {
	color: #2196c2;
}

.sphinxsearch a img {
        display: block;
        margin: auto;
}

.sphinx-viewall {
	font-weight: bold;
	text-align: center;
}