.sub-category-grid {margin: 10px 0 30px 0}
.sub-category-grid .item-category {float:left;margin:10px 0;text-align:center;padding:0}
.sub-category-grid .item-category:nth-child(odd) {padding-right:10px;}
.sub-category-grid .item-category:nth-child(even) {padding-left:10px;}

.category_rank_1 .sub-category-grid .item-category a img{width:100%;height:100%}
.category_rank_1 .sub-category-grid .item-category .title{cursor:pointer; position: absolute; text-align: center; bottom: 0px; width: 100%;  background: rgba(255,255,255,0.7);padding:14px 10px 17px 0;height:50px;    transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;}
.category_rank_1 .sub-category-grid .item-category .title a {line-height: 24px;font-size: 15px; font-family: SVN-Gilroy-Medium; color: #333; text-transform: uppercase; overflow: hidden; max-height: 21px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display:-webkit-box; padding:0 25px;}
.category_rank_1 .sub-category-grid .item-category:hover .title{height:100%;padding:100px 0}




@media (max-width:767px) {    
.sub-category-grid .item-category {padding:0 !important}
.category_rank_1 .sub-category-grid .item-category .title{padding: 9px 10px 3px 0;height:40px}
.category_rank_1 .sub-category-grid .item-category .title a{font-size:14px}
.category_rank_1 .sub-category-grid .item-category:hover .title{padding: 9px 10px 3px 0;height:40px}
}