/*
======================
For - Big - Screen
======================
*/

@media screen and (min-width: 1400px) and (max-width: 1439px) {



	/*
	-------------------
	Customer.html
	-------------------
	*/

	.customer-tbl-div table tr td:last-of-type {
		width: 11%;
	}



	/*
	-------------------
	Broadcast.html
	-------------------
	*/

	.broadcast-tbl-div tr td {
		font-size: 13px;
	}



	/*
	----------------------
	Broadcast2.html
	----------------------
	*/

	.inr-preview-div {
		padding: 16px 50px;
	}

	.fc-img {
		left: -45px;
	}



	/*
	----------------------
	Message-template.html
	----------------------
	*/

	.message-tabs-area .tab-content-body table tr th,
	.message-tabs-area .tab-content-body table tr td {
		width: auto !important;
	}



	/* 
	========================
	Finance.html
	========================
	*/

	.quotation-formula-table th,
	.quotation-formula-table td {
		font-size: 13px;
	}


	/* 
	========================
	customer-overview.html
	========================
	*/

	#customers-table-id {
		width: 1215px !important;
		overflow-x: auto;
	}




	/* 
	========================
	customer-overview.html
	========================
	*/

	#customers-table-id tr th {
		min-width: 150px !important;
	}

	#customers-table-id tr th:first-child,
	#customers-table-id tr td:first-child {
		min-width: 65px !important;
	}

	#customers-table-id tr th:nth-child(2) {
		min-width: 350px !important;
	}

	#customers-table-id tr th:nth-child(7) {
		min-width: auto !important;
	}




	#evaluation-details-table.evaluation-details-table-class tr th,
	#evaluation-details-table.evaluation-details-table-class tr td,
	#evaluation-details-table.evaluation-details-table-class tr td span {
		/*! min-width: 120px !important; */
		font-size: 12px;
	}


}


/*
=======================
For - Dextop - Screen
=======================
*/

@media screen and (min-width: 1200px) and (max-width: 1399px) {

	.h5-text {
		font-size: 13px;
	}

	.overview__inner__center .aed-item {
		background-color: #F6F6F6;
		width: 207px;
	}




	/*
	------------------
	Dashboard Page
	------------------
	*/


	/* 
	--------------------
	right-side (index)
	--------------------
	*/


	.aed-card {
		grid-template-columns: repeat(3, 1fr);
		gap: 12px;
	}



	/* 
	========================
	Finance.html
	========================
	*/

	.quotation-formula-table th {
		min-width: 100px !important;
	}

	.quotation-formula-table2 th:first-child {
		min-width: 150px !important;
	}

	.quotation-formula-table22 th {
		min-width: 150px !important;
	}

	.finance-body .h5-text {
		font-size: 11px;
	}

	.finance-body .aed-item .d-flex {
		height: 100%;
	}





	/* 
	========================
	Evaluation.html
	========================
	*/

	.bank-table th:first-child {
		width: 59% !important;
	}


	/* 
	========================
	user-details.html
	========================
	*/

	.user-details-table th,
	.user-details-table td,
	.user-details-table td a {
		font-size: 12px;
	}



	/* 
	========================
	add-user.html
	========================
	*/

	.step-form-area #progressbar strong {
		width: 95px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}


	/* 
	========================
	customer-overview.html
	========================
	*/

	#customers-table-id tr th {
		min-width: 150px !important;
	}

	#customers-table-id tr th:first-child,
	#customers-table-id tr td:first-child {
		min-width: 65px !important;
	}

	#customers-table-id tr th:nth-child(2) {
		min-width: 350px !important;
	}

	#customers-table-id tr th:nth-child(7) {
		min-width: auto !important;
	}






	/* 
	========================
	customer-overview2.html
	========================
	*/

	.company-card-head {
		flex-wrap: wrap;
	}

	.company-card-head>a {
		width: 22% !important;
	}


	.form-grid,
	.form-grid2 {
		grid-template-columns: repeat(3, 1fr);
	}

	.form-grid .input-design {
		margin: 0;
	}




	/* 
	========================
	evaluation-overview.html
	========================
	*/

	#evaluation-details-table tr th,
	#evaluation-details-table tr td,
	#evaluation-details-table.evaluation-details-table-class tr th,
	#evaluation-details-table.evaluation-details-table-class tr td {
		min-width: 160px !important;
	}





	/* 
	========================
	evaluation-details.html
	========================
	*/

	.vehicle__details__body table tr td:last-child {
		max-width: 130px !important;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	.document__details__body>.d-flex {
		flex-wrap: wrap;
	}


	.body__inspection__body2 {
		grid-template-columns: repeat(4, 1fr);
	}




	/* 
	===================
	Report.html
	===================
	*/

	#report-results-table tr th,
	#report-results-table tr td {
		font-size: 12px;
	}






	/* 
	======================
	API.html
	======================
	*/


	/* -----Api----- */

	#api-table-id tr th.w-170 {
		min-width: 170px !important;
	}



	/* ------------- */

	.main__card__item .evaluation-cart-area>div {
		width: calc(33.33% - 11px);
	}

	.images__body {
		grid-template-columns: repeat(4, 1fr);
	}

	.body__inspection__blk {
		grid-template-columns: repeat(3, 1fr);
	}

	.select_wrap .form-group {
		width: 33.33% !important;
		flex: 0 0 auto !important;
		padding: 8px !important;
	}

	.select_wrap {
		flex-wrap: wrap;
		gap: 0 !important;
		margin: 0 -8px !important;
	}





	/* ---create-evaluation--- */

	.second__td__end .input-design tbody tr td,
	.vehicle__details__body table tr td,
	.ev__details__body table tr td,
	.representative__td__text table tr td {
		font-size: 11px;
		width: auto !important;
	}



	/* --evaluation__status__box__area-- */

	.inr__evaluation__status__box h5 {
		font-size: 12px;
	}

	.inr__evaluation__status__box h3 {
		font-size: 16px;
	}



	/* ---add-customer-buisness--- */
	
	.bank__details__grid__11 {
		grid-template-columns: repeat(3, 1fr);
	}

}


