@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;
	}

	/* 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;
	}

	.activity-padd-left {
	  padding-left: 15px;
	}
}

@media screen and (max-width: 767px) {
	/* 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 */

}

@media screen and (max-width: 767px) {
  .drop-marg {
  	border: 0px solid #09A3A3;
    padding-left:0px;
    padding-right:0px;
    padding-top:10px;
    padding-bottom:10px;
  }
}

@media screen and (max-width: 767px) {
  .invoice-td {
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
	.header {
		height: auto;
	}

	.header .logo1 {
		display: inline-flex;
		align-items: center;
		padding: 8px 10px;
	}

	.header .logo1 .img-logo {
		height: 32px;
		width: auto;
	}

	.header .mobile-title {
		float: none !important;
		display: block;
		margin: 4px 10px 8px !important;
		font-size: 14px;
		line-height: 18px;
	}

	.header .navbar {
		width: 100%;
		margin: 0;
	}

	.header .navbar .navbar-brand.logo {
		float: none;
		display: block;
		margin: 0 10px 6px;
		white-space: normal;
		max-width: 100%;
	}

	.header .navbar .navbar-btn.sidebar-toggle {
		margin: 8px 10px;
	}

	.header .navbar .navbar-brand.logo + div {
		margin-left: 0 !important;
		width: 100%;
	}

	#header_search_form {
		width: 100%;
	}

	.custom-search-container {
		position: static !important;
		margin: 6px 10px 10px !important;
		width: calc(100% - 20px) !important;
		display: flex;
		align-items: center;
		gap: 8px;
	}

	.custom-search-input {
		width: 100% !important;
		flex: 1 1 auto;
		padding: 8px 12px;
	}

	.custom-search-btn {
		padding: 8px 12px;
		border-radius: 999px;
	}
}