/* Header */
.page-header {
    padding-top: 9.5rem;
    padding-bottom: 52px;
}
/* End Header */

.card-product {
    border: 2px solid var(--grey);
    transition: all 250ms linear;
}

.card-product:hover .card-body h3,
.card-product:hover .card-body p{
    transition: all 250ms linear;
}

@media (min-width: 768px) and (max-width: 997.98px) {

    /* Header */
    .page-header {
        padding-top: 6rem;
    }
    /* End Header */

}

@media (max-width: 767.98px) {

    /* Header */
    .page-header {
        padding-top: 4.5rem;
    }
    /* End Header */

}

@media only screen and (max-width: 767.98px){
    .card-category-wrapper:nth-child(odd) {
        padding-left: 0.25rem;
    }

    .card-category-wrapper:nth-child(even) {
        padding-right: 0.25rem;
    }
}

@media (hover: hover) and (pointer:fine){

    .card-product:hover {
        background-color: var(--primary);
        transition: all 250ms linear;
    }

    .card-product:hover .card-body h3,
    .card-product:hover .card-body p {
        color: var(--black) !important;
        transition: all 250ms linear;
    }
}