/*
=======================
For - Leptop - Screen
=======================
*/

@media screen and (min-width: 992px) and (max-width: 1199px) {


	.overview__inner__center .aed-item {
		width: 100%;
	}


	.select_wrap .form-group {
		width: 33.33% !important;
		flex: 0 0 auto !important;
		padding: 8px !important;
	}

	.select_wrap {
		flex-wrap: wrap;
		gap: 0 !important;
		margin: 0 -8px !important;
	}



	/*
	------------------
	Sign In Page
	------------------
	*/

	.account-box {
		margin-left: 30px;
		margin-right: 30px;
	}




	/*
	------------------
	Dashboard Page
	------------------
	*/


	/* 
	--------------------
	right-side (index)
	--------------------
	*/


	.aed-card {
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 12px;
	}



	/* 
	========================
	Finance.html
	========================
	*/

	.income-expense {
		grid-template-columns: 0.7fr 0.3fr;
		gap: 15px;
	}

	.quotation-formula-table th {
		min-width: 150px !important;
	}

	.quotation-formula-table2 th:first-child {
		min-width: 150px !important;
	}

	.finance-body .h5-text {
		font-size: 11px;
	}

	.finance-body .aed-item {
		padding: 9px;
	}



	/* 
	========================
	Finance.html
	========================
	*/

	.quotation-formula-table th {
		min-width: 100px !important;
	}

	.quotation-formula-table2 th:first-child {
		min-width: 150px !important;
	}

	.quotation-formula {
		display: block;
		gap: 0;
	}

	.quotation-formula>div {
		width: 100%;
	}






	/* 
	========================
	add-user.html
	========================
	*/

	.otp-input-fields input {
		width: 50px !important;
		height: 50px !important;
	}




	/* 
	========================
	customer-overview.html
	========================
	*/

	#customers-table-id tr th {
		min-width: 150px !important;
	}

	#customers-table-id tr th:first-child,
	#customers-table-id tr td:first-child {
		min-width: 65px !important;
	}

	#customers-table-id tr th:nth-child(2) {
		min-width: 350px !important;
	}






	/* 
	========================
	customer-overview2.html
	========================
	*/

	.customer-company-grid {
		display: grid;
		grid-template-columns: 300px calc((100% - 300px) - 20px);
		gap: 20px;
	}

	.company-card-head {
		flex-wrap: wrap;
	}

	.company-card-head>a {
		width: 30% !important;
	}

	.customer-form .input-design {
		padding: 10px 12px;
		margin: 10px 0 0;
		font-size: 13px !important;
	}

	#evaluation-placed-table tr th {
		min-width: 150px !important;
	}

	#evaluation-placed-table tr th,
	#evaluation-placed-table tr td {
		font-size: 13px !important;
	}

	.form-grid,
	.form-grid2 {
		grid-template-columns: repeat(3, 1fr);
	}

	.form-grid .input-design {
		margin: 0;
	}



	/* 
	========================
	evaluation-overview.html
	========================
	*/

	.evaluation-select {
		flex-wrap: wrap;
	}

	.evaluation-select>div {
		width: 24%;
	}

	#evaluation-details-table tr th,
	#evaluation-details-table tr td,
	#evaluation-details-table.evaluation-details-table-class tr th,
	#evaluation-details-table.evaluation-details-table-class tr td {
		min-width: 160px !important;
	}

	.evaluation-cart-area {
		grid-template-columns: repeat(3, 1fr);
	}

	.daterangepicker {
		left: 285px !important;
	}


	/* 
	========================
	evaluation-details.html
	========================
	*/

	.vehicle__details__body,
	.company__details__body {
		grid-template-columns: repeat(2, 1fr);
	}

	.images__body,
	.body__inspection__body {
		grid-template-columns: repeat(3, 1fr);
	}

	.vehicle__details__body table tr td:first-child {
		width: 130px !important;
	}

	.vehicle__details__body table tr td:last-child {
		max-width: 130px !important;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	.document__details__body>.d-flex {
		flex-wrap: wrap;
	}

	.document__details__body>.d-flex>figure {
		width: 31%;
	}

	.document__details__body>.d-flex>figure img {
		width: 100%;
	}

	#create-evaluation-id #progressbar li {
		font-size: 11px;
	}




	/* 
	===================
	Report.html
	===================
	*/

	#report-results-table tr th:first-child {
		min-width: 135px !important;
	}

	#report-results-table tr th {
		min-width: 80px !important;
	}

	#report-results-table tr th,
	#report-results-table tr td {
		font-size: 12px;
	}

	.checkbox-td__2 label {
		font-size: 13px;
		padding-left: 25px;
	}






	/* 
	======================
	API.html
	======================
	*/


	/* -----Api----- */

	#api-table-id tr th.w-170 {
		min-width: 170px !important;
	}


	/* -----Evaluation----- */

	.inr__switch__form__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.inr__switch__form__grid2 {
		grid-template-columns: repeat(2, 1fr);
	}





	/* ------------- */

	.main__card__item .evaluation-cart-area>div {
		width: calc(33.33% - 11px);
	}

	.evaluation-cart-content div.d-flex {
		gap: 12px !important;
	}

	.evaluation-cart-content p {
		font-size: 12px !important;
	}

	.evaluation-cart-content p:first-child::after {
		right: 2px;
	}


	.body__inspection__blk {
		grid-template-columns: repeat(3, 1fr);
	}





	/* 
	---------------
	overview
	---------------
	*/
	.kpis__icon {
		width: 35px;
		height: 35px;
	}

	.kpis__icon img {
		width: 25px;
	}

	.kpis__card__content h3 {
		font-size: 16px;
		margin: 0;
	}

	.kpis__card__content p {
		font-size: 12px !important;
	}

	.financial-grid-bank-evaluation {
		grid-template-columns: repeat(1, 1fr);
	}

	.overview__chart--wrap {
		flex-wrap: wrap;
	}

	.overview__chart {
		margin: 0 auto;
	}



	/* ---create-evaluation--- */

	.second__td__end .input-design tbody tr td,
	.vehicle__details__body table tr td,
	.ev__details__body table tr td,
	.representative__td__text table tr td {
		font-size: 11px;
		width: auto !important;
	}



	/* 
	=========================
	company-details-overview
	=========================
	*/

	.company-details-overview-title {
		display: flex;
		align-items: center;
	}

	.company-details-overview-title span.h2-text {
		width: 45%;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		margin-top: 0 !important;
		font-size: 15px !important;
	}

	.company-details-overview-title .fcc-number {
		padding: 5px 10px;
		font-size: 10px;
	}

	.customer__info__links__div ul li a {
		font-size: 12px;
		padding: 7px 6px;
	}




	/* --evaluation__status__box__area-- */

	.inr__evaluation__item__box,
	.inr__evaluation__item__box > div {
		height: 100%;
	}

	.evaluation__status__box__grid {
		grid-template-columns: repeat(4, 1fr);
	}

	/* ---add-customer-buisness--- */

	.label-design_4th {
		font-size: 12px;
	}


}


