.tmp-all-products-summery-container{position:relative;background-color:#fff;box-shadow:0 0 4px 0 rgb(0 0 0/8%);cursor:pointer}.tmp-all-products-summery-container .tmp-all-products-summery-image{position:relative}.tmp-all-products-summery-container .image{margin:0 auto;overflow:hidden}.tmp-all-products-summery-container .hot{color:#fff;font-size:12px;border-bottom-right-radius:4px;text-align:left;margin-bottom:0;position:absolute;top:0;padding:5px 10px;left:0}.tmp-all-products-summery-container h4{color:#232d3b;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tmp-all-products-summery-container p{font-size:18px;color:#232d3b;font-weight:500;letter-spacing:-.5px;margin-bottom:0}.tmp-all-products-summery-image .hover-box{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:.6s linear}.tmp-all-products-summery-image .hover-box ul{padding-left:0;position:absolute;top:80%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;font-size:17px;display:flex}.tmp-all-products-summery-image .hover-box ul li{line-height:40px;border-radius:5px;text-align:center;font-size:12px;list-style:none;display:inline-block;margin-bottom:20px}.tmp-all-products-summery-image .hover-box ul button{border:none;background-color:transparent;color:#fff}.tmp-all-products-summery-image:hover .hover-box{opacity:.8;background:#222;transition:1s}@media only screen and (min-width:0px) and (max-width:550px){.tmp-all-products-summery-container{margin-left:0}}@media only screen and (min-width:0px) and (max-width:500px){.tmp-all-products-summery-container p{font-size:14px}}.tmp10-categories-summery-22:hover{box-shadow:0 10px 10px 0 #b7b6b6;transition:margin-bottom .3s ease,box-shadow .3s ease}