.searchform form{position:relative;}
.searchform button{position:absolute; right:0; top:0; bottom:0; background:none; border:none; cursor:pointer; font-size:18px; width:50px;}
@media(min-width:992px){
.searchform{padding-top:20px 0;}
}
@media(max-width:991px){
.searchform{padding-top:18px; padding-bottom:18px;}
}


.searchlist{overflow:hidden; background:; }
.searchlist .list-box{text-align:center;}
.searchlist .list-box ul:after{display:block; content:''; clear:both;}
.searchlist .list-box ul li{width:20%; float:left;}
.searchlist .list-box ul li a{display:block; transition:.3s;}
.searchlist .list-box ul li a span{display:block; overflow:hidden;}
.searchlist .list-box ul li a span img{display:block; width:100%; transition:.3s;}
.searchlist .list-box ul li a:hover span img{transform:scale(1.05);} 
.searchlist .list-box ul li a h4{
    display:block; 
    position: relative;
    padding-bottom:0 !important; 
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis; 
    font-weight:inherit;
    height: 40px; line-height: 40px;
    background-color: #eaeaea;
    color: #000;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.searchlist .list-box ul li:hover a h4{background-color: #1258af; color: #fff;}


.searchlist .list-box ul li a h3{display:block; text-align:center; color:red;}
@media(min-width:992px){
.searchlist{padding-top:28px; padding-bottom:28px;}
.searchlist .list-box{margin-bottom:18px;}
.searchlist .list-box ul li{width:20%;}
}
@media(max-width:991px){
.searchlist{padding-top:18px; padding-bottom:18px;}
.searchlist .list-box{margin-bottom:8px;}
.searchlist .list-box ul li{width:50%;}
}
@media(min-width:768px){
.searchlist .list-box ul{margin:0 -8px;}
.searchlist .list-box ul li{padding:8px;}
}
@media(max-width:767px){
.searchlist .list-box ul{margin:0 -4px;}
.searchlist .list-box ul li{padding:4px;}
}