@media only screen and (max-width: 1439px) {
	.table-row .inner .table-box table th, .table-row .inner .table-box table td{font-size: 12px;}
}
@media only screen and (max-width: 1365px) {
	.table-row .inner .table-box .info.form-inline form .row .control-group {width: calc(19% - 6px); }
}
@media only screen and (max-width: 1279px) {
	.table-row .inner .table-box table th, .table-row .inner .table-box table td{padding: 12px 10px;}
}
@media only screen and (max-width: 1169px) {
	.dashboard-overview-grid,
	.dashboard-metric-grid,
	.dashboard-chart-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
	.dashboard-overview-grid-2 {grid-template-columns: 1fr;}
	.dashboard-metric-grid-5 {grid-template-columns: repeat(2, minmax(0, 1fr));}
	.dashboard-detail-grid {grid-template-columns: 1fr;}
	.main-header .inner .right-box .menu ul li a{font-size: 14px;}
	.main-header .inner .right-box .menu ul{column-gap: 25px;}
	.table-row .inner .table-box .info ul li label {min-width: 100px; width: 100px; font-size: 12px; }
	.table-row .inner .table-box .info{padding: 20px 10px; }
	.table-row .inner .table-box table th, .table-row .inner .table-box table td {padding: 12px 8px; }

	.top-box-part .inner .box-item .form .control-group label{font-size: 14px;}

	.login-screen .inner .right-box{padding: 40px;}
	.login-screen .inner .right-box .form-part{padding: 40px;}
}
@media only screen and (max-width: 1023px) {
	.dashboard-header-bar {flex-direction: column; align-items: stretch;}
	.dashboard-filter-form,
	.dashboard-filter-controls {width: 100%; flex-wrap: wrap;}
	.dashboard-filter-controls .control-group {flex: 1 1 180px;}
	.business-filter-layout {flex-direction: column;}
	.business-filter-tabs {width: 100%; min-width: 0; flex-direction: row; flex-wrap: wrap;}
	.business-filter-tab {flex: 1 1 260px;}
	.business-view-page .company-section .box-list .item {width: calc(50% - 10px);}
	button.mobile-menu {display: block; width: 40px; height: 40px; background: #fff; border: 1px solid #d9e2ec; border-radius: 7px; display: flex ; flex-direction: column; justify-content: center; align-items: center; row-gap: 5px; box-shadow: 0 4px 10px rgb(22 36 51 / 8%); }
	button.mobile-menu span {width: 70%; height: 2px; display: inline-block; background: #285f7a; border-radius: 99px; }
	button.mobile-menu.open {background: linear-gradient(135deg, #3aa0d8 0%, #8ccf55 100%); border-color: transparent; }
	button.mobile-menu.open span {background: #fff; }
	.menu.main-menu {display: none; }
	.main-header .inner .right-box {flex-direction: row-reverse; }
	.menu.main-menu.open {display: block; position: absolute; top: 100%; width: 100%; right: 0; padding: 12px; background: #fff; border-bottom: 1px solid #d9e2ec; box-shadow: 0 12px 28px rgb(22 36 51 / 12%); z-index: 99; max-height: calc(100vh - 84px); overflow-y: auto; border-radius: 0 0 12px 12px;}
	.main-header .inner .right-box .main-menu ul {flex-direction: column; }
	.main-header .inner .right-box .main-menu > ul li {position: relative; padding: 4px 0; border-bottom: 1px solid #e8eef4; width: 100%; }
	.main-header .inner .right-box .main-menu > ul li:last-child{border: none;}
	.main-header .inner .right-box .main-menu ul .arrow{float: right;}
	.main-header .inner .right-box .main-menu ul li.has-submenu.open .sub-menu {background: #f8fafc; display: flex ; flex-direction: column; position: initial; width: 100%; box-shadow: none; border: 1px solid #d9e2ec; transform: none; margin-top: 8px; }
	.main-header .inner .right-box .main-menu ul li.has-submenu.open .sub-menu li {padding: 0; border: none; }
	.main-header .inner .right-box .main-menu ul li.has-submenu.open .sub-menu {padding: 9px 0; }
	.main-header .inner .right-box .menu ul li.mega-menu.col-3 .sub-menu,
	.main-header .inner .right-box .menu ul li.mega-menu.col-2 .sub-menu {width: 100%; transform: none; flex-direction: column; column-gap: 0;}
	.main-header .inner .right-box .menu ul li.mega-menu.col-3 .sub-menu li,
	.main-header .inner .right-box .menu ul li.mega-menu.col-2 .sub-menu li {width: 100%;}

	.table-row .inner .table-box.w-25 {width: calc(50% - 15px); }
	.table-row .inner .table-box .info ul li label{min-width: 140px;}
	.table-row .inner .table-box.w-50 {width: 100%; }

	.table-row .inner .table-box .info.form-inline form .row .control-group {width: calc(24% - 6px); }
	.table-row .inner .table-box .info.form-inline form .control-group{width: 38%;}

	.top-box-part .inner .box-item.w-25 {width: calc(50% - 15px); }
	.top-box-part .inner .box-item {width: 100%; }

	.login-screen .inner .right-box {padding: 20px; }
	.login-screen .inner .right-box .form-part {padding: 40px 20px; }
	.login-screen .inner{column-gap: 0;}
	.login-screen .inner .left-box{padding: 0 20px;}
	.login-screen .inner .left-box p{font-size: 18px;}

	.dat-top-bar-main {flex-direction: column; padding: 16px 16px 4px;}
	.dat-top-bar .inner {flex-wrap: wrap;}
	.table-row {padding-left: 16px; padding-right: 16px;}
	.company-section .box-list .item {width: calc(50% - 10px);}
}
@media only screen and (max-width: 767px) {
	.container{padding: 0 15px;}
	.theme-btn{font-size: 14px;}
	body {padding-top: 72px;}
	.dashboard-overview-grid,
	.dashboard-metric-grid,
	.dashboard-chart-grid {grid-template-columns: 1fr;}
	.dashboard-metric-grid-5 {grid-template-columns: 1fr;}
	.dashboard-ledger-grid {grid-template-columns: 1fr;}
	.business-filter-tabs {flex-direction: column;}
	.business-filter-tab {width: 100%; flex-basis: auto;}
	.business-view-page .company-section .box-list .item {width: 100%;}
	.main-header {min-height: 66px; padding: 10px 0;}
	.main-header .inner .logo {min-width: 0;}
	.brand-copy strong {font-size: 14px;}
	.brand-copy span {max-width: 145px;}

	.main-header .inner .right-box{column-gap: 10px;}
	.main-header .inner .right-box .user-menu ul li a{column-gap: 6px; font-size: 12px;}
	.main-header .inner .right-box .user-menu ul li a img{max-width: 20px;}

	.popup-box .popup-inner .form-content form .control-group.w-50 {width: 100%; }
	.table-row .inner .table-box.w-25 {width: 100%; }
	.table-row .inner .table-box .info{overflow: auto;}
	.table-row .inner .table-box.hori-table li input {min-width: 100px; }
	.table-row .inner .table-box.hori-table .info ul li label {min-width: 100px; }

	.table-row .inner .table-box table thead tr td, .table-row .inner .table-box table thead tr th, .table-row .inner .table-box table th, .table-row .inner .table-box table td {white-space: nowrap; }
	.popup-box .popup-inner{max-width: 90%;}
	.table-row .inner .table-box .heading-label span.add-new{top: 8px;}

	h1.page-title{font-size: 20px;}
	.table-row .inner .table-box table.input-table thead tr td, .table-row .inner .table-box table.input-table thead tr th, .table-row .inner .table-box table.input-table th, .table-row .inner .table-box table.input-table td{white-space:initial;}

	.top-box-part .inner .box-item.w-25 {width: 100%; }

	.login-screen .inner .left-box{display: none;}
	.login-screen .inner .right-box{position: relative;}
	.login-screen .inner .right-box::before{content: ''; opacity: 0.5; background-size: 40%; width: 100%; height: 100%; background-image: url('../images/logo.png'); background-position: center; background-repeat: no-repeat; position: absolute; top: 0; left: 0;}
	.login-screen .inner .right-box .form-part{z-index: 99;}	

	.dat-top-bar .inner {align-items: stretch;}
	.dat-top-bar .inner .date,
	.dropdown-box,
	.excel-btn {width: 100%; flex-wrap: wrap; row-gap: 8px;}
	select,
	.text-box,
	input.textfield,
	.dat-top-bar .inner input.textfield {width: 100%; min-width: 0;}
	.company-section .box-list .item {width: 100%;}
}
@media only screen and (max-width: 639px) {
	.table-row .inner .table-box .heading-label{font-size: 14px;}
	.table-row .table-box .heading-label span.add-new {position: static; margin-left: 10px; vertical-align: middle;}
	.table-row .inner .table-box .info.form-inline form .control-group {width: 100%; }

	.table-row .inner .table-box .info.form-inline form .row .control-group {width: calc(49% - 6px); }

	.top-box-part .inner .box-item{padding: 15px;}
	.top-box-part .inner .box-item .form {flex-direction: column; row-gap: 15px; }

	.login-screen .inner .right-box .form-part h2{margin-bottom: 20px;}
	.login-screen .inner .right-box .form-part form .control-group select, .login-screen .inner .right-box .form-part form .control-group input{height: 50px;}
}
@media only screen and (max-width: 479px) {}
@media only screen and (max-width: 430px) {
	.dat-top-bar .inner{flex-direction: column; align-items: flex-start; row-gap: 20px;}
	.dat-top-bar .inner .date {width: 100%; }
	.dat-top-bar .inner input#datefield{width: 100%;}
	.main-header .inner .right-box .user-menu ul li a span:not(.arrow) {display: none;}


}