@media (max-width: 1700px) {
  body .w250 .select2-container--default {
    width: 230px !important;
  }
}

@media (max-width: 1640px) {
	  .com-down-f{flex-wrap: wrap;}
  .pub-list-cls .ler-fav-det a{line-break: anywhere;}

  body .w250 .select2-container--default {
    width: 200px !important;
  }
}

@media (max-width: 1599px) {
  body .w250 .select2-container--default {
    width: 140px !important;
  }

  .new-due-action {
    flex-direction: column;
    align-items: flex-end;
    width: auto;
  }
}

@media (max-width: 1480px) {
  .fix_image {
    width: 25%;
  }

  .responsice-col-new {
    width: 80%;
  }

  div#image-detail {
    width: 20%;
  }

}

@media (max-width: 1360px) {}

@media only screen and (min-width: 1200px) and (max-width:1299px) {}

@media (max-width: 1299px) {
  table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {
    display: flex;
    align-items: center;
    /* gap: 8px; */
    height: 59px;
}
  .fix_image {
    width: 25%;
  }

  .responsice-col-new {
    width: 76%;
  }

  div#image-detail {
    width: 24%;
  }

  /* .media-list .gallery-listing .col-6 {
    width: 25%;
  } */
}


@media (max-width: 1199px) {
  .responsice-col-new {
    width: 74%;
  }

  div#image-detail {
    width: 26%;
  }

  .media_detail span {
    display: unset !important;
  }

  .custom-toast {
    left: 0px !important;
  }

  .modal.show .modal-dialog.import-modal { margin-inline: 20px; }

}

@media (max-width: 991px) {
  .fix_image {
    width: 50%;
  }

  .responsice-col-new {
    width: 70%;
  }

  div#image-detail {
    width: 30%;
  }

  /* .media-list .gallery-listing .col-6 {
    width: 33.33333333%;
  } */

  .search-panel .search-result .left-list { border-right: 0; border-bottom: 1px solid var(--commonborder); margin-bottom: 20px; padding-bottom: 5px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	div#image-detail {
		width: 34%;
	}

	.responsice-col-new {
		width: 66%;
	}
}

@media (max-width: 767px) {
	.fix_image {
		width: 75%;
		margin: 0 auto;
	}

	.responsice-col-new {
		width: 60%;
	}

	div#image-detail {
		width: 40%;
	}

	.d-none.flex-sm-fill.d-sm-flex.align-items-sm-center.justify-content-sm-between {
		display: flex !important;
		justify-content: space-between;
		align-items: center;
		gap: 10px;
		width: 100%;
	}

	.d-flex.justify-content-between.flex-fill.d-sm-none {
		display: none !important;
	}




	h1 {
		font-size: 38px;
	}

	h2 {
		font-size: 20px;
	}

	h3 {
		font-size: 20px;
	}

	h4 {
		font-size: 22px;
	}

	h5 {
		font-size: 20px;
	}

	h6 {
		font-size: 14px;
	}

	body {
		font-size: var(--ft-14);
		line-height: 1.5;
	}

	p {
		line-height: 1.5;
	}

	/*---- basic table -start--*/
	table.bt tfoot th,
	table.bt tfoot td,
	table.bt tbody td {
		border: none;
		display: flex;
		vertical-align: top;
		float: left\9;
		width: 100%\9;
	}

	table.bt tfoot th::before,
	table.bt tfoot td::before,
	table.bt tbody td::before {
		content: attr(data-th)"";
		display: inline-block;
		-webkit-flex-shrink: 0;
		-ms-flex-shrink: 0;
		flex-shrink: 0;
		font-size: var(--ft-14);
		font-weight: bold;
		padding: 8px;
		width: 45%;
		max-width: 140px;
		background-color: var(--lightgray-color);
		color: var(--primary-font);
	}

	table.bt tfoot th.bt-hide,
	table.bt tfoot td.bt-hide,
	table.bt tbody td.bt-hide {
		display: none;
	}

	table.bt tfoot th .bt-content,
	table.bt tfoot td .bt-content,
	table.bt tbody td .bt-content {
		vertical-align: top;
		padding: 8px;
		border-bottom: 1px solid #EBEBED;
		width: 100%;
	}

	table.bt tbody td:last-child .bt-content {
		border-bottom: none;
	}

	.bt-wrapper.active {
		max-height: 310px;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

	table.bt.bt--no-header tfoot td::before,
	table.bt.bt--no-header tbody td::before {
		display: none;
	}

	.cstmTable th,
	.cstmTable td {
		padding: 0px 0px;
		font-size: var(--ft-14);
		word-break: break-word;
	}

	.cstmTable tr {
		border: 1px solid #EBEBED;
		margin-bottom: 0px;
		display: block;
		border-bottom: 3px solid #d5d5d5;
	}

	td .bt-content {
		text-overflow: ellipsis;
		overflow: hidden;
		/*white-space: nowrap;*/
	}

	.tablesection {
		border: none;
	}

	/*---- basic table -end--*/

	.select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 36px;
	}

	.select2-container--default .select2-selection--single .select2-selection__arrow {
		height: 38px;
	}

	.select2-container .select2-selection--single {
		height: 38px;
	}

	.select-2-box {
		font-size: var(--ft-14);
		font-weight: 400;
	}

	.upload-file-error label.error {
		max-width: 70%;
		top: -36px;
	}

	.image-preview-pop-over {
		width: 100%;
	}

	.image-preview-pop-over img {
		max-width: 100%;
	}

	/* 25-04-25 */
	.report_filter .report-selectbox {
		width: auto;
	}


	/* .image-preview-pop-over {left: 0px !important; top: 24px !important;} */

}

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

	.responsice-col-new {
		width: 50%;
	}

	div#image-detail {
		width: 50%;
	}

	body .media-list .photo-search .form-input {
		width: 100%;
	}

	.media_pagination .pagination .page-link {
		width: max-content !important;
	}

	.media_pagination .pagination {
		gap: 6px;
	}

	/* .media-list .gallery-listing .col-6 {
		width: 50%;
	} */

	.boxlist-border-header {
		width: 425px;
	}

	.import-download { gap: 5px; }
	.clsimportlog .imp-reason-error, .clsimportlog .imp-row-error { gap: 2px 5px; }
	.clsimportlog ul li b { width: 100%; }

	.data-table-view-more.cust-pop-mess .swal2-html-container { grid-template-columns: 1fr; }

}

@media (max-width: 479px) {

  .searchlist-header input {
    width: 100%;
  }

  .searchlistpro {
    width: 100%;
  }

  .boxlist-border-header {
    width: 100%;
  }

  .boxlist-border-header .nav-item {
    padding: 7px 6px;
  }

  .formwhitebg {
    padding-left: 15px;
    padding-right: 15px;
  }

  .new-due-action .new-due-apply {
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
  }

  .new-due-action .new-due-apply .table-sm-btn.blackbg {
    font-size: 11px;
  }

  .date-day-input input.input-day,
  .new-due-action .cur-group-lear .date-day-input input.input-date {
    padding: 1px;
    font-size: 14px;
  }

  .new-due-action .cur-group-lear .date-day-input input.input-date {
    width: 95px;
  }

}

@media (max-width: 360px) {
  /* .media-list .gallery-listing .col-6 {
    width: 100%;
  } */
}

img {
  max-width: 100%;
  height: auto;
}