/* =============================================
-------------------  21.Compare  --------------
==============================================*/

.table .table-title  { width:220px; text-align: right; }

.compare-table tbody > tr> td { text-align:center; padding-left:20px; padding-right: 20px; }

.compare-table .product-top { float:none; max-width: 180px; margin:0 auto 20px; }

.compare-table .product-title { font-size:15px; text-align: center; }

.compare-table .price-col { width: auto; }

.compare-table .btn-delete { margin-bottom: 20px; }

.table .brand-col { text-transform: uppercase; font-size: 13px; font-weight: 500; }

@media (max-width: 991px) { .table .table-title  { width:200px; }

    .compare-table .product-top { max-width: 150px; display: block; }
}

@media (max-width: 767px) { .table .table-title  { width:160px; }

    .compare-table tbody > tr> td  { max-width: 200px; }

    .compare-table .product-top { max-width: 150px; margin-bottom: 15px; }

    .compare-table .btn-delete { margin-bottom: 15px; }

    .table-responsive .table.compare-table tbody > tr > td { white-space: normal; }
}