.listing-items .this_sp_product-box {
    position: relative;
    margin-left: -1px;
    margin-top: -1px;
    margin-bottom: -1px;
    display: -ms-flexbox;
    display: flex;
    padding: 0px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 10px;
    border: none;
    border-radius: 10px;
}

.listing-items .this_sp_product-box .product-box-img {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.container .listing-items .no-padding.item{
    height: auto;
    /*max-width: 100%;*/
}

.container .listing-items .no-padding.item .this_sp_product-box{
    /*max-height: 500px;*/
}

.price-value-wrapper span {
    
}

.product-seller-details-item-grid{
    border-top :0px ;
}

.this_sp_product-box .product-box-img img {
    border-radius: 10px;
    /*max-width:150px;*/
    /*max-height: 520px;*/
    /*min-width:250px;
    max-width:350px;*/
}

.container .listing-items{
    overflow: auto;
}


.this_sp_product-box:hover .onHoverDiv {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all 0s ease-in-out !important;
    background: black;
    display: block;
    opacity: 80%;
    border-radius: 10px;
    cursor: pointer;
}

.this_sp_product-box:hover .onHoverDiv .product-box-title a {
    opacity: 100%;
    color: var(--white);
    background: none;
    font-weight: bolder;
    transition: all 0s ease-in-out !important;
    cursor: pointer;
}

.this_sp_product-box:hover .onHoverDiv .product-main-seller {
    opacity: 100%;
    color: var(--white);
    background: none;
    transition: all 0s ease-in-out !important;
    cursor: pointer;
}

.this_sp_product-box:hover .onHoverDiv div {
    opacity: 100%;
    color: var(--white);
    background: none;
    transition: all 0s ease-in-out !important;
    cursor: pointer;
}


.this_sp_product-box .onHoverDiv{
    opacity: 0;
    display: none;
    -webkit-animation: fadeInFromNone 0s ease-out;
    -moz-animation: fadeInFromNone 0s ease-out;
    -o-animation: fadeInFromNone 0s ease-out;
    animation: fadeInFromNone 0s ease-out;

    /* -webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
    animation: fadeInFromNone 0.5s ease-out; */
    
}

@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 80%;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 80%;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 80%;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 80%;
    }
}

