@media (max-width: 480px) {
  .ui-pnotify {
    height: 470px !important;
    width: 98% !important;
    top: 15px !important;
    position: absolute !important;
  }
  #cart-image {
    width: 230px !important;
    display: block !important;
    margin: 0 auto !important;
  }
  .button-cart {
    width: 100% !important;
  }
  
}
@media (min-width : 481px) and (max-width: 590px) {
  .ui-pnotify {
    height: 470px !important;
    width: 425px !important;
  }
  #cart-image {
    width: 225px !important;
    margin: 0 90px auto !important;;
  }
  .button-cart {
    width: 100% !important;
  }
}
@media (min-width: 591px)  and (max-width: 760px){
  .ui-pnotify {
    height: 470px !important;
    width: 480px !important;
  }
  #cart-image {
    width: 300px !important;
    margin: 0 80px auto !important;;
  }
  .notification-buttons {
    margin: 0 1px auto;
  }
}

@media (min-width: 761px) {
  .ui-pnotify {
    height: 475px !important;
    width: 480px !important;
  }
  #cart-image {
    width: 308px !important;
    margin: 0 68px auto !important;; 
  }
  .notification-buttons{
    margin: 0 1px auto;
  }
}

#cart-image {
    width: 100%;
    margin: 0 auto;
}
.ui-pnotify {
  z-index: 9999;
  right: 0 !important;
  /*! top: 50px !important; */
  left: 0 !important;
  display: block !important;
  margin: 0 auto !important;
}
.ui-pnotify-image {
  margin: 0 auto !important;
}
.notification-buttons {
  margin-top: 5px;
  font-size: 10px;
}
.ui-pnotify-text {
  font-size: 16px !important;
}
.ui-pnotify-title {
  font-size: 15px !important;
}