@media screen and (min-width: 1400px) {
	.create-order-page-new-ui .product-row .product-name {
		flex: 0 0 18% !important;
	}

	.create-order-page-new-ui .product-row .product-subtotal {
		flex: 0 0 7% !important;
	}

	.create-order-page-new-ui .product-row .product-supplier {
		flex: 0 0 20% !important;
		max-width: 20% !important;
	}

	.create-order-page-new-ui .product-row.product-discount-added .product-supplier {
		flex: 0 0 12% !important;
		max-width: 12% !important;
	}

	.create-order-page-new-ui .product-row.product-discount-added .product-subtotal {
		flex: 0 0 7% !important;
	}

	.cs-left-section .filtrbox {
		width: 25% !important;
		padding: 0 10px !important;
	}

	.view-order-page.create-order-page-new-ui .product-row .product-subtotal {
		flex: 0 0 11% !important;
	}

}

@media screen and (min-width: 1800px) and (max-width: 2800px) {
	.create-order-page-new-ui .product-row .product-name {
		flex: 0 0 20% !important;
	}
}


@media only screen and (max-width:1340px) and (min-width:1191px) {
	nav.navbar.mainmenu ul.navbar-nav.mr-auto>li {
		margin: 0 5px;
	}

	ul.navbar-nav.mr-auto>li>a {
		margin: 0 6px;
	}
}

@media only screen and (max-width:1190px) and (min-width:992px) {
	nav.navbar.mainmenu ul.navbar-nav.mr-auto>li {
		margin: 0 4px !important;
		font-size: 13px !important;
	}

	ul.navbar-nav.mr-auto>li>a {
		margin: 0 10px;
		font-size: 12px;
	}
}

@media only screen and (max-width:1280px) and (min-width:1025px) {
	.tab-filter-grps {
		width: 100%;
		right: 0;
		position: relative;
	}
}

@media only screen and (max-width:1024px) and (min-width:991px) {
	.mainmenu .navbar-brand {
		padding: 16px 0 15px 0;
	}

	nav.navbar.mainmenu ul.navbar-nav.mr-auto>li {
		margin: 0 0;
	}

	.mainmenu .navbar-nav li>a,
	.navbar-default .navbar-nav>li>a,
	.mainmenu>ul>li>a,
	.navbar-expand-lg .navbar-nav .nav-link {
		margin: 0 15px;
	}

	.product-select h4 {
		flex: 0 0 auto;
	}

	.create-order-page .form-group .custom-label {
		font-size: 14px;
	}

	.row.send-rmnd-invc-box .col-lg-5.d-flex {
		flex: 0 0 auto;
		max-width: 100%;
	}

	.row.send-rmnd-invc-box .col-lg-4 .row {
		padding-left: 15px;
	}

	.cus-row.product-row .supplier-qty.modify-row {
		flex: 0 0 44%;
	}

	.cus-row.product-row .product-name {
		flex: 0 0 20.5%;
	}

	.row.send-rmnd-invc-box .col-lg-4 {
		flex: 0 0 43.333333%;
		max-width: 43.333333%;
	}

	/* REPORT PAGE */
	.ins-date-box.ins-date-box {
		display: inline-block;
	}

	.ins-date-box label {
		margin-bottom: 5px;
	}

	.menu-area nav.navbar.mainmenu ul.navbar-nav.mr-auto>li ul.dropdown-menu li a {
		margin: 0 !important;
		color: #fff !important;
	}

	.chk-ttl-inline {
		font-size: 13px;
		padding-right: 4px;
	}

	.cc-app-logo-info {
		margin-bottom: 15px;
	}

	.table-responsive {
		overflow-y: hidden !important;
		overflow-x: visible !important;
	}

	/* APPROVAL PAGE */

	.apprvl-step-con {
		padding: 0 15px;
	}

	.apprvl-step-con .apprvlist-table,
	.apprvl-step-con .apprvl-review {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.apprvl-step-con .artwork-b {
		width: 33% !important;
		padding: 0 !important;
	}

	.custom-select-box .select2 {
		width: 100% !important;
	}


	.summary-page .approval-main-page .approval-row.product-row .product-name {
		flex: 0 0 15%;
	}

	.summary-page .approval-main-page .approval-row.product-row .product-qty {
		flex: 0 0 8%;
	}

	.summary-page .approval-main-page .approval-row.product-row .product-unit {
		flex: 0 0 10%;
	}

	.summary-page .approval-main-page .approval-row.product-row.product-discount-added .product-discount {
		flex: 0 0 5%;
	}

	.summary-page .approval-main-page .approval-row.product-row .product-subtotal {
		flex: 0 0 12%;
		padding-right: 20px;
	}

	.summary-page .approval-main-page .approval-row.product-row .product-sp {
		flex: 0 0 10%;
	}

	.summary-page .approval-main-page .approval-row.product-row .product-sp-empty {
		flex: 0 0 35%;
	}

}

@media only screen and (max-width:1440px) {
	.create-order-page .form-group .custom-label {
		font-size: 14px;
	}

	.nav-link {
		font-size: 15px;
	}
}

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

	/* ===== NAVIGATION ===== */
	.navbar-expand-sm .navbar-toggler {
		display: block !important;
	}

	.navbar-expand-sm .navbar-nav {
		flex-direction: column;
		width: 100%;
	}

	.navbar-expand-sm .navbar-collapse {
		position: absolute;
		width: 100%;
		background: #272732;
		top: 100%;
		flex-flow: wrap;
		height: 0 !important;
		overflow: hidden;
		-webkit-transition: height 0.2s ease;
		-moz-transition: height 0.2s ease;
		transition: height 0.2s ease;
	}

	button.navbar-toggler[aria-expanded="true"]+.navbar-collapse {
		height: auto !important;
		overflow: visible;
		-webkit-transition: height 0.2s ease;
		-moz-transition: height 0.2s ease;
		transition: height 0.2s ease;
	}

	li.dropdown.profile-menu.avtar-name {
		/* margin: 0 17px; */
		width: 100% !important;
	}

	ul.navbar-nav.mr-auto+ul {
		width: 100%;
	}

	.navbar-expand-sm {
		justify-content: space-between;
	}

	nav.navbar.mainmenu ul.navbar-nav.mr-auto>li {
		margin: 0;
		border-bottom: 1px solid #4c4c4c;
		width: 100%;
	}

	nav.navbar.mainmenu ul.navbar-nav.mr-auto>li a {
		margin: 0;
		padding: 12px 15px;
		height: 43px;
		display: block !important;
	}

	/* DROUP DOWN PLUS MONUS */
	.submenu-drpdwn {
		position: absolute;
		right: 0;
		top: 0;
		width: 44px;
		height: 44px;
		text-align: center;
		border: 1px solid #4f5056;
		border-radius: 2px;
		line-height: 44px;
		border-top: 0;
		border-bottom: none;
		border-right: 0;
	}

	.submenu-drpdwn>i {
		color: #818182;
	}

	.submenu-drpdwn i:after {
		content: "\f067";
		font-family: 'FontAwesome';
		font-weight: 100;
		font-size: 20px;
	}

	li.show .submenu-drpdwn i:after {
		content: "\f068";
	}

	.mainmenu .collapse ul>li:hover>ul {
		height: 0;
		overflow: hidden;
		padding: 0;

		-webkit-transition: height 0.2s ease;
		-moz-transition: height 0.2s ease;
		transition: height 0.2s ease;
	}

	.mainmenu .collapse ul>li:hover>ul.show {
		height: auto;
	}

	button.navbar-toggler:focus {
		outline: none;
	}

	.dashboard-col-5 {
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}

}


