




   
       
  
 
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
	
}

@media (max-width: 991px){
.page-title-box .breadcrumb{float: none; display: block; clear: both; padding-top: 8px !important;}		
	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.home-protal-block{margin-left:0px; margin-right:0px;}
    .billingList {
        width: 347px;
        overflow-wrap: break-word;
    }	
}

@media (max-width: 767px){
.topbar .navbar-nav.navbar-right {float: right;}
.topbar .navbar-nav .open .dropdown-menu { background-color: #ffffff;  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
left: auto;    position: absolute;   right: 0;}
.topbar .navbar-nav .open .dropdown-menu li {display: block;}
.topbar .navbar-nav { margin: 0;   display: inline-block;}
.topbar .navbar-nav li {display: inline-block;  line-height: 1px;}
.topbar .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .topbar .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color: #fff;}
.home-protal-block{margin-left:0px; margin-right:0px;margin-bottom: 25px;}
.card-box { margin-bottom:60px;   }
.modal-dialog{width:90%; margin: 30px auto;}
    .billingList {
        width: 347px;
        word-break: keep-all;
    }
    /*TABLE RES*/
    .table-bordered {
        border: none !important;
    }
    .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border: none !important;
        padding-left: 150px;
        word-wrap: break-word;
        width: 260px;
    }
table, thead, tbody, th, td, tr {display: block;}	
		thead tr {position:absolute; top:-9999px; left:-9999px;}		
		tr {border: 1px solid #eaeaea; padding:20px 15px;}		
		td {border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%;}		
		td:before {position:absolute;top: 6px; left:6px; width:150px; padding-right:10px; white-space:nowrap; font-weight: 600;}
			
		.table-res-list-invoices td:nth-of-type(1):before { content: "Date"; }
		.table-res-list-invoices td:nth-of-type(2):before { content: "Invoice"; }
		.table-res-list-invoices td:nth-of-type(3):before { content: "Desc"; }
		.table-res-list-invoices td:nth-of-type(4):before { content: "Amount"; }
		.table-res-list-invoices td:nth-of-type(5):before { content: "Paid"; }
		.table-res-list-invoices td:nth-of-type(6):before { content: "Final"; }
		.table-res-list-invoices td:nth-of-type(7):before { content: "Actions"; }

        .table-res-currentcart-invoices td:nth-of-type(1):before { content: "Invoice"; }
		.table-res-currentcart-invoices td:nth-of-type(2):before { content: "Desc"; }
		.table-res-currentcart-invoices td:nth-of-type(3):before { content: "Charge Amount"; }
		.table-res-currentcart-invoices td:nth-of-type(4):before { content: "GST"; }
		.table-res-currentcart-invoices td:nth-of-type(5):before { content: "Total"; }
		.table-res-currentcart-invoices td:nth-of-type(6):before { content: "Action"; }
		
        .table-res-receipt-invoices td:nth-of-type(1):before { content: "Invoice No."; }
        .table-res-receipt-invoices td:nth-of-type(2):before { content: "Amount"; }
        .table-res-receipt-invoices td:nth-of-type(3):before { content: "GST"; }
		
		#invoice-view-modal td:nth-of-type(1):before { content: "Item Code"; }
		#invoice-view-modal td:nth-of-type(2):before { content: "Supply Date"; }
		#invoice-view-modal td:nth-of-type(3):before { content: "Item Desc"; }
		#invoice-view-modal td:nth-of-type(4):before { content: "Quantity"; }
		#invoice-view-modal td:nth-of-type(5):before { content: "Charge Amount"; }
		#invoice-view-modal td:nth-of-type(6):before { content: "GST"; }

        .table-view-modal td:nth-of-type(1):before { content: "Item Code"; }
		.table-view-modal td:nth-of-type(2):before { content: "Supply Date"; }
		.table-view-modal td:nth-of-type(3):before { content: "Item Desc"; }
		.table-view-modal td:nth-of-type(4):before { content: "Quantity"; }
		.table-view-modal td:nth-of-type(5):before { content: "Charge Amount"; }
		.table-view-modal td:nth-of-type(6):before { content: "GST"; }

        .table-billing-fee-list td:nth-of-type(1):before { content: "ItemCode"; }
		.table-billing-fee-list td:nth-of-type(2):before { content: "Desc"; }
		.table-billing-fee-list td:nth-of-type(3):before { content: "BillingTypeId"; }
		.table-billing-fee-list td:nth-of-type(4):before { content: "Amount"; }
        .table-billing-fee-list td:nth-of-type(5):before { content: "AuthorityLevel"; }
		.table-billing-fee-list td:nth-of-type(6):before { content: "GST"; }
		.table-billing-fee-list td:nth-of-type(7):before { content: "EffectiveDate"; }
		.table-billing-fee-list td:nth-of-type(8):before { content: "Actions"; }

        .table-res-list-receipt td:nth-of-type(1):before { content: "Date"; }
		.table-res-list-receipt td:nth-of-type(2):before { content: "Receipt"; }
		.table-res-list-receipt td:nth-of-type(3):before { content: "Desc"; }
		.table-res-list-receipt td:nth-of-type(4):before { content: "Total"; }
		.table-res-list-receipt td:nth-of-type(5):before { content: "GST"; }
		.table-res-list-receipt td:nth-of-type(6):before { content: "Surcharges"; }
		.table-res-list-receipt td:nth-of-type(7):before { content: "Actions"; }

        .table-manual-renewal-list td:nth-of-type(1):before { content: "ClientId"; }
		.table-manual-renewal-list td:nth-of-type(2):before { content: "Name"; }
		.table-manual-renewal-list td:nth-of-type(3):before { content: "DateOfRenewal"; }

        .table-receipt-invoices td:nth-of-type(1):before { content: "ReceiptId"; }
		.table-receipt-invoices td:nth-of-type(2):before { content: "InvoiceId"; }
		.table-receipt-invoices td:nth-of-type(3):before { content: "Amount"; }
        .table-receipt-invoices td:nth-of-type(4):before { content: "GST"; }

	
/*TABLE RES*/
}


@media only screen and (min-width:568px) and (max-width:767px) {
.home-protal .col-sm-4 {float:left !important;  width: 50% !important;}	
}

@media (max-width:567px){
.table-block .table td a { margin-right: 8px;}
 tr {padding:20px 8px;}
.table-res-list-invoices  td:before {width: 100px;}	
.table-res-list-invoices td{padding-left: 109px !important;}	

#invoice-view-modal td:before{width:109px;}
#invoice-view-modal td{padding-left:70px;}
#ItemDesc_chosen { width : 230px;}
}

@media (max-width:480px){
.content-page .content{margin-top: 115px;}
.navbar-nav.navbar-right {float:none !important; display:block; clear: both;}	
.topbar .topbar-left{float:none !important;}
.topbar  .navbar-default{text-align:center;}
.navbar-right .dropdown .waves-effect{margin: 12px 0 0 0;}	
}

@media(max-width:767px){
    #response {
        width:320px;
    }
    #video {
        width: 290px;
    }

    .billingList {
        width: 347px;
        word-break: keep-all;
    }
}

@media(max-width:567px) {

    .billingList {
        width: 300px;
        word-break: keep-all;
    }
}