th.no_border{
    border: 0px solid white;
}

td.no_border{
    border:  none;
}
    
@media screen and (min-width: 320px) {

 
    .col-xs-6.pull-left.bill{
        padding-left: 0px;
    }

    span.bill_no.pull-left{
         font-size: 12px;
         padding-top: 10px;
    }

    span.gst{
        font-size: 12px;
    }

    span.date.pull-left{
        font-size: 12px;
        padding-top: 10px;
    }

    span.time{
        font-size: 12px;
    }

    span.staff.pull-left{
        font-size: 12px;
        padding-top: 10px;
    }

    h4.bill_no.pull-left{
        font-size: 11px;
        color: black;
        margin-top: 9px;
        margin-bottom: -6px;
    }

    h4.gst{
        font-size: 11px;
        color: black;
    }

    th.no_border.header_text{
        font-size: 12px;
    }

    td.no_border.products{
        font-size: 12px;
        border: none;
        padding-right: 18px !important;
    }

    .col-xs-6.gst_new{
        padding-left: 0px;
        padding-right: 0px;
    }

    .col-xs-3.pad_right_left{
        padding-right: 0px;
        padding-left: 0px;
        text-align: left;
    }

    .col-xs-3.pull-left.sub_total{
        padding-left: 0px;
    }


}


@media screen and (min-width: 568px) {

 
    .col-xs-6.pull-left.bill{
        padding-left: 0px;
    }

    span.bill_no.pull-left{
         font-size: 12px;
         padding-top: 10px;
    }


    span.gst{
        font-size: 12px;
    }

    span.date.pull-left{
        font-size: 12px;
        padding-top: 10px;
    }

    span.time{
        font-size: 12px;
    }

    span.staff.pull-left{
        font-size: 12px;
        padding-top: 10px;
    }

    h4.bill_no.pull-left{
        font-size: 11px;
        color: black;
    }

    h4.gst{
        font-size: 11px;
        color: black;
    }

    th.no_border.header_text{
        font-size: 12px;
    }

    td.no_border.products{
        font-size: 12px;
        border: none;
        padding-right: 18px !important;
    }

    .col-xs-6.gst_new{
        padding-left: 110px !important;
    }

    .col-xs-3.pad_right_left{
        padding-right: 0px;
        padding-left: 0px;
    }

}

@media screen and (min-width: 533px) {

 
    .col-xs-6.pull-left.bill{
        padding-left: 0px;
    }

    span.bill_no.pull-left{
         font-size: 12px;
         padding-top: 10px;
    }


    span.gst{
        font-size: 12px;
    }

    span.date.pull-left{
        font-size: 12px;
        padding-top: 10px;
    }

    span.time{
        font-size: 12px;
    }

    span.staff.pull-left{
        font-size: 12px;
        padding-top: 10px;
    }

    h4.bill_no.pull-left{
        font-size: 11px;
        color: black;
    }

    h4.gst{
        font-size: 11px;
        color: black;
    }

    th.no_border.header_text{
        font-size: 12px;
    }

    td.no_border.products{
        font-size: 12px;
        border: none;
        padding-right: 18px !important;
    }

    .col-xs-6.gst_new{
        padding-left: 100px !important;
    }

    .col-xs-3.pad_right_left{
        padding-right: 0px;
        padding-left: 0px;
    }

}

@media screen and (min-width: 480px) {

 
    .col-xs-6.pull-left.bill{
        padding-left: 0px;
    }

    span.bill_no.pull-left{
         font-size: 12px;
         padding-top: 10px;
    }


    span.gst{
        font-size: 12px;
    }

    span.date.pull-left{
        font-size: 12px;
        padding-top: 10px;
    }

    span.time{
        font-size: 12px;
    }

    span.staff.pull-left{
        font-size: 12px;
        padding-top: 10px;
    }

    h4.bill_no.pull-left{
        font-size: 11px;
        color: black;
    }

    h4.gst{
        font-size: 11px;
        color: black;
    }

    th.no_border.header_text{
        font-size: 12px;
    }

    td.no_border.products{
        font-size: 12px;
        border: none;
        padding-right: 18px !important;
    }

    .col-xs-6.gst_new{
        padding-left: 70px;
    }

    .col-xs-3.pad_right_left{
        padding-right: 0px;
        padding-left: 0px;
    }

}

@media screen and (min-width: 360px) {

 
    .col-xs-6.pull-left.bill{
        padding-left: 0px;
    }

    span.bill_no.pull-left{
         font-size: 12px;
         padding-top: 10px;
    }


    span.gst{
        font-size: 12px;
    }

    span.date.pull-left{
        font-size: 12px;
        padding-top: 10px;
    }

    span.time{
        font-size: 12px;
    }

    span.staff.pull-left{
        font-size: 12px;
        padding-top: 10px;
    }

    h4.bill_no.pull-left{
        font-size: 11px;
        color: black;
    }

    h4.gst{
        font-size: 11px;
        color: black;
    }

    th.no_border.header_text{
        font-size: 12px;
    }

    td.no_border.products{
        font-size: 12px;
        border: none;
        padding-right: 18px !important;
    }

    .col-xs-6.gst_new{
        padding-left: 20px;
    }

    .col-xs-3.pad_right_left{
        padding-right: 0px;
        padding-left: 0px;
    }

}


