.sale-notification-popup {display: none;width: 270px;padding: 10px 15px 10px 10px;background-color: #ffffff;box-shadow: 0px 0 7px 2px rgba(158,158,158,0.2);margin: 15px;position: fixed;bottom: 0;z-index: 999;border-radius:5px;}
.sale-notification-popup.active-animation {display: block !important;-webkit-animation-name: movebottom;animation-name: movebottom;animation-fill-mode: forwards;}
.sale-notification-popup .mediaImg {min-width: 60px;border-radius:var(--wt-site-fancy-border, 0px);}
.sale-notification-popup .media-body {flex: auto;width: auto;max-width: calc( 100% - 75px);}
.sale-notification-popup .smtlt {color: #6c757d;font-size: 12px;font-weight: 500;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;max-width: 95%;}
.sale-notification-popup .pname {font-size: 14px;font-weight: 600;margin: 5px 0;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.sale-notification-popup .detail {font-size: 11px;line-height: 1.2;margin: 0;color: #6c757d;font-weight: 400;}
.sale-notification-popup .view-link {margin-top: 10px;color: #6c757d;font-size: .9em;}
.sale-notification-popup .close { font-size:13px; cursor:pointer; position:absolute; right:10px; top:6px; z-index:99; }
@-webkit-keyframes movebottom { 0% { display:block; bottom:-200px; } 25% { bottom:0px; } 75% { bottom:0px; } 100% { display:none; bottom:-200px; } }
@keyframes movebottom { 0% { display:block; bottom:-200px; } 25% { bottom:0px; } 75% { bottom:0px; } 100% { display:none; bottom:-200px; } }
@media screen and (max-width:767px){.sale-notification-popup.wtmob-hide{display:none !important;}}