.p-product-title {
    font-size: 18px;
    font-weight: 500;
    padding: 5% 0% 0% 5%;
    color: #1c1c1c;
    font-family: 'Aeonik-Regular', 'Open Sans', Helvetica Neue, Arial, Sans-serif;
}

.div-prod-feat-main {
    padding: 0;
}

.div-prod-main {
    padding: 0;
}

.div-prod-img {
    padding: 0;
    position: relative;
}

.div-prod-img:hover .div-hover-state {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}

.div-hover-state {
    display: none;
    padding: 0% 25% 0% 15%;
}

.div-prod-img:hover .img-product-feat {
    filter: brightness(0.1);
}

.p-hover-title,
.p-hover-desc,
.a-hover-link {
    color: #ffffff;
}

.img-product-feat {
    width: 100%;
}

.p-hover-title {
    font-family: 'Aeonik-Regular', 'Open Sans', Helvetica Neue, Arial, Sans-serif;
    font-size: 18px;
    padding-bottom: 8%;
}

.p-hover-desc {
    font-family: 'Aeonik-Regular', 'Open Sans', Helvetica Neue, Arial, Sans-serif;
    font-size: 14px;
    padding-bottom: 8%;
}

.a-hover-link {
    font-family: 'Aeonik-Regular', 'Open Sans', Helvetica Neue, Arial, Sans-serif;
    font-size: 14px;
}

.a-hover-link:hover {
    cursor: pointer;
    color: #ffffff;
    text-decoration: underline;
}

.div-prod-title {
    padding-bottom: 50px;
}

@media (max-width: 1200px) and (min-width: 998px) {
    .p-product-title {
        font-size: 16px;
    }

    .p-hover-title {
        font-size: 16px;
        padding-bottom: 6%;
    }
    
    .p-hover-desc {
        font-size: 12px;
        padding-bottom: 6%;
    }
    
    .a-hover-link {
        font-size: 12px;
    }
}

@media (max-width: 997px) and (min-width: 885px) {
    .p-product-title {
        font-size: 14px;
    }

    .p-hover-title {
        font-size: 14px;
        padding-bottom: 6%;
    }
    
    .p-hover-desc {
        font-size: 10px;
        padding-bottom: 6%;
    }
    
    .a-hover-link {
        font-size: 10px;
    }
}

@media (max-width: 884px) and (min-width: 768px) {
    .p-product-title {
        font-size: 12px;
    }

    .p-hover-title {
        font-size: 12px;
        padding-bottom: 6%;
    }
    
    .p-hover-desc {
        font-size: 8px;
        padding-bottom: 6%;
    }
    
    .a-hover-link {
        font-size: 8px;
    }
}

@media (max-width: 767px) {
    .div-prod-img:hover .div-hover-state {
        display: none;
    }

    .div-prod-img:hover .img-product-feat {
        filter: none;
    }
}