@media screen and (max-width: 480px) {
	.box > .box-header > .breadcrumb {
		background: none !important; 
		float: left;
		padding: 15px 10px 10px 15px;
		margin-bottom: 0px;
		position: relative;
	}
  .editBTN {
    display: none;
  }
  .left-side {
    top:10px;
  }
  .small-box h3 {
    font-size:23px;
  }

	/* Login Panel */
	.form-box > .header {
	  margin-top: -50px;
	}
	/* Login Panel */

	/* View breadcrumb Start */
	.well .breadcrumb {
	  float: left;
	  margin-bottom: 10px;
	  padding: 8px 0px;
	}
	/* View breadcrumb Close */

	/* Issue Button margin Start */
	.iss-mar {
		margin-top: 8px;
	}
	/* Issue Button margin Start */

	/* Report Select * Button Margin Start */
	.rep-mar {
		margin-top: 12px !important;
	}
	/* Report Select * Button Margin Close */

	.margin-top-bottom {
  		padding-left:0px;
  		padding-right:0px;
  		margin: 10px 0px;
	}

	.main-footer { 
		margin-left: 0px;
		display:none;
	}

	.activity-padd-left {
	  padding-left: 15px;
	}
	.form-horizontal .control-label {
		text-align: left;
    font-size:0.95em;
	}
	.break-top {
		margin-top:10px;
	}
	.box {
		margin-bottom:20px;
	}
	.select-Urdu {
	  width: 100%;
	}
	.width-auto, .auto {
		width: 100% !important;
	}
	.buttons a.mrg {
		width:100%;
		margin-bottom:10px;
	}
	.buttons a.mrg:first-child {
		margin-right:auto;
	}
	.buttons a.mrg:last-child {
		margin-left:auto;
	}
	div.dataTables_info {
		text-align:center;
	}
	
	label.cm-required:not(.hideAstric)::after {
		display:none;
	}
	
	label.cm-required:not(.hideAstric)::before {
		content: '*';
		float: left;
		color: #f56954;
		font-weight: 600;
		padding-right:8px;
	}	
	
	form .control-label {
		display: block;
		width: 100%;
		text-align: left;		
	}

	form .controls {
		width: 100%;
		margin-left:auto;
	}
	
	.form-control.w-auto {
		width:100% !important;
	}
  .buttons-print, .buttons-excel {
    display:none;
  }
  .box .box-body {
    padding:16px 0;
  }
  .nav-tabs-custom > .tab-content {
    padding:16px 8px;
  }
}
@media screen and (max-width: 768px) {
	/* View breadcrumb Start */
	.well .breadcrumb {
	  float: left;
	  margin-bottom: 10px;
	  padding: 8px 0px;
	}
	/* View breadcrumb Close */

	/* Issue Button margin Start */
	.iss-mar {
		margin-top: 8px;
	}
	/* Issue Button margin Start */

		/* Report Select * Button Margin Start */
	.rep-mar {
		margin-top: 12px !important;
	}
	/* Report Select * Button Margin Close */
  .drop-marg {
  	border: 0px solid #09A3A3;
    padding-left:0px;
    padding-right:0px;
    padding-top:10px;
    padding-bottom:10px;
  }
  .invoice-td {
    text-align: left;
  }
	.main-footer {
		margin-left: 0px;
		display: none;
	}	
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
  .dataTables_wrapper .dt-buttons {
    top: 0 !important;
  }
}
@media screen and (max-width: 1024px) {
  .dataTables_wrapper .dt-buttons {
    top: -44px;
  }
  div.dataTables_wrapper div.dataTables_filter input {
    display:block;
    width:100%;
    float:none;
    margin:0;
  }
  div.dataTables_wrapper div.dataTables_info {
    width:100%;
  }
  table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th.dtr-control {
    vertical-align:middle;
  }
  table.dataTable>tbody>tr.child ul.dtr-details {
    width:100%;
  }
  table.dataTable>tbody>tr.child span.dtr-title {
    width:100%;
    display:block;
  }
  .dataTables_wrapper .dt-buttons button.btn-danger {
    right: 0px;
    position: absolute;
    top: -2px;
  }  
  
}