.wishlist .table{
    margin-top: 50px;
}
.wishlist thead tr th{
    text-align: center;
}
.wishlist thead tr .image-th{
    width: 120px;
}
.wishlist tbody tr td{
    text-align: center;
    vertical-align: middle;
}
.wishlist tbody tr .stock-out{
    color: #ff3551;
}
.wishlist tbody tr .action a {
    color: #ffffff;
    background-color: var(--primary);
    padding: 10px 15px;
    border-radius: 4px;
}
.wishlist tbody tr .action a i{
    color: #ffffff;
    margin-right: 5px;
}
.wishlist tbody tr .contact-us a {
    color: #ffffff;
    background-color: #41506b;
    padding: 10px 15px;
    border-radius: 4px;
}
.wishlist tbody tr .contact-us a i{
    color: #ffffff;
    margin-right: 5px;
}
.wishlist tbody tr .remove-btn a i{
    transition: 0.5s;
}
.wishlist tbody tr .remove-btn{
    transition: 0.5s;
}
.wishlist tbody tr .remove-btn:hover a i{
    font-size: large;
    color: #ff3551;
}
.wishlist tbody .img img{
    width: 80%;
    height: 100%;
}
.wishlist tbody .img{
    width: 100px;
}
/* Extra-Small Device*/
@media (max-width:575px){
    .wishlist tbody tr .action{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .wishlist tbody tr .action a {
        padding: 10px 5px !important;
        font-size: 8px;
    }
}

/* Small Device col-sm */
@media (min-width:576px) and (max-width:767px){
    .wishlist tbody tr .action{
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 80px;
    }
    .wishlist tbody tr .action a {
        padding: 10px 5px !important;
        font-size: 10px;
    }
}

/* Medium Device col-md */
@media (min-width:768px) and (max-width:991px){
    .wishlist tbody tr .action{
        padding-left: 5px !important;
        padding-right: 5px !important;
        width: 110px;
    }
    .wishlist tbody tr .action a {
        padding: 10px 10px !important;
        font-size: 12px;
    }
}

/* Large Device col-lg */
@media (min-width:992px) and (max-width:1199px){

}