@media only screen and (max-width:1365px) and (min-width:992px) {
	.aprv-ftrinfo-box {
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
}

@media only screen and (max-width:991px) and (min-width:768px) {
	.aprv-ordr-dtls-box .total-section {
		padding: 20px;
	}

	.flex-none-hdr .col-md-6.mb-3 {
		margin-bottom: 0 !important;
	}

	.ordr-sgn-aprv-box {
		display: table-row-group;
	}

	.form-group.flex {
		display: block;
	}

	/* EDIT APRROVE PAGE */
	.product-row {
		display: block;
	}

	.product-row .product-img,
	.cus-row.product-row .product-name,
	.cus-row.product-row .supplier-qty {
		margin-bottom: 10px;
	}

	.product-list-table {
		padding: 5px;
	}

	.row.send-rmnd-invc-box .col-lg-4 {
		margin: 0 15px;
	}

	.supplier-qty.modify-row {
		padding: 0 !important;
	}

	.product-img figure {
		max-width: 150px;
	}

	.ord-int-box {
		width: 100%;
		margin-right: 0;
	}

	.order-create-form .title-container.product-select.d-flex h4 {
		flex: 0 0 22%;
	}

	/* Accounting App Integration */

	.acc-app-mn-row-inner {
		width: 100%;
		margin-top: 20px;
	}

	.acc-app-mn-box {
		margin: 0 17px;
		width: 290px;
		margin-top: 20px;
	}

	/* REPORT PAGE */
	.ins-date-box.ins-date-box {
		display: inline-block;
		margin-right: 5px;
	}

	.ins-date-box label {
		margin-bottom: 5px;
	}

	/* ORDER FILTER */
	.orderfilter-box .filter-panel .filtrbox {
		width: 176px;
	}

	.custom-table tbody td:last-child a.view-column {
		margin: 0 1px;
	}

	.row.send-rmnd-invc-box .col-lg-5.d-flex {
		flex: none;
		width: 100%;
		max-width: 100%;
	}

	.inter-his-box {
		display: block;
	}

	.table-responsive {
		overflow-y: hidden !important;
		overflow-x: visible !important;
	}


	/* ORDER */
	.tab-filter-grps {
		top: -24px;
		right: 15px;
	}

	.osbf-src-box input {
		width: 300px;
		height: 34px;
		font-size: 13px !important;
	}

	.osbf-fltr-box {
		margin-top: 5px;
	}

	.pro-inv-right {
		padding: 0;
	}

	.qntty-in-stock {
		padding: 0;
	}

	figure.brng-lgimg.dflt-brand-logo img {
		left: -15px;
		position: relative;
	}

	/* ==== APPROVAL PAGE ==== */
	.step-content {
		min-width: 5rem;
		max-width: 5rem
	}

	.step-circle::before {
		width: calc(0.7rem + 2rem - 0rem);
	}

	/* APPROVAL PAGE */

	.apprvl-step-con {
		padding: 0 15px;
	}

	.apprvl-step-con .apprvlist-table,
	.apprvl-step-con .apprvl-review {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.apprvl-step-con .artwork-b {
		width: 50% !important;
		padding: 0 !important;
	}

	.product-row.approval-row.con-row {
		display: flex;
	}

	/* System Preferences */
	.aprv-ftrinfo-box {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.cs-left-section .filtrbox {
		width: 100% !important;

	}

	/*SUMMERY PAGE*/
	.summary-page .product-row.approval-row.con-row {
		flex-wrap: wrap;
	}

	.summary-page .approval-main-page .approval-row.product-row .product-name {
		flex: 0 0 25%;
	}

	.summary-page .approval-main-page .approval-row.product-row .product-qty {
		flex: 0 0 14%;
	}

	.summary-page .approval-main-page .approval-row.product-row .product-unit {
		flex: 0 0 18%;
	}

	.summary-page .approval-main-page .approval-row.product-row.product-discount-added .product-discount {
		flex: 0 0 5%;
	}

	.summary-page .approval-main-page .approval-row.product-row .product-subtotal {
		flex: 0 0 20%;
		padding-right: 0;
		margin: 0;
	}

	.invoice-status i.fa {
		font-size: 16px;
	}

	.invoice-info .btn {
		font-size: 12px;
	}

	.invoice-status span {
		font-size: 13px;
	}

	.summary-page .tracking-box a {
		margin: 0 0 0 6px;
	}

	.summary-page .artwork-b {
		width: 50% !important;
	}

	.approval-main-page .title-container .title,
	.summary-page .aproval-conbox-head h2 {
		font-size: 20px;
	}

}

@media only screen and (max-width:1024px) and (min-width:767px) {
	.product-row .heading {
		font-size: 14px;
	}

	/* .tab-filter-grps { width: 100%; right: 0; position: relative; } */
	/* .orderfilter-box { margin-top: -75px; } */
	.action-btn2 .custom-table tbody td:last-child {
		min-width: 73px;
	}

	.action-btn3 .custom-table tbody td:last-child {
		min-width: 110px;
	}

	/* PRODUCT PAGE */

	.title-container.flex-none-hdr .btn.add-new {
		margin-left: 8px;
	}

	/* ORDER FILTER */
	.orderfilter-box .filter-panel {
		flex-flow: wrap;
	}

	.filtrbox.fltr-invoice {
		width: 100px !important;
	}

	/* EDIT ORDER */

	.row.send-rmnd-invc-box .col-lg-5.p0 {
		width: auto;
		max-width: initial;
		flex: none;
	}

	.row.send-rmnd-invc-box .col-lg-7.p0 {
		width: auto;
	}

	/* shipping_carriers */
	.spng-crr-box .btn.add-new span {
		margin-right: 3px;
		padding-right: 3px;
	}

	/* .brng-lgimg {
    width: 150px;
}

.card-block-section .custom-file-control {
    width: 150px !important;
} */
	.custom-table tbody td:last-child a.text-primary {
		margin: 0 1px;
	}

	.product-list-table {
		margin-top: 20px;
	}

	.custom-tab.nav-tabs .nav-link {
		padding: 8px 10px;
	}

	.product_bottom .advncd-ckoptn label {
		margin-left: 0;
	}

	.invt-con-box {
		margin-top: 20px;
	}

	.navbar-expand-sm .navbar-nav .dropdown-menu {
		position: relative;
		width: 100%;
	}



	body.dark-theme .navbar-expand-sm .navbar-collapse {
		box-shadow: 0px 3px 4px rgba(0, 0, 0, 1);
	}

	.mainmenu li.active a,
	.mainmenu .active a:focus,
	.mainmenu .active a:hover,
	.mainmenu li a:hover,
	.mainmenu li a:focus,
	.navbar-default .navbar-nav>.show>a,
	.navbar-default .navbar-nav>.show>a:focus,
	.navbar-default .navbar-nav>.show>a:hover {
		color: #00aeef !important;
	}

	.profile-box {
		padding: 15px;
	}

	/* ==== APPROVAL PAGE ==== */
	.approval-main-page {
		width: 100%;
	}

	.aproval-conbox-head {
		margin-top: 20px
	}


}

@media only screen and (min-width:767px) {
	.mainmenu .collapse ul>li:hover>ul {
		display: block;
		min-width: 202px;
	}

	.mainmenu .collapse ul>ul {
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 200px;
		display: none
	}

	/*******/
	.mainmenu .collapse ul>ul>li {
		position: relative
	}

	.mainmenu .collapse ul>ul>li:hover>ul {
		display: block
	}

	.mainmenu .collapse ul>ul>ul {
		position: absolute;
		top: 0;
		left: 100%;
		min-width: 250px;
		display: none
	}

	/*******/
	.mainmenu .collapse ul>ul>ul li {
		position: relative
	}

	.mainmenu .collapse ul>ul>ul li:hover ul {
		display: block
	}

	.mainmenu .collapse ul>ul>ul ul {
		position: absolute;
		top: 0;
		left: -100%;
		min-width: 250px;
		display: none;
		z-index: 1
	}

	.artwork-b {
		flex: 0 0 50%;
	}
}

@media only screen and (max-width:767px) {
	.navbar-nav .show .dropdown-menu .dropdown-menu>li>a {
		padding: 16px 15px 16px 35px
	}

	.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu>li>a {
		padding: 16px 15px 16px 45px
	}

	.product-row {
		flex-wrap: wrap;
	}

	.product-row .product-img {
		flex: 0 0 100%;
	}

	.product-row .product-img,
	.product-row .product-name,
	.view-page.product-row .supplier-qty,
	.view-page.product-row .product-qty,
	.view-page.product-row .sb-total {
		flex: 0 0 100% !important;
		margin-bottom: 15px;
	}

	.product-row .product-unit,
	.product-row .product-qty,
	.product-row .product-subtotal {
		flex: 0 0 100%;
	}

	.product-row .heading {
		font-size: 14px;
	}

	.png-crr-trno-inr {
		display: block;
		width: 100%;
	}

	.artwork-b {
		flex: 0 0 100%;
	}

	ul .avtar-name .dropdown-menu.show {
		width: 100%;
	}

	.approval-header .container {
		display: block;
		text-align: center;
	}

	.approval-header {
		height: auto;
		padding: 15px 0;
	}

	.aprv-ordr-dtls-box {
		width: 100%;
	}

	.aprval-logo {
		margin-bottom: 10px;
	}

	.container.aproval-conbox {
		padding-top: 115px;
	}

	.flex-none-hdr .col-md-6.mb-3 {
		margin-bottom: 0 !important;
	}

	.cstmr-aprvl-box.col-sm-6 {
		margin-bottom: 30px;
	}

	.product-row.approval-row.con-row .product-name {
		flex: 0 0 68%;
	}

	.approval-row.product-row .product-qty,
	.approval-row.product-row .product-unit,
	.approval-row.product-row .product-subtotal {
		flex: 0 0 25.33%;
		margin-top: 15px;
	}

	.aprv-ordr-dtls-box .total-section {
		padding: 20px;
	}

	.aprv-ur-artwork {
		width: 100%;
	}

	.button-outer ul li {
		display: inline-block;
		margin-bottom: 30px;
	}

	.button-outer ul li span {
		margin-bottom: 10px;
	}

	.aprv-ur-artwork .artwork-b {
		text-align: center;
	}

	.product-row.approval-row.con-row {
		padding: 12px 0;
	}

	.total-section .heading {
		font-size: 14px;
	}

	.form-group.flex {
		display: block;
	}

	.ordr-sgn-aprv-box {
		display: table-row-group;
	}

	.sign-approval-box {
		margin-top: 10px;
	}

	/* SIGNUP PAGE */
	.login {
		min-height: 100vh;
		height: auto;
		padding: 10px 10px 20px 10px
	}

	.login-form {
		width: 300px;
		max-width: 100%;
	}

	.login .navbar-brand {
		width: 100%;
		white-space: normal;
		word-break: break-word
	}

	.form-grps-box .form-group {
		width: 100%;
	}

	.register-form {
		padding-bottom: 0;
	}

	.action-btn2 .custom-table tbody td:last-child {
		min-width: 80px;
	}

	/* ACTIVE ORDER TAB */
	.tab-filter-grps {
		width: 100%;
		position: relative;
		right: 0;
		margin-top: -48px
	}

	.table-filter-box {
		position: relative;
		right: 0;
	}

	main.py-4 {
		padding-top: 70px !important;
		width: 100%;
	}

	/* .tab-filter-grps .btn.add-new { position: absolute; top: -44px; margin: 0; right: 0; height: auto; } */
	.orderfilter-box {
		margin-top: 0;
		top: 0;
		float: left;
		width: 100%;
		/* border: 1px dashed #cacaca;*/
		padding: 10px 5px;
		background: #fff;
	}

	/* NAVBAR */
	.navbar-collapse {
		background: #22232f;
	}

	.mainmenu .navbar-nav li>a,
	.navbar-default .navbar-nav>li>a,
	.mainmenu>ul>li>a,
	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 15px 0;
	}

	.mainmenu li.active a,
	.mainmenu .active a:focus,
	.mainmenu .active a:hover,
	.mainmenu li a:hover,
	.mainmenu li a:focus,
	.navbar-default .navbar-nav>.show>a,
	.navbar-default .navbar-nav>.show>a:focus,
	.navbar-default .navbar-nav>.show>a:hover {
		border-bottom: none;
	}

	li.dropdown.profile-menu.avtar-name {
		padding: 15px;
	}

	/*.dropdown-toggle::after { left: auto; right: 0; }*/
	.mainmenu .navbar-nav li {
		border-bottom: 1px solid #424242 !important;
	}

	.menu-area .navbar-toggler {
		padding: 2px 6px !important;
	}

	.footer-info .left-con span {
		font-size: 11px;
	}

	.footer-info .right-con a {
		font-size: 11px;
	}

	.footer-info .right-con i.fa {
		font-size: 20px;
	}

	.footer-info .left-con a {
		font-size: 12px;
		color: #56A8FE;
	}

	/* TAB RESPONSIVE */
	.responsive-tab {
		overflow: auto;
	}

	ul.nav.nav-tabs.mt-4.custom-tab {
		width: 795px;
		margin-bottom: 7px;
	}

	/* VIEW ORDER PAGE */

	.input-icn-btn .btn.add-new {
		margin-top: 0;
	}

	.ordr-actndw {
		position: relative;
	}

	/* EDIT APPPROVE ORDER */
	.cus-row.product-row .supplier-qty,
	.cus-row.product-row .product-qty,
	.cus-row.product-row .product-name {
		flex: 0 0 100%;
		margin-bottom: 10px;
	}

	.product-row {
		flex-wrap: wrap;
		padding: 5px !important;
	}

	#edit-approved-form .product-select h4 {
		flex: 0 0 100%;
	}

	.button-icns-grups .pull-left {
		flex-wrap: wrap;
	}

	.input-icn-btn {
		margin-bottom: 10px;
	}

	.artwork-total .title-container {
		flex-flow: wrap;
	}

	.title-container.product-select.d-flex {
		margin-top: 20px;
	}

	.product-list-table {
		padding: 0;
		margin-top: 10px;
	}

	.artwork-total {
		margin: 20px 0 0 0;
	}

	.user-detail {
		margin-top: 0;
	}

	.co-ntf-persnal {
		flex-wrap: wrap;
	}

	.co-ntf-persnal h3 {
		margin-bottom: 10px;
	}

	.inter-his-box {
		flex-wrap: wrap;
		margin-bottom: 0;
	}

	.ord-int-box {
		width: 100%;
		margin-bottom: 30px;
	}

	.ord-int-box:last-child {
		margin-bottom: 0;
	}

	.ord-int-box-inr {
		margin-bottom: 0;
	}

	.artwork-total .dropzone .dz-default.dz-message {
		background-size: 288px 246px;
		margin-left: -144px;
		margin-top: -61.5px;
		height: 75px;
	}

	/* CUSTOMER PAGE */
	.pro-sm-box {
		width: 100%;
	}

	/* companies-of-customers */
	.action-btn3 .custom-table tbody td:last-child {
		min-width: 100px;
	}

	.title-container.flex-none-hdr .col-md-9 .btn.add-new {
		margin-left: 0;
		float: left;
		margin-right: 5px;
		margin-top: 5px !important;
	}

	/* ORDER CREADITE */
	.row.order-row-one .col-md-3 {
		padding: 0 15px;
	}

	.order-create-form .title-container.product-select.d-flex {
		flex-flow: wrap;
	}

	.order-create-form .title-container.product-select.d-flex h4 {
		margin-bottom: 10px;
	}

	.mt-2.new-row {
		flex-wrap: wrap;
	}

	.cus-row.product-row .supplier-qty.modify-row {
		flex: 0 0 100%;
		padding: 0;
	}

	.mt-2.new-row .f-40 {
		width: 100%;
		margin-top: 15px !important;
	}

	.product-row .add-more {
		flex: 0 0 100%;
	}

	.product-row .add-more .dlt-icn {
		margin-right: 10px;
	}

	.order-create-form .product-row>div {
		margin-bottom: 10px;
	}

	.add-pro-ttlbox {
		flex-flow: wrap;
	}

	.title-container.product-select.d-flex h4 {
		flex: 0 0 100%;
	}

	.artwork-total .dropzone .dz-default.dz-message {
		background-size: 288px 246px;
		margin-left: -174px;
		margin-top: -61.5px;
		height: 75px;
		font-size: 17px;
		max-width: 100%;
	}

	.artwork-total .dropzone .dz-default.dz-message .upload-txt {
		font-size: 14px;
		line-height: 16px;
	}

	.row.send-rmnd-invc-box .col-lg-4 {
		margin: 0 15px;
	}

	.row.send-rmnd-invc-box .col-lg-3 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.button-container.button-icns-grups {
		flex-flow: wrap;
		margin-bottom: 0;
	}

	.card-block-section .title-container {
		flex-flow: wrap;
	}

	.card-block-section .title-container a {
		width: 100%;
		margin-bottom: 20px !important;
		display: inline-block;
	}

	.find-txt-stng a {
		padding: 10px 15px;
	}

	.ci-ftr-btn {
		margin-bottom: 0;
		/*  margin-top: 0 !important;
   	padding: 0 15px; */
	}

	.filter-panel+.ci-ftr-btn {
		padding: 0 5px;
	}

	a.btn.add-new.l-blue.pull-right {
		/* margin-top: 0 !important; */
	}

	/* accounting-app */
	.acc-app-mn-row-inner {
		width: 100%;
		flex-flow: wrap;
	}

	.acc-app-mn-box.acc-app-info {
		padding: 15px;
		padding-bottom: 0;
	}

	.acc-app-mn-box {
		margin: 0;
		margin-top: 20px;
		width: 100%;
	}

	.card-block-section .com-info-txt {
		margin-bottom: 20px;
		margin-top: 10px;
	}

	.card-block-section {
		margin-bottom: 0;
	}

	.accntg-app-int-page h4.title {
		font-size: 17px;
	}

	.accntg-app-int-page .ci-ftr-btn {
		margin-bottom: 0;
		margin-top: 15px !important;
		padding: 0 !important;
	}



	/* ==== REPORT ==== */
	.insights-page .btn.add-new {
		position: relative;
		right: 0;
		height: 30px;
		top: 0;
		margin: 0 0 10px 0;
	}

	.insights-page .filter-panel-box {
		padding: 0;
		padding-bottom: 20px;
	}

	.filter-panel-box {
		padding: 17px 0;
		flex-wrap: wrap;
	}

	.ins-date-box {
		margin-top: 5px;
		width: 100%;
		margin-right: 0;
	}

	.ins-date-box label {
		min-width: 90px;
	}

	.ins-dtrng-box,
	.custom-select-box {
		width: 100%;
	}

	.report-tab-box {
		overflow: auto;
		width: 100%;
	}

	.report-tab-box ul.nav.nav-tabs.mt-4.custom-tab {
		width: 580px;
	}

	/* CHART */
	.cnvs-rprt-box {
		overflow: auto;
	}

	.cnvs-rprt-box canvas {
		max-width: inherit;
	}

	.insights-page .dataTables_filter {
		position: relative;
		right: 0;
		padding: 0;
		top: 0;
	}

	.insights-page .custom-search-top .dataTables_filter {
		right: -22px;
		top: 6px;
	}

	.acc-app-mn-box {
		flex: 0 0 50%;
		max-width: 50%;
	}

	/* HEADER */
	.menu-area {
		height: 55px;
	}

	.mainmenu {
		height: 55px;
	}

	.mainmenu .navbar-brand {
		padding: 10px 0;
		height: 55px;
	}

	.table-responsive {
		overflow-y: hidden !important;
		overflow-x: visible !important;
	}


	/* ORDER */
	.btn.add-new span {
		padding-right: 10px;
		font-size: 14px;
	}

	.ord0000er-search-box .text-right.form-group {
		margin-bottom: 0;
	}

	.osbf-src-box input {
		width: 280px;
		height: 34px;
	}

	.osbf-src-box label {
		font-size: 15px;
	}

	.orderfilter-box .filter-panel {
		display: block;
	}

	.orderfilter-box .filter-panel .filtrbox {
		width: 100%;
	}

	.order-search-box {
		margin: 10px -8px;
	}

	.orderfilter-box .tagify__input {
		padding: 8px;
	}

	.filtrbox.fltr-value {
		width: 100% !important;
	}

	.filtrbox.fltr-date {
		width: 100% !important;
	}

	.filtrbox.fltr-invoice {
		width: 100% !important;
	}


	.ci-ftr-btn .btn.add-new.cancel-order-filter-btn {
		position: absolute;
		right: 25px;
		height: auto;
		margin-top: 0;
	}

	nav.navbar.mainmenu ul.navbar-nav.mr-auto>li.active a {
		color: #00aeef;
	}

	.pro-inv-right {
		padding: 0;
	}

	.col-md-6.text-md-right.text-sm-left {
		margin-top: 10px;
	}

	.mo-mrg-btn-10 {
		margin-bottom: 10px;
		float: left;
		width: 100%;
	}

	.btn+.btn {
		margin-left: 5px;
	}

	.com-info-txt {
		display: flex;
		margin: 20px 20px 20px 0;
		width: 100%;
	}

	a.btn.add-new.l-blue.pull-right.btn.company-info-btn {
		margin-top: -24px !important;
	}

	/* SETTINGS */
	.srtting-box {
		margin: 0;
		width: 100%;
	}

	.srtting-box .col-md-6 {
		padding: 0;
	}

	.srtting-box .col-md-6 .card {
		margin-bottom: 10px;
		margin-top: 0;
	}

	.mrg-top-mns25 {
		margin-top: -25px !important;
	}

	/* ACCOUNTING APP */
	.acc-app-mn-box {}

	.setting-page .title-container {
		display: flex;
	}

	body.dark-theme .navbar-expand-sm .navbar-collapse {
		box-shadow: 0px 3px 4px rgba(0, 0, 0, 1);
	}

	.mo-cstmr-dtlsbox .title-container {
		margin-bottom: 10px;
		display: block;
	}

	.ttl-brdr-box .title-container {
		display: block;

	}

	.mainmenu .collapse ul ul,
	.mainmenu .collapse ul ul.dropdown-menu {
		background: none;
	}

	ul.navbar-nav.mr-auto+ul {
		width: 100%;
	}

	div#logs-daterange {
		position: relative;
		right: 0;
		top: auto;
	}

	.daterangepicker {
		z-index: 8 !important;
	}

	/* ==== APPROVAL PAGE ==== */
	.aprval-logo {
		margin-bottom: 0;
	}

	.approval-header {
		padding: 5px 0;
	}

	.step-content {
		min-width: 5rem;
		max-width: 5rem
	}

	.step-circle::before {
		width: calc(0.7rem + 2rem - 0rem);
	}

	.approval-main-page {
		width: 100%;
	}

	.approval-header .container {
		display: flex;
	}

	.approval-main-page ul.steps {
		top: 46px;
		background: #fff;
		box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	}

	.container.aproval-conbox {
		padding-top: 50px;
	}

	.aproval-conbox-head h2 {
		font-size: 24px;
	}

	.approval-main-page .title-container.cus-title {
		display: block;
		height: auto;
		margin: 15px 0 15px 0;
	}

	.aproval-conbox-head {
		margin-bottom: 5px;
	}

	.approval-main-page .title-container .title {
		font-size: 19px;
	}

	.aprv-ordr-dtls-box .product-row .product-img {
		padding: 0;
	}

	.aprv-ordr-dtls-box .product-list-table .product-row,
	.aprv-ordr-dtls-box .product-list-table .product-row:last-child {
		padding: 10px 0 !important;
	}

	.aprv-ordr-dtls-box .product-row .product-img {
		padding: 0;
		flex: 0 0 32% !important;
	}

	.product-row.approval-row.con-row .product-name {
		flex: 0 0 68% !important;
	}

	.view-rtwork-box {
		margin-top: 0;
		position: relative;
	}

	.artwork-total .row1 {
		display: flex;
		flex-flow: wrap-reverse;
	}

	.approval-btn-box {
		margin-bottom: 0;
	}

	.cnfrm-dtls-form .title-container,
	.slct-blng-adrs .title-container {
		margin-top: 0;
		flex-direction: row;
		display: inherit;
	}

	.approval-btn-box .approval-btn {
		margin-bottom: 20px;
	}

	.aprv-ordr-dtls-box .total-section {
		padding: 10px 0;
	}

	.view-rtwork-box+.pull-right {
		width: 100%;
	}

	.aprval-logo img {
		max-height: 39px;
		width: auto;
	}

	.text-md-right {
		display: block;
	}

	.download-quote-btn {
		margin: 10px 0 !important;
	}

	.company-info ul li a.email-btn {
		margin: 0;
		margin-bottom: 10px;
	}

	.company-info {
		margin-top: 0;
		border-left: 0;
		border-right: 0;
	}



	/* APPROVAL PAGE */

	.apprvl-step-con {
		padding: 0 15px;
	}

	.apprvl-step-con .apprvlist-table,
	.apprvl-step-con .apprvl-review {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.apprvl-step-con .artwork-b {
		width: 100% !important;
		padding: 0 !important;
		margin-bottom: 15px;
		margin-bottom: 40px;

	}

	.approval-header+main.py-4 {
		margin-top: 70px !important;
	}

	.aproval-conbox-head {
		margin-bottom: 25px;
		margin-top: 25px;
	}

	.approval-row.product-row .product-discount {
		margin-top: 15px;
	}

	/* System Preferences */
	.aprv-ftrinfo-box {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.bulk-actn-grpsbox .dropdown {
		margin-right: 10px;
	}

	.row.order-search-box.form .col-sm-6 {
		flex: 0 0 100%;
		max-width: 100%;
		text-align: right;
	}

	.osbf-fltr-box {
		display: inline;
	}

	.artwork-b .art-work-infor .c-dwnlod,
	.artwork-b .art-work-infor a.btn {
		background: #22212f;
		border-radius: 20px;
		margin-bottom: 10px;
	}

	.invoice-table {
		overflow: auto !important;
	}

	.dataTables_wrapper>.float-right {
		float: none !important;
	}

	.custom-table tbody td,
	.custom-table1 tbody td {
		padding: 8px 12px !important;
	}

	.addon-accordian-inr .quty-group {
		min-width: 230px;
		width: 100%;
	}

	.addon-accordian-inr .qutinputmainbox {
		flex-wrap: wrap;
		row-gap: 15px;
	}

	.addon-accordian-inr .qutinputmainbox span {
		top: 0;
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}

	.addon-accordian-inr .qutinputmainbox .qutinputbox input {
		width: 100%;
	}

	.dashboard-col-5 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}


	.modal .modal-dialog .modal-footer,
	.modal .modal-dialog .modal-body {
		padding-left: 15px;
		padding-right: 15px;
	}

}

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

	.mainmenu a,
	.navbar-default .navbar-nav>li>a,
	.mainmenu ul li a,
	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 11px 10px 10px;
	}

	.add-new {
		margin: 10px 0 0 0;
	}

	.title-container {
		margin-top: 0;
		flex-direction: row;
		display: inline;
	}

	.form-con-box .title-container h4.title,
	.card-block-section.m-t-10 .title-container h4 {
		margin-bottom: 15px;
	}

	/*CREATE ORDER*/
	.edt-ordr-hdrbox h5 {
		margin-right: 10px;
		font-size: 16px;
		min-width: auto;
	}

	.btn.add-new {
		margin-top: 0;
	}

	.add-pro-ttlbox .custom-select-box .bootstrap-select {
		width: 100% !important;
	}

	.edorder-mn-swhbox .custom-label {
		font-weight: 600;
		margin-right: 8px;
		font-size: 12px;
	}

	.edorder-swhbox span {
		font-size: 13px;
	}

	.create-order-page .form-group .custom-label {
		font-size: 14px;
		margin-bottom: 5px;
	}

	.profile-box {
		align-items: initial;
	}



}