/*
=======================
For - Ipad - Screen
=======================
*/

@media screen and (min-width: 768px) and (max-width: 991px) {
	.overview__inner__center .aed-item {
		width: 100%;
	}



	/*
	------------------
	Sign In Page
	------------------
	*/

	.account__body p,
	.account__body a,
	.account__body span {
		font-size: 14px;
	}

	.account-page .container {
		padding: 0 20px;
	}

	.pson-rel {
		padding: 50px 0;
	}

	.cars-logo-div img {
		width: 250px;
	}

	.account-box {
		padding: 30px 15px;
		margin-left: 20px;
	}

	.account-box h3 {
		font-size: 22px;
		margin: 0 0 15px;
	}

	.account-box form input {
		font-size: 14px;
		padding: 11px 13px 11px 40px;
		background-position: 10px 50%;
	}

	.sample__p {
		margin: 15px 0 !important;
	}



	/*
	------------------
	Dashboard Page
	------------------
	*/


	/*-----main-right-----*/

	.main-right {
		position: initial;
		width: 100% !important;
		height: auto;
		overflow: inherit;
		padding: 20px 15px;
	}



	/*
	----------------------
	Profile.html
	----------------------
	*/

	.profile-tbl {
		padding: 20px 0 10px;
	}

	.profile-tbl table {
		width: 800px !important;
	}




	/* 
	--------------------
	right-side (index)
	--------------------
	*/

	.h2-text {
		font-size: 18px !important;
	}

	.aed-card {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 12px;
	}





	/* 
	========================
	Finance.html
	========================
	*/

	.income-expense {
		grid-template-columns: 0.6fr 0.4fr;
		gap: 15px;
	}

	.quotation-formula-table th {
		min-width: 100px !important;
	}

	.quotation-formula-table2 th:first-child {
		min-width: 150px !important;
	}

	.quotation-formula {
		display: block;
		gap: 0;
	}

	.quotation-formula>div {
		width: 100%;
	}




	/* 
	========================
	Evaluation.html
	========================
	*/

	.evalucation-body .evaluation-head .h3-text {
		font-size: 14px;
	}

	.evalucation-body .edalucation-drp #item-select1,
	.edalucation-drp #item-select2 {
		width: 160px;
	}




	/* 
	========================
	add-user.html
	========================
	*/

	.otp-input-fields input {
		width: 50px !important;
		height: 50px !important;
	}




	/* 
	========================
	customer-overview.html
	========================
	*/

	#customers-table-id tr th {
		min-width: 150px !important;
	}

	#customers-table-id tr th:first-child,
	#customers-table-id tr td:first-child {
		min-width: 65px !important;
	}

	#customers-table-id tr th:nth-child(2) {
		min-width: 350px !important;
	}

	#customers-table-id tr th:nth-child(7) {
		min-width: auto !important;
	}



	/* 
	========================
	customer-overview2.html
	========================
	*/

	.customer-company-grid {
		display: grid;
		grid-template-columns: 270px calc((100% - 270px) - 20px);
		gap: 20px;
	}

	.company-card-head {
		flex-wrap: wrap;
	}

	.company-card-head>a {
		width: 30% !important;
	}

	.customer-form .input-design {
		padding: 10px 12px;
		margin: 10px 0 0;
		font-size: 13px !important;
	}

	#evaluation-placed-table tr th {
		min-width: 150px !important;
	}

	#evaluation-placed-table tr th,
	#evaluation-placed-table tr td {
		font-size: 13px !important;
	}

	.form-grid,
	.form-grid2 {
		grid-template-columns: repeat(2, 1fr);
	}

	.form-grid .input-design {
		margin: 0;
	}




	/* 
	========================
	evaluation-overview.html
	========================
	*/

	.evaluation-select {
		flex-wrap: wrap;
	}

	.daterangepicker {
		left: initial !important;
		right: 22px !important;
	}

	.evaluation-select>div {
		width: 32.33%;
	}

	#evaluation-details-table tr th,
	#evaluation-details-table tr td {
		min-width: 160px !important;
	}

	#evaluation-details-table.evaluation-details-table-class tr th,
	#evaluation-details-table.evaluation-details-table-class tr td {
		min-width: 155px !important;
	}

	.evaluation-cart-area {
		grid-template-columns: repeat(2, 1fr);
	}






	/* 
	========================
	evaluation-details.html
	========================
	*/

	.vehicle__details__body,
	.company__details__body {
		grid-template-columns: repeat(2, 1fr);
	}

	.images__body,
	.body__inspection__body {
		grid-template-columns: repeat(3, 1fr);
	}

	.vehicle__details__body table tr td:first-child {
		width: 130px !important;
	}

	.vehicle__details__body table tr td:last-child {
		max-width: 130px !important;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	.document__details__body>.d-flex {
		flex-wrap: wrap;
	}

	.document__details__body>.d-flex>figure {
		width: 31%;
	}

	.document__details__body>.d-flex>figure img {
		width: 100%;
	}




	/* 
	========================
	evaluation-details.html
	========================
	*/

	.flx-3 {
		gap: 2px !important;
	}

	.flx-3 p {
		font-size: 12px !important;
	}

	#create-evaluation-id #progressbar li {
		font-size: 11px;
	}





	/* 
	===================
	Report.html
	===================
	*/

	#report-results-table tr th:first-child {
		min-width: 135px !important;
	}

	#report-results-table tr th {
		min-width: 80px !important;
	}

	#report-results-table tr th,
	#report-results-table tr td {
		font-size: 12px;
	}





	/* 
	======================
	API.html
	======================
	*/

	/* .api-inr-tabs-content-area {
		padding: 16px;
	} */

	.tab-content {
		margin: 10px 0;
	}

	/* -----Api----- */

	#api-table-id tr th.w-170 {
		min-width: 170px !important;
	}



	/* -----Evaluation----- */

	.inr__switch__form__grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.inr__switch__form__grid2 {
		grid-template-columns: repeat(3, 1fr);
	}





	/* ------------- */

	.main__card__item .evaluation-cart-area>div {
		width: calc(50% - 8px);
	}

	.body__inspection__blk {
		grid-template-columns: repeat(2, 1fr);
	}

	.select_wrap .form-group {
		width:50% !important;
		flex: 0 0 auto !important;
		padding: 8px !important;
	}

	.select_wrap {
		flex-wrap: wrap;
		gap: 0 !important;
		margin: 0 -8px !important;
	}




	/* 
	---------------
	overview
	---------------
	*/

	.kpis_four_card__blk {
		flex-wrap: wrap;
	}

	.kpis_four_card__blk .single__common__kpis--card {
		width: 48%;
	}

	.kpis__icon {
		width: 35px;
		height: 35px;
	}

	.kpis__icon img {
		width: 25px;
	}

	.kpis__card__content h3 {
		font-size: 16px;
		margin: 0;
	}

	.kpis__card__content p {
		font-size: 12px !important;
	}

	.financial-grid {
		grid-template-columns: repeat(1, 1fr);
	}

	.financial-grid-tax-invoice {
		grid-template-columns: repeat(2, 1fr);
		gap: 0;
	}

	.overview__chart--wrap {
		flex-wrap: wrap;
	}

	.overview__chart {
		margin: 0 auto;
	}

  
	.moment-picker .overview__customer--table table {
		min-width: 1200px;
	}

	.moment-picker .paying-customers .top__evaluationQr--table table {
		min-width: 800px;
	}

	/* ---create-evaluation--- */

	.second__td__end .input-design tbody tr td,
	.vehicle__details__body table tr td,
	.ev__details__body table tr td {
		width: auto !important;
		font-size: 12px;
	}




	/* 
	=========================
	company-details-overview
	=========================
	*/

	.company-details-overview-title {
		display: flex;
		align-items: center;
	}

	.company-details-overview-title span.h2-text {
		width: 45%;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		margin-top: 0 !important;
		font-size: 15px !important;
	}

	.company-details-overview-title .fcc-number {
		padding: 5px 10px;
		font-size: 10px;
	}

	.customer__info__links__div ul li a {
		font-size: 12px;
		padding: 7px 6px;
	}



	/* --evaluation__status__box__area-- */

	.inr__evaluation__item__box,
	.inr__evaluation__item__box > div {
		height: 100%;
	}

	.evaluation__status__box__grid {
		grid-template-columns: repeat(4, 1fr);
	}


	/* ---add-customer-buisness--- */

	.label-design_4th {
		font-size: 12px;
	}

	.bank__details__grid__11 {
		grid-template-columns: repeat(2, 1fr);
	}


}





