/*!
 * @update 23.12.2020
 * @author Webibazaar Template https://www.webibazaar.com
 * @contact info@webibazaar.com 
 * @license
 * Copyright  2016-2020 Winter Infotech Team
 * Dual licensed under the MIT or GPL Version 2 licenses.
 *
 */

.wbpopup-popducts-item {
    position: fixed;
    border-radius: 5px;
    padding: 10px;
    width: 300px;
    z-index: 999;
}
.wbpopup-popducts-item .thumbnail-container{
    border: none;
    box-shadow: none;
    background: transparent;
}
.wbpopup-popducts-item .thumbnail-container:hover{
    border: none;
    box-shadow: none
}
.wbpopup-popducts-price-and-shipping{
    margin-top: 6px;
}
.desktop-top-left {
    top: 15px;
    bottom: unset;
    left: 15px;
    right: unset;
}

.desktop-top-right {
    top: 15px;
    bottom: unset;
    left: unset;
    right: 15px;
}

.desktop-bottom-left {
    top: unset;
    bottom: 15px;
    left: 15px;
    right: unset;
}

.desktop-bottom-right {
    top: unset;
    bottom: 15px;
    left: unset;
    right: 15px;
}

@media(max-width: 767px) {
    .mobile-top-left {
        top: 10px;
        bottom: unset;
        left: 10px;
        right: unset;
    }

    .mobile-top-right {
        top: 10px;
        bottom: unset;
        left: unset;
        right: 10px;
    }

    .mobile-bottom-left {
        top: unset;
        bottom: 10px;
        left: 10px;
        right: unset;
    }

    .mobile-bottom-right {
        top: unset;
        bottom: 10px;
        right: 10px;
        left: unset;
    }
    .wbpopup-popducts-item{
        padding: 5px;
        width: 250px;
    }
    .wbpopup-popducts-image{
        width: 25% !important
    }
    .wbpopup-popducts-name a h4 {
        font-size: 13px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-right: 11px;
    }
}

.wbpopup-popducts .wbpopup-popducts-close-icon-wrapper {
    position: absolute;
    right: 0;
    top: 0;
}
.wbpopup-popducts-wrapper {
    display: flex;
    align-items: center;
    overflow: hidden;
}
.wbpopup-popducts-image {
    width: 30%;
}
.wbpopup-popducts-image a {
    display: block;
    position: relative;
}
.wbpopup-popducts-image a img.wbpopup-products-hover-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(80px);
    -webkit-transform: translateY(80px);
    -o-transform: translateY(80px);
    -ms-transform: translateY(80px);
    -moz-transform: translateY(80px);
    transition: 0.5s all ease-in-out;
}
.wbpopup-popducts-wrapper:hover .wbpopup-popducts-image a img.wbpopup-products-hover-image {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    transition: 0.5s all ease-in-out;
}
.wbpopup-popducts-description {
    width: 70%;
    padding-left: 10px;
}
.wbpopup-popducts-image a img {
    width: 100%;
}
.wbpopup-popducts-name a {
    display: block;
}
.wbpopup-popducts-name a h4 {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    line-height: 20px;
    text-transform: capitalize;
    margin: 0;
}
.wbpopup-popducts-name {
    margin-bottom: 5px;
}
.wbpopup-popducts-price-and-shipping span.price {
    font-size: 16px;
    color: #000;
    font-weight: 500;
}
.wbpopup-popducts .wbpopup-popducts-close-icon-wrapper a {
    color: #000;
    font-size: 18px;
}
.wbpopup-popducts .wbdiscount-product{
    margin:0px 5px;
}
.wbpopup-popducts .regular-price{
    text-decoration: line-through;
}