@media only screen and (max-width: 900px) {
	.login-bg {
		background-size: cover !important;
	}

	.login-bg .login {
		height: auto;
	}

	.login.justify-content-center {
		padding: 30px 0;
	}

	.login-bg .login .navbar-brand {
		padding: 10px 0 22px 0px;
	}

	.login-bg .login-form {
		width: 100%;
	}

	nav.navbar.mainmenu ul.navbar-nav.mr-auto>li a {
		display: block !important;
	}

}

/*RESPONSIVE NEW UI CHANGES*/

@media (max-width: 1024px) {

	/*===== VIEW ORDER PAGE =====*/
	.view-order-page .flex-container {
		height: 170px;
		margin: 0;
	}

	.view-order-page .view-save-group {
		display: block;
		width: auto;
		left: 0;
		top: 0;
		transform: none;
		height: auto;
		background: none;
		position: relative;
	}

	.view-ref-section .artwork-b .art-work-infor .c-dwnlod,
	.view-ref-section .artwork-b .art-work-infor a.btn {
		background: #22212f;
		border-radius: 4px;
		width: 40px;
		height: 40px;
		margin: 0;
		display: inline-flex;
		align-items: center;
	}
}


@media (min-width: 992px) and (max-width: 1460px) {
	.order-create-form .product-row.cus-row {

		overflow: auto;
	}
}

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

	/*header navigation*/
	.mainmenu .navbar-brand {
		max-width: 115px;
		height: auto;
	}

	.mainmenu .navbar-brand img {
		max-width: 100%;
	}

	.edorder-swhbox {
		margin: 0 !important;
	}

	nav.navbar.mainmenu ul.navbar-nav.mr-auto>li {
		margin: 0 0;
		height: 18px;
	}

	.navbar-expand-sm .navbar-nav .dropdown-menu {
		position: absolute !important;
	}

	ul.navbar-nav.mr-auto>li>a {
		font-size: 13px;
	}

	/*profile menu*/
	.profile-name {
		max-width: 60px;
	}

	.profile-menu .profile-box {
		padding: 6px;
	}

	.profile-menu:hover .profile-nav.dropdown-menu {
		display: none !important;
	}

	.profile-menu.show .profile-nav.dropdown-menu {
		display: block !important;
	}

	/*===== CREATE ORDER PAGE =====*/
	.row.order-row-form .col-lg-6:first-child .col-md-6 {
		padding: 0 5px;
	}

	.row.order-row-one .col-md-3 {
		padding: 0 5px;
	}

	.order-row-form .select2-container {
		width: 100% !important;
	}

	/*order table*/
	.order-create-form .product-row.cus-row {

		overflow: auto;
	}

	.create-order-page-new-ui .product-data figure img {
		max-width: 70px !important;
	}

	.send-rmnd-invc-box .ins-date-box.ins-date-box {
		width: 100%;
	}



}

