.nmlf {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.table > thead {
    background: #ecf0f5;
}

.qb-btn-formater{
    text-align: center;
}

.qb-btn-formater > *{
    margin-right: 7px;
}

.qb-btn-formater > *:last-child{
    margin-right: 0px;
}

.qb-btn-formater{
    padding-bottom: 15px;
}

.cntcheck > div {
    margin-top: 30px;
    margin-bottom: 0px;
}

.cntcheck div > div, .cntcheck_nomr div > div {
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}
/* TABLE RESPONSIVE */

/*.product_control{ width: 40%; text-align: center}*/
/*@media (min-width: 900px) {
    .product_control{ width:20% !important;}
}*/


@media (min-width: 1024px) {
    .product_control{ width:50% !important;}

    /*convert bootstrap button to open options*/
    .qbgroup-controls{
        top: 1px !important;
    }

    .qbgroup-controls button.btn{
        display:none;
    }

    .qbgroup-controls ul.dropdown-menu{
        position: initial;
        display: inline-block;
        float: none;
        float: none;
        min-width: initial;
        width: auto;
    }
    .qbgroup-controls ul.dropdown-menu li{
        display: inline-block;
    }

    .qbgroup-controls ul.dropdown-menu li.divider{
        display: none;
    }

    .qbgroup-controls ul.dropdown-menu>li>a{
        padding: 5px 5px 3px 5px;
        margin: 0px 8px;
    }

    .qbgroup-controls ul.dropdown-menu>li>a:hover{
        border-radius: 3px;
        background: #3c8dbc;
        color: #fff !important;
    }

    .qbgroup-controls ul.dropdown-menu > li > a.qbisDisabled {
        color: #444;
        cursor: not-allowed;
        opacity: 0.5;
        text-decoration: none;
        background: none;
    }

    .qbgroup-controls ul.dropdown-menu > li > a.qbisDisabled:hover{
        color: #444 !important;
    }

}
@media (min-width: 1124px) {
    .product_control{ width:30% !important;}
}
@media (min-width: 1224px) {
    .product_control{ width:17% !important;}
}
@media (min-width: 1366px) {
    .product_control{ width:16% !important;}
}
@media
only screen and (max-width: 1024px),
(min-device-width: 768px) and (max-device-width: 1024px) {

    .ui-dialog
    {
        z-index: 999 !important;
        width: 100% !important;
        top:100px !important;
    }

    #gridview_ tr, .message_board tr ,.message_board th,  .cart tr ,.cart th, #gridview_ th, .product .gift th, .product .gift tr ,.product-view th, .product-view  tr
    {
        text-align: center;
        width: 100% !important;
    }
    .product-view .btn
    {
        margin-bottom: 5px;
    }
    .product-view .btn-number
    {
        margin-top: 5px !important;
    }
    #gridview_ tr img
    {
        width: inherit;
        height: inherit;

    }
    .message_search
    {
        position: inherit !important;
    }
    .cart tr img
    {
        width: 100%;
        height: inherit;

    }


    .product_control{ width: 100%; clear: both}
    .cart .gift
    {
        margin-top: 35px;
        white-space: inherit;
    }
    .price_row p {
        margin-bottom: inherit;
        text-align: inherit;
    }
    .sub_total_row
    {
        text-align: center !important;
    }
    .sub_total_row div
    {
        padding: 8px;
    }
    .thanks
    {
        padding: 0px !important;
        text-align: center;
    }
    .payment_hide, .shipping_hide
    {
        display: none;
    }.resume

     {
         text-align: right !important;
     }
    .resume div
    {
        margin-bottom: 5px;
    }
    .contentreumen
    {
        text-align: left !important;
    }
    .cart-line {
        border-bottom:inherit;
        margin: inherit;
    }
    .prod-sel
    {
        margin-top: 5px;
    }

    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr, tfoot {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    /* thead tr, tfoot tr {
         position: absolute;
         top: -9999px;
         left: -9999px;
     }*/

    tr { border: 1px solid #ccc; }

    td , th{
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }

    td:before, th:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    /*
    Label the data
    */

}