@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    .table-responsive  table, .table-responsive thead, .table-responsive tbody, .table-responsive th, .table-responsive td, .table-responsive tr {
        display: block;
    }
    .table-responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .table-responsive tr { border-bottom: 1px solid #eee; }

    .table-responsive tr:nth-child(even) {
        background: #E4F7F2;

    }
/*        .table-responsive tr:nth-child(odd) {background: #FFF}*/

    .table-responsive td
    { 
        /* Behave  like a "row" */
        border: none;
        /*		border-bottom: 1px solid #eee; */
        position: relative;
        /*        display: block;*/
        white-space: normal;
        text-align:left;
        border-top: 0px solid #ddd !important;
        /*        min-width: 50px;*/
    }

    .table-responsive td:before {

        top: 6px;
        left: 6px;
        width: 35%; 
        min-width: 30%;
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
        color :#469ace; word-wrap: break-word;      
    }

    .table-responsive td:before { 
        content: attr(data-label);     
        float: left; 
    }

    .wrapper1 {
        overflow: auto;
    }
    .fixed{
        position: absolute; 
        color: #ff0000;
    }
    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn)
    {
        /*        min-width: 280px;*/

        width: 100%;
    }
    .bootstrap-select 
    { 
        /*        min-width: 280px;*/
    }

    tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        /*        padding: 4px;*/
    }
    .glyphicon
    {
        font-size: 16px;
        top: 3px;
    }
    ul.bar_tabs>li
    {
        margin-top: 0px;
    }

    h4, .h4, h5, .h5, h6, .h6 {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .abcd{
        border-bottom: 1px solid #cccccc;
        padding: 10px 5px 10px 5px;
    }
    .even
    {
        background: #ede8e8; 
    }
    .span_row{
        /*           padding-bottom: 5px;*/
        line-height: 20px;
    }
    .form_heading
    {
        /*        font-weight: 500;*/
        font-size: 14px;
    }
    /*    .popover {
       
            min-width: 150px;
        }*/
    .form-control1
    {
        width: 150px;   
    }
    .form-horizontal span.fa
    {
        display: block !important;
    }
    .task .desc,.task .desc .title
    {
        width: 100% !important; 
    }

    .task .time
    {
        position: relative !important; 
        padding: 5px 5px 5px 5px !important;
    }
}