.product {
    margin-bottom: 20px;
    
}
.product-grid {
    font-family:Raleway,sans-serif;
    text-align:center;
    padding:0 0 72px;
    border:1px solid rgba(0,0,0,.1);
    overflow:hidden;
    position:relative;
    z-index:1
}
.product-grid .product-image {
    position:relative;
    transition:all .3s ease 0s
}
.product-grid .product-image a{
    display:block
}
.product-grid .product-image img {
    width:100%;
    height:auto;
}
.product-grid .cover {
    opacity:1;
    transition:all .3s ease-out 0s
}

.product-grid .product-content {
    background-color: whitesmoke;
    text-align:center;
    padding:12px 0;
    margin:0 auto;
    position:absolute;
    left:0;
    right:0;
    bottom: 0;
    bottom:-27px;
    z-index:1;
    transition:all .3s;
    bottom:0;

    border-radius: 15px 50px 0 0;
}
.product-grid .title {
    font-size:13px;
    font-weight:400;
    letter-spacing:.5px;
    text-transform:capitalize;
    margin:0 0 10px;
    transition:all .3s ease 0s
}

.product-grid .title a{
    color:#828282
}
.product-grid .title a:hover,.product-grid:hover .title a {
    color:black
}
.product-grid .promo {
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: larger;
}
.product-grid .price {
    color:#333;
    font-size:17px;
    font-family:Montserrat,sans-serif;
    font-weight:700;
    letter-spacing:.6px;
    margin-bottom:8px;
    text-align: center;
    transition:all .3s
}
.product-grid .date {
    color: darkgray;
    font-size:10px;
    font-family:Montserrat,sans-serif;
    font-weight:700;
    letter-spacing:.6px;
}

.product-grid .add-to-cart { 
    color:#000;
    font-size:13px;
    font-weight:600;
}

@media only screen and (max-width:990px){.product-grid{margin-bottom:30px}
}

.icon {
    width: 16px;
    height: 16px;
    fill: #ffffff;
}