@media (min-width: 320px) and (max-width: 991.98px) {
	.main-wrapper{
		height: 100%;
		overflow-y: visible;
	}
	
	.sidebar{
		height: 100%;
	}
}

@media (min-width: 320px) and (max-width: 767.98px) {
	.modal-dialog {
	  width: 100% !important;
	  margin-left: 0;
	}
	
	.modal-min-height-sm{
		flex:unset;
	}
}

@media (min-width: 320px) and (max-width: 575.98px) {
	.perspective-tabs .perspective-tab{
		padding: 6px 6px !important;
		font-size: var(--font-12) !important;
	}
	
	#commonModalIcons .d-flex.align-items-center.m-r-48{
		display: none !important;
	}
	
	.min-btn, .min-btn:active, .min-btn:focus-visible{
		min-width:75px;
	}
	
	.search-container.w-35{
		width:95%;
	}
	
	#content .form-control{
		min-width: 150px;
	}
	
	#content .row .col-md-5, #attachments-div.col-md-4.col-sm-12 {
	  order: 2;
	}
	
	.modal-dialog{
		height: auto;
	}
	
	.modal-body{
		flex:unset;
	}
	
	#uploadAttachmentModal.modal.show{
		display: flex !important;
		align-items: center;
		justify-content: center;
	}
	
	.heading{
		font-size: var(--font-10) !important;
	}
	
	.btn-sm{
		padding: 4px 8px !important;
		font-size: var(--font-10) !important;
		min-height:26px;
	}
	
	.table.start-sticky tbody tr td:first-child, .table.start-sticky thead tr:first-child th:first-child{
		position: unset;
	}
	
	#valuation-table p.text-wrap, table p.text-wrap{
    	word-break: unset !important;
	}
	
	#valuationContainer .w-40{
	    width:100%;
	}
	
	#qrCodeContainer{
	    padding:0px !important;
	}
	
	.profile-menu{
		z-index: 999;
	}
	
	#kycDashboard .mini-tabs .mini-tab{
	  font-size: var(--font-10);
	  overflow: visible;
	  min-width: unset !important;
	  padding: 10px 8px;
	  
	}
	
	#kycDashboard .mini-tabs{
	  overflow-x: scroll;
	}
	
	
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.content-container{
		margin-left:0;
	}
}