@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  
}

@media handheld, only screen and (max-width: 1899px) {

	.login-screen .login-right-img img {
		width: 60%;
	}
	.wrapper-boxes-12 .box-inner {
		padding: 5px 5px 9px 5px;
	}

}

@media handheld, only screen and (max-width: 1799px) {

	.left-bar {
		width: 250px;
	}
	.main-screen {
		padding: 111px 52px 55px 275px;
	}
	html .container {
		padding-right: 15px;
		padding-left: 15px;
	}
	.table-div-main .panel-body.pbdba-body .heading-th {
	  padding: 9px 15px 7px 15px;
	  font-size: 14px;
	}
	.table-div-main .panel-body.pbdba-body .normal-td {
	  padding: 21px 15px 12px 15px;
	  font-size: 14px;
	}

	.sidebar-menulist ul.nav-left {
		padding: 0px 19px 0px 10px;
	}
	.sidebar-menulist ul.nav-left li a {
		padding: 0px 0px 0px 7px;
	}
	.sidebar-menulist ul.nav-left li .m-text {
		padding: 0px 0px 0px 30px;
	}
	.table-div-main {
		padding: 25px;
	}
	.table-div table.table thead tr th {
		padding: 9px 10px 7px 10px;
		font-size: 14px;
	}
	.table-div table.table thead tr th span.border-span:before {
		left: -10px;
	}
	.table-div table.table tbody tr td {
		padding: 21px 10px 12px 10px;
		font-size: 14px;
	}
	.table-div table.table tbody tr td br {
		display: none;
	}
	.table-div table.table.single-items-details-table thead tr th:nth-child(4),
	.table-div table.table.single-items-details-table tbody tr td:nth-child(4) {
		min-width: 99px;
	}
	.table-div table.table.single-items-details-table thead tr th:nth-child(6),
	.table-div table.table.single-items-details-table tbody tr td:nth-child(6) {
		min-width: 109px;
	}
	.table-div table.table.single-items-details-table thead tr th:nth-child(7),
	.table-div table.table.single-items-details-table tbody tr td:nth-child(7) {
		min-width: 101px;
	}
	.table-div table.table.single-items-details-table thead tr th:nth-child(8),
	.table-div table.table.single-items-details-table tbody tr td:nth-child(8) {
		min-width: 130px;
	}

}

@media handheld, only screen and (max-width: 1699px) {

	.wrapper-boxes-12 .col-xl-1.col-cp {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.66666666666667%;
		flex: 0 0 16.66666666666667%;
		max-width: 16.66666666666667%;
	}

}

@media handheld, only screen and (max-width: 1599px) {

	.content-data-left {
	  float: left;
	  width: 50%;
	}
	.content-data-right {
	  float: right;
	  width: 50%;
	  padding: 0px 0px 0px 50px;
	  border-left: 1px solid #DCE0E8;
	}

}

@media handheld, only screen and (max-width: 1499px) {

	html .select2-container--default .select2-selection--multiple .select2-selection__choice {
		position: relative;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		width: 111px;
	}

	.login-screen .logo {
		padding: 25px 15px 25px 15px;
	}
	.os-priority-order-right .select2-container {
	  min-width: auto;
	}
	.select-filter-col {
		min-width: 171px;
		width: 171px;
	}
	html .bootstrap-select, 
	html .bootstrap-select.form-control {
		min-width: 163px;
	}
	html .select-filter-col.select-col-216 {
		min-width: auto;
		width: auto;
	}
	.select-filter-col.filter-button-col{
		width: auto;
		min-width: auto;
	}

}

@media handheld, only screen and (max-width: 1350px) {

	.login-screen:before {
		width: 50%;
	}

	.login-screen:after {
		width: 50%;
	}
	.login-screen .login-form-bg {
		width: 50%;
		padding: 0px 15px;
	}
	.login-screen .login-right-img {
		width: 50%;
		padding: 0px 15px;
	}

	.select-filter-col {
		min-width: 193px;
	}
	.select-filter-col.filter-button-col {
		min-width: auto;
	}

}

@media handheld, only screen and (min-width: 352px) and (max-width: 991px) {

	.pick-pack-home-screen-main-content-box-with-shadow .row-wrapper-col.row-wrapper-col-2 .row-wrapper-col-inner {
		padding: 10px 10px 10px 10px;
	}
	.pick-pack-home-screen-main-content-box-with-shadow .row-wrapper-col.row-wrapper-col-2 .row-wrapper-col-inner .scan-icon {
		min-height: 57px;
		line-height: 57px;
		min-width: 57px;
		margin: 0px 0px 17px 0px;
	}

}

@media handheld, only screen and (max-width: 991px) {

	.pick-pack-home-screen-main-content-box-with-shadow .row-wrapper-col {
	  max-width: 50%;
	}

}

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

	html .toast-top-right {
		top: 50%;
		left: 0;
		right: 0;
		margin: -35px auto 0px auto;
		text-align: center;
		padding: 0px 15px;
	}
	html #toast-container .toast {
		width: 100%;
		max-width: 425px;
		display: inline-block;
		vertical-align: top;
		padding-bottom: 23px;
	}

	.main-screen.without-sidebar-main-screen .main-screen-inner .form-wrapper {
		padding: 0;
	}

	.login-screen .login-right-img {
		display: none;
	}
	.login-screen:after {
		display: none;
	}
	.login-screen .login-form-bg {
		width: 100%;
		height: auto !important;
	}
	.login-screen:before {
		width: 100%;
	}
	.login-screen {
		height: auto !important;
	}
	.login-screen .logo {
		padding: 19px 15px 19px 15px;
	}
	.login-screen {
		height: auto;
		min-height: auto;
	}
	.login-content-section {
		max-height: none;
	}
	.login-screen .login-form-bg,
	.login-screen .login-right-img {
		min-height: auto;
	}

}

@media handheld, only screen and (max-width: 479px) {

	.modal-footer .btn {
		margin-left: 0px;
		margin-right: 0px;
		width: 100%;
	}
	.modal-footer .btn + .btn {
		margin-left: 0px;
		margin-right: 0px;
		width: 100%;
		margin-top: 11px;
	}

}

@media handheld, only screen and (max-width: 479px) {

	.main-screen.without-sidebar-main-screen .screen-main-content-box-with-shadow {
		padding: 36px 19px 36px 19px;
	}

}