/*
=======================
For - Mobile - Screen
=======================
*/

@media screen and (max-width: 767px) {

	.overview__inner__center .aed-item {
		width: 210px;
	}

	.body__inspection__blk {
		grid-template-columns: repeat(1, 1fr);
	}

	.overview__inner__center {
		max-width: 100%;
	}

	.fc-grid-item {
		margin-top: 16px;
		border-right: 1px solid #EDEDED;
		border-radius: 16px !important;
	}


	/*
	------------------
	Sign In Page
	------------------
	*/

	.pson-rel {
		padding: 100px 0;
	}

	.cars-logo-div {
		padding: 0 0 40px;
	}

	.sample__p {
		margin: 15px 0 !important;
	}



	/* 	
	------------------
	header - area
	------------------
	*/

	.logo-dashboard a {
		font-size: 16px !important;
		width: 31vw;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.select-btn {
		width: 80px;
	}

	.select-btn-2 {
		padding: 14px 16px;
	}

	.select-btn img {
		margin: 0 2px 0 0;
	}

	.select__modify__custom .select-btn {
		padding: 14px 16px !important;
	}





	/*
	------------------
	Dashboard Page
	------------------
	*/

	.logo-dashboard a img {
		width: 190px;
	}



	/*-----main-right-----*/

	.main-right {
		position: inherit;
		width: 100% !important;
		height: auto;
		overflow: inherit;
		padding: 20px 15px;
	}

	.h1-text {
		font-size: 22px;
	}

	.accordion-button:not(.collapsed) {
		color: rgb(84, 84, 84) !important;
		font-weight: 600;
	}




	/*
	----------------------
	Settings.html
	----------------------
	*/


	.settings-link-area .row .col-md-4 {
		width: 50%;
		padding: 0 10px 20px 10px;
	}





	/*
	----------------------
	Profile.html
	----------------------
	*/

	.profile-tabs-area>.d-flex {
		display: block !important;
	}

	.profile-tabs-area>.d-flex>div,
	.profile-tabs-area>.d-flex>ul {
		width: 100%;
	}

	.profile-content-head {
		display: block !important;
	}

	.profile__flex {
		display: block !important;
	}

	.profile-tabs-area .tabs {
		border: none;
		border-bottom: 1px solid #E5E5E5;
	}

	.profile-tabs-area .tabs li {
		width: 49%;
		text-align: center;
	}

	.profile-tbl {
		padding: 20px 0 10px;
	}

	.profile-tbl table {
		width: 800px !important;
	}

	.filter-property input#mobile {
		padding-left: 120px;
	}




	/* 
	--------------------
	right-side (index)
	--------------------
	*/

	.h3-text {
		font-size: 15px;
	}

	.right-head span.h2-text {
		font-size: 16px !important;
	}

	.filter-btn {
		width: 100px;
	}

	.filter-btn2 {
		width: 120px;
	}

	.paying-cm-details th,
	.paying-cm-details td,
	.paying-cm-details td a {
		font-size: 12px;
		padding: 0 10px;
	}

	.aed-card {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 12px;
	}

	.financial-grid {
		grid-template-columns: repeat(1, 1fr);
		display: block;
	}
  
	
  /* overview page */
  .moment-picker .overview__customer--table table {
		min-width: 1000px;
	}


	.moment-picker .top__evaluation--table table {
		min-width: 500px;
	}

	.moment-picker .top__evaluationQr--table table {
		min-width: 700px;
	}

	.moment-picker .paying-customers .top__evaluationQr--table table {
		min-width: 750px;
	}


	/* 
	========================
	Finance.html
	========================
	*/


	.income-expense {
		grid-template-columns: repeat(1, 1fr);
	}

	.quotation-formula {
		display: block;
		gap: 0;
	}

	.quotation-formula>div {
		width: 100%;
	}

	.quotation-formula-table th {
		min-width: 150px !important;
	}

	.quotation-formula-table2 th:first-child {
		min-width: 150px !important;
	}



	/* 
	========================
	Evaluation.html
	========================
	*/

	.analysis-trend {
		grid-template-columns: repeat(1, 1fr);
	}





	/* 
	========================
	user-overview.html
	========================
	*/

	.user-details-table td span {
		font-size: 12px !important;
	}




	/* 
	========================
	add-user.html
	========================
	*/

	.col-pdng {
		padding-left: 0;
	}

	.step-form-area .form-card {
		margin: 0 0 60px;
	}

	.otp-input-fields {
		gap: 8px;
	}

	.otp-input-fields input {
		width: 45px !important;
		height: 48px !important;
		padding: 15px !important;
	}






	/* 
	========================
	access-permission.html
	========================
	*/

	.user-header {
		flex-wrap: wrap;
		row-gap: 10px;
	}

	.user-btn-div .filter-btn {
		padding-left: 10px;
		padding-right: 10px;
		width: auto !important;
	}

	.access-permission-area {
		padding: 14px;
	}

	.access-permission-area .custom__select {
		padding: 8px;
	}

	.access-permission-area .dash-content h6 {
		font-size: 12px;
	}

	.dash-div>div {
		width: 25%;
	}

	.dash-div>div:first-of-type {
		width: 50%;
	}




	/* 
	========================
	customer-overview.html
	========================
	*/

	#customers-table-id tr th {
		min-width: 150px !important;
	}

	#customers-table-id tr th:first-child,
	#customers-table-id tr td:first-child {
		min-width: 65px !important;
	}

	#customers-table-id tr th:nth-child(2) {
		min-width: 300px !important;
	}

	#customers-table-id tr th:nth-child(7) {
		min-width: auto !important;
	}




	/* 
	========================
	customer-overview2.html
	========================
	*/

	.customer-company-grid {
		display: block;
	}

	.customer-company-grid>div {
		width: 100% !important;
	}

	.company-card-head {
		flex-wrap: wrap;
		margin: 15px 0 0;
	}

	.company-card-head>a {
		width: 47% !important;
	}



	.form-grid,
	.form-grid2 {
		grid-template-columns: repeat(1, 1fr);
	}






	/* 
	========================
	evaluation-overview.html
	========================
	*/

	.evaluation-select {
		flex-wrap: wrap;
	}

	.evaluation-select>div {
		width: 48%;
	}

	.select-bdr {
		padding: 10px 12px;
	}

	.credit__note__date {
		width: 100% !important;
		background-position: 97% center !important;
	}

	#evaluation-details-table tr th,
	#evaluation-details-table tr td,
	#evaluation-details-table.evaluation-details-table-class tr th,
	#evaluation-details-table.evaluation-details-table-class tr td {
		min-width: 150px !important;
	}

	.evaluation-cart-area {
		grid-template-columns: repeat(2, 1fr);
	}


	.daterangepicker {
		top: 260px !important;
		left: 14px !important;
	}










	/* 
	========================
	evaluation-details.html
	========================
	*/

	.vehicle__details__body,
	.company__details__body,
	.images__body,
	.body__inspection__body {
		grid-template-columns: repeat(2, 1fr);
	}

	.vehicle__details__body table tr td:first-child {
		width: 130px !important;
	}

	.vehicle__details__body table tr td:last-child {
		max-width: 130px !important;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	.document__details__body>.d-flex {
		flex-wrap: wrap;
	}

	.document__details__body>.d-flex>figure {
		width: 48%;
	}

	.document__details__body>.d-flex>figure img {
		width: 100%;
	}






	/* 
	========================
	evaluation-details.html
	========================
	*/

	#create-evaluation-id #msform .action-button {
		width: 140px;
	}

	.pson-switch {
		right: 10px;
		transform: scale(1);
	}

	.currnet__flex {
		flex-wrap: wrap;
	}

	#create-evaluation-id #progressbar li {
		font-size: 8px;
		line-height: 1.2;
		padding: 0 4px;
	}

	.descriptions__div__are .form-group .select-btn {
		height: 41px !important;
	}




	/* 
	===================
	Report.html
	===================
	*/

	.report-checkbox-table tr {
		flex-wrap: wrap;
	}

	.report-checkbox-table tr td {
		width: 100% !important;
	}

	#report-results-table tr th:first-child {
		min-width: 135px !important;
	}

	#report-results-table tr th {
		min-width: 80px !important;
	}

	#report-results-table tr th,
	#report-results-table tr td {
		font-size: 12px;
	}






	/* 
	======================
	API.html
	======================
	*/

	/* .api-inr-tabs-content-area {
		padding: 16px;
	} */

	.tab-content {
		margin: 10px 0;
	}




	/* -----Api----- */

	#api-table-id tr th.w-170 {
		min-width: 170px !important;
	}


	/* -----Evaluation----- */

	.inr__switch__form__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.inr__switch__form__grid2 {
		grid-template-columns: repeat(2, 1fr);
	}










	/* ------------- */

	.main__card__item .evaluation-cart-area>div {
		width: calc(50% - 8px);
	}



	.select_wrap .form-group {
		width:50% !important;
		flex: 0 0 auto !important;
		padding: 8px !important;
	}

	.select_wrap {
		flex-wrap: wrap;
		gap: 0 !important;
		margin: 0 -8px !important;
	}














	/* 
	---------------
	overview
	---------------
	*/

	.kpis_four_card__blk,
	.kpis_three_card__blk {
		flex-wrap: wrap;
	}

	.kpis_four_card__blk .single__common__kpis--card,
	.kpis_three_card__blk .single__common__kpis--card {
		width: 48%;
	}

	.chart_thumb img {
		min-height: 110px;
	}

	.value__customer--title h3 {
		width: 60%;
		/*! max-width: auto; */
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.view__all {
		font-size: 14px !important;
	}

	.view__all img {
		width: 20px;
	}

	.overview__chart--wrap {
		flex-wrap: wrap;
	}

	.overview__chart {
		margin: 0 auto;
	}




	/* ---create-evaluation--- */

	.second__td__end .input-design tbody tr td,
	.vehicle__details__body table tr td,
	.ev__details__body table tr td {
		width: auto !important;
	}

	.company__details__tbl__grid {
		grid-template-columns: repeat(1, 1fr);
	}



	/* 
	=========================
	company-details-overview
	=========================
	*/

	.company-details-overview-title {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.company-details-overview-title span.h2-text {
		width: 63%;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		margin-top: 0 !important;
		font-size: 16px !important;
	}

	.company-details-overview-title .fcc-number {
		padding: 5px 10px;
		font-size: 12px;
	}

	


	/* --evaluation__status__box__area-- */

	.inr__evaluation__item__box,
	.inr__evaluation__item__box > div {
		height: 100%;
	}

	.evaluation__status__box__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.inr__evaluation__status__box h5 {
		font-size: 12px;
	}

	.inr__evaluation__status__box h3 {
		font-size: 16px;
	}


	/* ---add-customer-buisness--- */

	.label-design_4th {
		font-size: 12px;
	}






}


@media screen and (max-width: 575px) {
	.overview__inner__center {
		max-width: 100%;
	}

	.overview__inner__center .aed-item {
		width: 100%;
	}

	/*
	------------------
	Sign In Page
	------------------
	*/

	.account__body p,
	.account__body a,
	.account__body span {
		font-size: 14px;
		line-height: 19.36px !important;
	}

	.account-page .container {
		padding: 0 20px;
	}

	.pson-rel {
		padding: 50px 0;
	}

	.cars-logo-div {
		padding: 0 0 40px;
	}

	.cars-logo-div img {
		width: 250px;
	}

	.account-box {
		padding: 30px 15px;
	}

	.account-box h3 {
		font-size: 22px;
		margin: 0 0 15px;
	}

	.account-box form input {
		font-size: 14px;
		padding: 11px 13px 11px 40px;
		background-position: 10px 50%;
	}

	.toggle-password {
		right: 14px;
		top: 14px;
	}


	/*
	------------------
	Dashboard Page
	------------------
	*/

	.Dashboard-Page h2 {
		font-size: 16px !important;
	}




	/*
	---------------------
	Notification - Modal
	---------------------
	*/

	.modal-notification .modal-dialog {
		margin-right: 0;
	}

	.pdng__cl {
		padding-left: 26px !important;
	}




	/* 
	--------------------
	right-side (index)
	--------------------
	*/

	.aed-card {
		grid-template-columns: repeat(1, 1fr) !important;
		gap: 12px;
	}

	.edalucation-drp {
		width: 100%;
	}

	.edalucation-drp button {
		width: 100% !important;
	}


	/* 
	========================
	evaluation-overview.html
	========================
	*/

	.evaluation-cart-area {
		grid-template-columns: repeat(1, 1fr);
	}





	/* 
	========================
	evaluation-details.html
	========================
	*/

	.vehicle__details__body,
	.company__details__body,
	.images__body,
	.body__inspection__body {
		grid-template-columns: repeat(1, 1fr);
	}

	.document__details__body>.d-flex {
		flex-wrap: wrap;
	}

	.document__details__body>.d-flex>figure {
		width: 100%;
	}

	.document__details__body>.d-flex>figure img {
		width: 100%;
	}

	.cuple-btn-div button {
		width: 140px !important;
	}


	/* 
	========================
	evaluation-details.html
	========================
	*/

	.pson-switch {
		right: -30px;
		transform: scale(0.7);
	}

	#create-evaluation-id #progressbar {
		/*! transform: scale(0.6); */
		width: 100% !important;
		overflow: initial;
		max-width: 100% !important;
		padding: 0;
		margin-top: 20px;
	}


	.inr__switch__form__grid {
		grid-template-columns: repeat(1, 1fr);
	}

	.inr__switch__form__grid2 {
		grid-template-columns: repeat(1, 1fr);
	}




	#eval__ul,
	#eval__ul1 {
		min-width: 100% !important;
	}


	.bar__btn__2 {
		padding: 4px;
	}

	.bar__btn__2 img {
		width: 18px;
	}







	/* ------------- */

	.main__card__item .evaluation-cart-area>div {
		width: 100%;
	}

	.select_wrap .form-group {
		width:100% !important;
		flex: 0 0 auto !important;
		padding: 8px !important;
	}

	.select_wrap {
		flex-wrap: wrap;
		gap: 0 !important;
		margin: 0 -8px !important;
	}








	/* 
	---------------
	overview
	---------------
	*/

	.kpis_four_card__blk,
	.kpis_three_card__blk {
		flex-wrap: wrap;
	}

	.kpis_four_card__blk .single__common__kpis--card,
	.kpis_three_card__blk .single__common__kpis--card {
		width: 100%;
	}



	/* ---create-evaluation--- */

	.second__td__end .input-design tbody tr td,
	.vehicle__details__body table tr td,
	.ev__details__body table tr td,
	.representative__td__text table tr td {
		font-size: 11px;
		width: auto !important;
	}





	/* 
	=========================
	company-details-overview
	=========================
	*/
	.company-details-overview-title span.h2-text {
		width: 42%;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		margin-top: 0 !important;
		font-size: 15px !important;
	}

	.company-details-overview-title .fcc-number {
		padding: 5px 10px;
		font-size: 10px;
	}

	.customer__info__links__div ul li a {
		font-size: 12px;
		padding: 5px 7px;
	}


	/* ---add-customer-buisness--- */

	.label-design_4th {
		font-size: 14px;
	}


}



@media screen and (min-width: 576px) and (max-width: 767px) {



	.h5-text {
		font-size: 11px;
	}


}


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

	.max-wd-220 {
		max-width: 220px;
	}

}