@media (max-width: 992px) {

	/*TOP NAVIGATION*/
	.profile-menu.avtar-name {
		padding: 0;
	}

	.profile-box {
		padding: 0;
	}

	.nav-profile-box {
		flex-direction: row-reverse;
		width: auto;
	}

	.profile-box {
		margin-right: 20px;
	}

	nav.navbar.mainmenu ul.navbar-nav.mr-auto>li .dropdown-toggle::after {
		display: none;
	}

	.edorder-swhbox.mr-4 {
		padding: 15px;
	}

	/*Dashboard*/
	.dashboard-page .title-container {
		flex-direction: column;
		align-items: flex-start;
	}

	.filtersection {
		width: 100%;
		margin-top: 10px;
		justify-content: flex-end;
	}

	.filtersection .card {
		flex: 1;
	}

	.dashboard-page .ins-dtrng-box {
		justify-content: space-between;
	}

	.daterangepicker {
		width: 296px !important;
	}


}


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

	/*===== ORDER LISTING PAGE =====*/
	.order-tab-section {
		align-items: center;
		margin-bottom: 15px;
		flex-direction: column;
	}

	.custom-tab.nav-tabs {
		margin-bottom: 20px;
	}

	.py-4 .tab-filter-grps {
		top: 136px;

	}

	.orderfilter-box .sidebar-body .filtrbox {
		width: 100% !important;
	}

	.orderfilter-box .sidebar-body .filter-group-box .filtrbox {
		width: 49% !important;
	}

	/*===== CREATE ORDER PAGE =====*/
	.order-row-form .select2-container {
		width: 100% !important;
	}

	/*order table*/
	.order-create-form .product-row.cus-row {
		display: flex;
		overflow: auto;
	}

	.create-order-page-new-ui .product-data figure img {
		max-width: 70px !important;
	}

	.send-rmnd-invc-box .ins-date-box.ins-date-box {
		width: 100%;
	}

	.product_bottom .col-md-2,
	.product_bottom .col-md-3 {
		width: auto;
		max-width: initial;
	}


	/*artwork*/
	.create-order-page .attech-ref-section {
		display: flex;
		flex-wrap: wrap;
	}

	.create-order-page .send-rmnd-invc-box {
		width: 100%;
		padding-left: 0;
		margin-top: 0;
		padding-bottom: 15px;
	}

	/*notes*/
	.create-order-page .ord-int-box {
		width: 60%;
	}

	.create-order-page .artwork-total {
		width: 100%;
	}

	.create-order-page .mn-co-ntf-persnal {
		white-space: initial;
	}

	/*===== EDIT APPROVAL PAGE =====*/
	.edit-approval-page .ord-int-box {
		width: 100%;
	}

	.edit-approval-page .mn-co-ntf-persnal {
		padding-left: 0 !important;
		width: 100%;
	}

	.edit-approval-page .dropzone.dz-clickable {
		min-height: 280px;
	}

	/*===== EDIT ORDER PAGE =====*/
	.input-icn-btn.copy-aprvl-link .btn.add-new {
		padding: 5px 0px;
	}

	.edit-main-page .button-icns-grups .input-icn-btn input,
	.edit-main-page .button-icns-grups .input-icn-btn button,
	.edit-main-page .button-icns-grups .input-icn-btn a {
		font-size: 14px !important;
	}

	/*notes*/
	.edit-main-page .ord-int-box {
		width: 100%;
	}

	/*===== VIEW ORDER PAGE =====*/
	.view-order-page .edt-ordr-hdrbox .nav-tabs {
		margin-bottom: 0;
	}

	.view-order-page.view-cstmt-dtls {
		margin-bottom: 10px;
	}

	.view-order-page.create-order-page .ord-int-box {
		width: 100%;
	}

	/*PROFILE PAGE*/
	.profile-menu {
		margin-right: 10px;
	}

	.profile-info {
		margin-right: 0;
	}

	.mainmenu .collapse ul ul.dropdown-menu {
		margin-top: 0;
	}

	/*top filter*/
	.row.order-search-box.form {
		width: 340px;
	}

}