@media only screen and (min-width: 640px) {
       


    .col-xs-6.pull-left.bill{
        padding-left: 0px;
    }

    span.bill_no.pull-left{
         font-size: 12px;
         padding-top: 10px;
    }


    span.gst{
        font-size: 12px;
    }

    span.date.pull-left{
        font-size: 12px;
        padding-top: 10px;
    }

    span.time{
        font-size: 12px;
    }

    span.staff.pull-left{
        font-size: 12px;
        padding-top: 10px;
    }

    h4.bill_no.pull-left{
        font-size: 11px;
        color: black;
    }

    h4.gst{
        font-size: 11px;
        color: black;
    }

    th.no_border.header_text{
        font-size: 12px;
    }

    td.no_border.products{
        font-size: 12px;
        border: none;
        padding-right: 18px !important;
    }

    .col-xs-6.gst_new{
        padding-left: 140px !important;
    }
}


@media screen and (min-width: 375px){
  

    .col-xs-6.pull-left.bill{
        padding-left: 0px;
    }

    span.bill_no.pull-left{
         font-size: 12px;
         padding-top: 10px;
    }    


    span.gst{
        font-size: 12px;
    }

    span.date.pull-left{
        font-size: 12px;
        padding-top: 10px;
    }

    span.time{
        font-size: 12px;
    }

    span.staff.pull-left{
        font-size: 12px;
        padding-top: 10px;
    }

    h4.bill_no.pull-left{
        font-size: 11px;
        color: black;
    }

    h4.gst{
        font-size: 11px;
        color: black;
    }

    th.no_border.header_text{
        font-size: 12px;
    }

      td.no_border.products{
        font-size: 12px;
        border:  none;
    }

     .col-xs-6.gst_new{
        padding-left: 24px;
    }

    

}

@media screen and (min-width: 667px){

    .col-xs-6.pull-left.bill{
        padding-left: 0px;
    }

    span.bill_no.pull-left{
         font-size: 12px;
         padding-top: 10px;
    }    


    span.gst{
        font-size: 12px;
    }

    span.date.pull-left{
        font-size: 12px;
        padding-top: 10px;
    }

    span.time{
        font-size: 12px;
    }

    span.staff.pull-left{
        font-size: 12px;
        padding-top: 10px;
    }

    h4.bill_no.pull-left{
        font-size: 11px;
        color: black;
    }

    h4.gst{
        font-size: 11px;
        color: black;
    }

    th.no_border.header_text{
        font-size: 12px;
    }

      td.no_border.products{
        font-size: 12px;
        border:  none;
    }

    .col-xs-6.gst_new{
        padding-left: 175px !important;
    }
}



@media screen and (min-width: 414px){


    .col-xs-6.pull-left.bill{
        padding-left: 0px;
    }

    span.bill_no.pull-left{
         font-size: 12px;
         padding-top: 10px;
    }    


    span.gst{
        font-size: 12px;
    }

    span.date.pull-left{
        font-size: 12px;
        padding-top: 10px;
    }

    span.time{
        font-size: 12px;
    }

    span.staff.pull-left{
        font-size: 12px;
        padding-top: 10px;
    }

    h4.bill_no.pull-left{
        font-size: 11px;
        color: black;
    }

    h4.gst{
        font-size: 11px;
        color: black;
    }

    th.no_border.header_text{
        font-size: 12px;
    }

    td.no_border.products{
        font-size: 12px;
        border:  none;
        padding-right: 18px;
    }

     .col-xs-6.gst_new{
        padding-left: 55px;
    }

    

}

@media screen and (min-width: 736px){


    .col-xs-6.pull-left.bill{
        padding-left: 0px;
    }

    span.bill_no.pull-left{
         font-size: 12px;
         padding-top: 10px;
    }    


    span.gst{
        font-size: 12px;
    }

    span.date.pull-left{
        font-size: 12px;
        padding-top: 10px;
    }

    span.time{
        font-size: 12px;
    }

    span.staff.pull-left{
        font-size: 12px;
        padding-top: 10px;
    }

    h4.bill_no.pull-left{
        font-size: 11px;
        color: black;
    }

    h4.gst{
        font-size: 11px;
        color: black;
    }

    th.no_border.header_text{
        font-size: 12px;
    }

    td.no_border.products{
        font-size: 12px;
        border:  none;
        padding-right: 18px;
    }

    .col-xs-6.gst_new{
        padding-left: 200px !important;
    }

}