/* ----------------------------------------------------------------------------------------------------------------------------------------------------------
 * PRODUCT THUMB LISTING
 * ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
div.thumb_datatable {
    position: relative;
}
div.thumb_datatable table {
    margin-top: 0 !important;
    overflow: hidden;
}
    div.thumb_datatable table thead {
        display: none;
    }
    div.thumb_datatable table tbody {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: calc(100% + 10px);
    }
        div.thumb_datatable table  tr {
            background-color: #FFF;
            height: 450px;
            margin: 10px 10px 0 0 ;
            width: calc(20% - 10px);
        }
            div.thumb_datatable table td {
                border: 0;
                display: flex;
                flex-direction: column;
                height: 100%;
                padding: 13px;
            }
                div.thumb_datatable table  .product_trigger {
                    color: #000;
                    height: 100%;
                }
                    div.thumb_datatable table .product_cover {
                        padding-bottom: 100%;
                        position: relative;
                        max-width: 100%;
                        width: 100%;
                    }
                        div.thumb_datatable table .product_cover > img.product_image {
                            height: auto;
                            max-height: 100%;
                            max-width: 100%;
                            position: absolute;
                            left: 50%;
                            top: 50%;
                            transform: translate(-50%, -50%);
                        }
                        div.thumb_datatable table .product_cover > img.product_agent_flag {
                            bottom: 0;
                            position: absolute;
                            right: 0;
                        }
                    div.thumb_datatable table .product_name {
                        display: -webkit-box;
                        font-weight: 700;
                        margin-top: 5px;
                        overflow: hidden;
                        text-overflow: ellipsis;

                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                    }
                    div.thumb_datatable table .product_price {
                        margin-top: 20px;
                    }
                    div.thumb_datatable table .product_moq {
                        color: #666;
                        font-size: 0.9rem;
                    }
                    div.thumb_datatable table .product_price .price {
                        font-size: 1.2rem;
                        font-weight: 700;
                    }
                    div.thumb_datatable table .product_price .qty_unit {
                        color: #999;
                        font-size: 0.9rem;
                    }
                    div.thumb_datatable table .product_contact_supplier {
                        border-top: 1px solid #EEE;
                        margin-bottom: 25px;
                        margin-top: auto;
                        padding-top: 10px;
                        text-align: center;
                    }
                    div.thumb_datatable table .product_contact_supplier a.btn {
                        background: #FFF;
                        border-color: #CCC;
                        font-size: 0.9rem;
                        font-weight: 700;
                        height: 25px;
                        line-height: 25px;
                        padding-bottom: 0;
                        padding-top: 0;
                    }

div.thumb_datatable table.no_record tr {
    height: auto;
    width: 100%;
}
@media (max-width: 1399px) {
    div.thumb_datatable table tr {
        height: 400px;
        /*min-width: 215px;*/
    }
}

@media (max-width: 1199px) {
    div.thumb_datatable table tr {
        width: calc(25% - 10px);
    }
}

@media (max-width: 991px) {
    div.thumb_datatable table tr {
        width: calc(33.33% - 10px);
    }
}

@media (max-width: 767px) {
    div.thumb_datatable table tr {
        height: 335px;
        width: calc(33.33% - 10px);
    }
}

@media (max-width: 576px) {
    div.thumb_datatable table tr {
        height: 450px;
        width: calc(50% - 10px);
    }
}

@media (max-width: 520px) {
    div.thumb_datatable table tr {
        height: 430px;
    }
}

@media (max-width: 480px) {
    div.thumb_datatable table tr {
        height: 390px;
    }
}

@media (max-width: 380px) {
    div.thumb_datatable table tr {
        height: 330px;
    }
}