@media (max-width: 767px) {

	.addon-swich-box {
		height: auto;
	}

	.textbox-group .price-input {
		margin: 5px 5px;
	}

	/*===== ORDER LISTING PAGE =====*/
	.order-tab-section {
		flex-wrap: wrap;
	}

	.order-tab-section .responsive-tab,
	.responsive-tab {
		width: 100%;
		margin: 0px 0px;
		overflow: auto;
		overflow-y: hidden;
	}

	.custom-tab.nav-tabs {
		margin: 12px 0;
		width: 730px;
	}

	.py-4 .tab-filter-grps {
		top: 0;
		z-index: 2;
		right: 0;
		margin-top: 0;
	}

	.sales-sammary-mo {
		position: absolute;
		right: 0;
		width: auto;
	}

	.order-search-box.form {
		text-align: right;
		margin: 0 0 30px 0;
	}

	.title-container .title {
		font-size: 24px;
	}

	.order-tab-section .orderfilter-box {
		padding: 0;
		border: none;
	}

	.footer-info .left-con {
		padding-right: 10px;
	}

	.osbf-src-box {
		flex-direction: column;
		margin-bottom: 0px;
	}

	.osbf-src-box label {
		margin-bottom: 10px;
		margin-right: 0;
	}

	.filter-row .filter-ico {
		font-size: 14px;
	}

	.searchbox {
		min-width: 180px;
	}

	.rfq-table .align-right_float-btn,
	.align-right_float-btn {
		position: relative;
		top: 0;
		height: auto;
		float: none;
		margin-bottom: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}

	.actions_tops .searchbox {
		margin-left: initial;
	}


	/*===== CREATE ORDER PAGE =====*/
	.create-order-page .edt-ordr-hdrbox,
	.titleBar {
		padding: 20px 20px !important;
	}

	.panel-body {
		padding: 20px;
	}

	.edorder-mn-swhbox .custom-label {
		display: none;
	}

	.add-pro-ttlbox .custom-select-box.ad-pro-slctbox {
		min-width: auto;
		flex-direction: column;
		align-items: self-start;
	}

	.add-pro-ttlbox .custom-select-box.ad-pro-slctbox:before {
		top: calc(50% - -2px);
	}

	.custom-select-box.ad-pro-slctbox label {
		margin-bottom: 10px;
	}

	.order-row-form .select2-container {
		width: 100% !important;
	}

	/*table*/
	.create-order-page .panel-body {
		padding: 15px 15px;
	}

	.order-create-form .product-row.cus-row {
		padding: 0 !important;
	}

	.create-order-page-new-ui .product-row .product-img {
		flex: 0 0 100% !important;
	}

	.create-order-page-new-ui .product-row .product-name {
		flex: 0 0 100% !important;
		margin-bottom: 0;
	}

	.create-order-page-new-ui .product-row .product-qa {
		flex: 0 0 50% !important;
	}

	.create-order-page-new-ui .product-row .product-price-each {
		flex: 0 0 50% !important;
	}

	.create-order-page-new-ui .product-row .product-supplier {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.create-order-page-new-ui .product-row .product-subtotal {
		flex: 0 0 100% !important;
	}

	.create-order-page-new-ui .product-row .product-discount-div {
		flex: 0 0 100% !important;
	}

	.create-order-page-new-ui .product-row.product-discount-added .product-supplier {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.create-order-page-new-ui .product-row.product-discount-added .product-subtotal {
		flex: 0 0 100% !important;
	}

	.order-create-form .product-row.cus-row .product-drag {
		display: none;
	}

	.create-order-page-new-ui .product-row .product-img .heading {
		text-align: left;
	}

	.create-order-page-new-ui .artwork-total .dropzone .dz-default.dz-message {
		left: 0;
		margin-left: 0;
		margin-top: 0;
		height: auto;
		max-width: 100%;
		position: absolute;
		top: 68px;
		padding: 10px;
		transform: none;
	}

	.create-order-page-new-ui .artwork-total .dropzone .dz-default.dz-message .upload-txt {
		max-width: 100%;
		white-space: normal;
	}

	.create-order-page-new-ui .dropzone.dz-clickable {
		min-height: 270px !important;
	}


	.order-create-form .product-row>div {
		margin-bottom: 0;
	}

	.create-order-page-new-ui .product-data {
		margin-bottom: 0;
	}

	.order-actv-order-tab .custom-table .dataTables_empty {
		min-width: 80px;
		text-align: left !important;
	}

	.order-tab-section {
		margin-bottom: 20;
	}

	.create-order-page-new-ui .product-row .add-more {
		width: 100% !important;
	}


	/*artwork*/
	.create-order-page .attech-ref-section {
		display: flex;
		flex-wrap: wrap;
	}

	.create-order-page .send-rmnd-invc-box {
		width: 100%;
		padding-left: 0;
		margin-top: 0;
		padding-bottom: 15px;
	}

	/*notes*/
	.create-order-page .ord-int-box {
		width: 60%;
	}

	.create-order-page .artwork-total {
		width: 100%;
	}

	.create-order-page .mn-co-ntf-persnal {
		white-space: initial;
	}

	.create-order-page .remind-option-box {
		flex-direction: column;
	}

	.create-order-page .remind-option-box .form-group {
		width: 100%;
	}

	.create-order-page .ord-int-box {
		width: 100%;
	}

	.create-order-page .mn-co-ntf-persnal {
		width: 100%;
		padding-left: 0;
	}

	.create-order-page .inter-his-box .ord-int-box .tab-hdr-ttl {
		flex-flow: wrap;
	}

	.create-order-page .inter-his-box .ord-int-box .tab-hdr-ttl h5 {
		margin-bottom: 5px;
	}

	.create-order-page .tab-hdr-ttl p {
		font-size: 13px;
	}

	.create-order-page .remind-option-box .form-group.aprval-ddln-box {
		margin-bottom: 0;
	}

	.create-order-page .co-eml-multy {
		position: relative;
		margin-top: 0;
		margin-bottom: 10px;
	}

	.create-order-page .dropzone-section .dropzone.dz-clickable {
		justify-content: flex-start !important;
		padding: 0 !important;
	}

	/*===== EDIT ORDER PAGE =====*/
	.edit-main-page.create-order-page .edt-ordr-hdrbox {
		padding: 10px 30px;
		flex-direction: column;
		align-items: flex-start;
	}

	.edit-main-page.create-order-page .tab-hdr-ttl h5 {
		margin-bottom: 10px;
	}

	.edit-main-page .ordr-actndw {
		width: auto;

	}

	.edt-ordr-hdrbox .edit-qt-box {
		justify-content: space-between;
		width: 100%;
	}

	/*===== VIEW ORDER PAGE =====*/
	.view-order-page .edt-ordr-hdrbox .nav-tabs {
		width: 100%;
		margin: 0 !important;
	}

	.view-order-page .ordr-actndw {
		width: auto;
		top: 0px;
		float: none;
	}

	.view-order-page .edt-ordr-hdrbox .nav-tabs li:first-child {
		margin-bottom: 10px;
	}

	.view-order-page.create-order-page-new-ui .product-row .product-supplier {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.view-order-page.create-order-page-new-ui .product-row .product-qa {
		flex: 0 0 100% !important;
	}

	.view-order-page.create-order-page-new-ui .product-row .product-price-each {
		flex: 0 0 100% !important;
	}

	.view-order-page.create-order-page-new-ui .product-row .product-subtotal {
		flex: 0 0 100% !important;
	}

	.view-order-page .order-create-form .product-row .heading {
		border-bottom: none;
		padding-bottom: 0;
	}

	.view-order-page.create-order-page-new-ui .product-data {
		padding-top: 0;
	}

	.view-order-page.create-order-page-new-ui .product-data figure {
		text-align: left;
	}

	.view-order-page .dispatch-form .form-group .custom-label {
		font-size: 14px;
		color: #595959
	}

	.view-order-page .dispatch-form .form-group>b {
		margin-top: 10px !important;
	}

	.view-ref-details-form .title-container .title {
		padding-top: 10px;
	}

	/*PROFILE*/
	.mainmenu .navbar-brand img {
		max-width: 110px;
	}

	.menu-area .navbar-toggler {
		height: 40px;
	}

	li.dropdown.profile-menu.avtar-name {
		padding: 0;
	}

	.mainmenu .navbar-brand {
		padding: 15px 0;
		height: 55px;
	}

	figure.profile-img {
		width: 40px;
		height: 40px;
	}

	.profile-menu {
		margin-right: 10px;
	}

	.profile-info {
		margin-right: 0;
	}

	.mainmenu .collapse ul ul.dropdown-menu {
		margin-top: 0;
	}

	.row.product_bottom.check .custom-select-box.ad-pro-slctbox.warehouse_filed {
		margin-bottom: 10px;
	}

	.view-order-page.create-order-page-new-ui .product-row .product-name {
		flex: 0 0 100% !important;
	}

	.spng-no-box {
		margin: 10px 0;
	}

	.view-order-page .product-row .desc {
		margin-bottom: 20px;
	}

	/*Create Group*/
	.addon-accordian-inr {
		padding: 20px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.addon-upload {
		margin-bottom: 30px;
	}

	.form-group.inline-field .form-control {
		width: 150px;
	}


	/*configure-setting-box*/
	.configure-setting-box {
		flex-direction: column;
	}

	.create-order-page .configure-setting-box .main-total-section {
		width: 100%
	}

	.cs-left-section .filtrbox {
		width: 100% !important;
	}

	.configure-check {
		position: relative;
		right: 0;
		padding: 10px;
	}

	.reletepro-tab .custom-tab.nav-tabs {
		width: 100%;
	}


	/*Create Group*/
	.form-group.grpname-box {
		flex-direction: column;
	}

	.group-inr-box {
		min-width: 260px;
	}

	.group-inr-btn-box .btn-save {
		margin-left: 0 !important;
	}

	.group-inr-btn-box label.custom-label {
		margin-bottom: 0;
	}


	/*SUMMERY PAGE*/
	.summary-page .container.aproval-conbox {
		padding-top: 0;
	}

	.summary-page .product-row.approval-row.con-row {
		flex-wrap: wrap;
	}

	.summary-page .approval-main-page .approval-row.product-row .product-name {
		flex: 0 0 22%;
		margin: 0;
	}

	.summary-page .approval-main-page .approval-row.product-row .product-qty {
		flex: 0 0 28%;
		margin: 0;
	}

	.summary-page .approval-main-page .approval-row.product-row .product-unit {
		flex: 0 0 24%;
		margin: 0;
	}

	.summary-page .approval-main-page .approval-row.product-row.product-discount-added .product-discount {
		flex: 0 0 20%;
		margin: 0;
	}

	.summary-page .approval-main-page .approval-row.product-row .product-subtotal {
		flex: 0 0 27%;
		padding-right: 0;
		margin: 0;
	}

	.summary-page .approval-main-page .approval-row.product-row .product-sp {
		margin-top: 10px;
		padding: 0;
	}

	.invoice-status i.fa {
		font-size: 16px;
	}

	.invoice-info .btn {
		font-size: 12px;
	}

	.invoice-status span {
		font-size: 13px;
	}

	.summary-page .tracking-box a {
		margin: 0 0 0 6px;
	}

	.summary-page .artwork-b {
		width: 50% !important;
	}

	.approval-main-page .title-container .title,
	.summary-page .aproval-conbox-head h2 {
		font-size: 20px;
	}

	.summary-page .product-sp .btn {
		min-width: 106px;
	}

	.summary-page .tracking-box {
		margin-top: 0;
	}

	.summary-page .artwork-b {
		width: 100% !important;
	}

	.artwork-b .img-fluid {
		vertical-align: middle;
		max-height: 70px;
		min-height: 60px;
	}

	.ct-info {
		display: flex;
		align-items: center;
		justify-content: space-between !important;
		flex-direction: row !important;

	}

	.count-head {
		font-size: 18px;
	}

	.dashboard-page .custom-tab.nav-tabs {
		width: auto;
		flex-wrap: nowrap;
		overflow-y: hidden;
		padding-bottom: 12px;
		margin: 0;
	}

	.dashboard-page .custom-tab.nav-tabs .nav-item {
		white-space: nowrap;
	}

	.border-right {
		border: none !important;
	}

	.productSearchDropdown.select2-container--open .select2-dropdown {
		width: 300px !important;

	}


	/*====ORDER PAGE : DROPDOWN====*/
	.left-info-dd {
		flex-direction: column;
	}

	.left-info-dd-inr {
		width: 100%;
	}

	.right-info-dd {
		width: 100%;
		padding: 0;
		border-left: none;
	}

	.productSearchDropdown .select2-results__option {
		background: #f1f1f2;
		margin-bottom: 0;
		border-bottom: 1px solid #c7c5c5;
	}

	/*Product table*/
	.product-table .float-right {
		float: none !important;
	}

	.srh-with-filter {
		position: relative;
		left: 50%;
		z-index: 1;
		top: 0;
	}

	.product-btns-group {
		flex-wrap: wrap;
	}

	.product-btns-group .btn {
		margin: 5px 0;
	}

	.setting_sidebar .setting-item .item-body .links a {
		font-size: 11px;
	}

}

@media (max-width: 575px) {
	.acc-app-mn-box {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.dashboard-col-5 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.modal-confirm {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}


	.view-order-page .edt-ordr-hdrbox {
		flex-wrap: wrap;
	}


	.setting_sidebar {
		right: -300px;
		max-width: 300px;
	}

	.setting_sidebar .setting-item .item-top {
		font-size: 14px;
	}

	.setting_sidebar .btn {
		font-size: 11px;
		padding: 10px 8px;
	}
}