@media (min-width:0px) and (max-width:1023px)  { 

	/* minimum for phone and tables */
	#divMenuContainer {
		width:0px;
		position:absolute;
		top:0;
		left:0;
		z-index:5;
		transition:300ms ease all;
	}
	
	#divMenuContainer.opened {
		width:400px;
	}
	
	#divMenuTitle {
		min-width:100%;
		width:100%;
	}
	
	#divMenuTitle>div {
		width:100%;
		position:relative;
	}
	
	#divMenuTitle>div>img {
		display:none;
	}
	
	#divMenuTitle #divCloseMobileMenu {
		display:block;
	}
	
	#divMenuTitle #divHomeMobileMenu {
		display:block;
	}
	
	#divMenuTitle #divSearchMobileMenu {
		display:block;
	}
	
	#divMenuScrollable {
		width:100%;
		overflow-y:auto;
	}
	
	#divMenu {
		width:100%;
	}
	
	.divMenuCat {
		height:50px;
		background-color:var(--very-light-primary);
		border:1px solid #ffffff;
	}
	
	.divMenuCat:hover {
		background-color:var(--light-primary);
	}
	
	.divMenuCat.chosen {
		background-color:var(--light-primary);
	}
	
	.divMenuCat .divOuterMenuTextContainer {
		top:25px;
	}
	
	#divMenu ul>li:first-child .divMenuCat {
		padding-top:0px;
	}
	
	#divMenu ul>li:last-child .divMenuCat {
		padding-bottom:0px;
	}
	
	.divMenuCat .imageMenuContainer {
		display:none;
	}
	
	.divMenuCat .spanShort {
		width:370px;
		max-height:40px;
		margin-left:0px;
		text-align:center;
	}
	
	.divHoverMenu {
		display:none;
	}
	
	#divServerTime {
		font-size:17pt;
		height:34px;
		margin-top:5px;
	}

	#divServerDate {
		font-size:11pt;
		height:21px;
	}
	
	#divHeader #divPageTitle {
		width:180px;
	}
	
	#divHeader #divGotoPage {
		display:none;
	}
	
	#divHeader #divOpenMobileMenu {
		display:block;
	}
	
	#divHeader #divHeaderInformation>table>tbody>tr {
		position:relative;
	}
	
	#divHeader #divHeaderInformation>table>tbody>tr>td {
		padding:0 10px;
	}
	
	#divHeader #divHeaderInformation #divHeaderSuperuser {
		position:absolute;
		left:-210px;
		top:13px;
		right:0px;
		width:190px;
		height:60px;
		border-left:0;
		background-color:#ffffff;
		z-index:4;
	}

	#divHeader #divHeaderInformation #selectActiveClient {
		width:190px;
	}
	
	#divHeader #divHeaderInformation .titleClientName, #divHeader #divHeaderInformation .titleClientCode {
		display:none;
	}
	
	#divHeader #divHeaderInformation .titleClient {
		margin-right:5px;
	}
	
	#divHeader #divHeaderInformation .iconClient {
		right:0px;
	}
	
	#divHeader #divHeaderInformation #divHoverPackage #divPackageInformation {
		top:19px;
	}

	#divHeader #divHeaderInformation #selectActiveOutlet {
		width:200px;
	}
	
	#divHeader #divHeaderInformation .outletContainer .titleActiveOutlet {
		max-width:200px;
	}
	
	#divHeader #divHeaderInformation .titleUser {
		margin-right:15px;
	}
	
	#divHeader #divHeaderInformation .titleEmployeeName {
		display:none;
	}
	
	#divHeader #divHeaderInformation .titleUsergroupName {
		display:none;
	}
	
	#divHeader #divHeaderInformation #divProfileMenu {
		padding:5px;
		top:18px;
		left:-155px;
	}
	
	#divHeader #divHeaderInformation #divProfileMenu ul li {
		padding:8px 10px;
	}
	
	#divSetting #selectPagesize {
		width:150px!important;
	}
	
	#divSetting #selectPage {
		width:100px!important;
	}
	
	#divSetting #selectState {
		width:150px!important;
	}
	
	#divSettingReport #selectPagesize {
		width:150px!important;
	}
	
	#divSettingReport #selectPage {
		width:100px!important;
	}
	
	.tblInput>tbody>tr>th:first-child {
		min-width:125px;
	}
	
	.tblInput>tbody>tr>td {
		min-width:345px;
	}
	
	#divInput {
		width:510px;
	}
	
	#divInput #tblDivInput .param {
		width:100px;
	}
	
	#divInput #tblDivInput .value .tdRight {
		width:100px;
	}
	
	#divNewHover #divNewHoverMove, #divNewHover2 #divNewHoverMove2, #divNewHover3 #divNewHoverMove3 {
		display:none;
	}
	
	#divInputReport {
		width:510px!important;
	}
	
	#divInputReport #tblInput .param {
		width:100px!important;
	}
	
	/* COA */
	#selectCoa {
		width:225px!important;
	}
	
	.divSubMaster {
		min-width:610px!important;
	}
	
	.divInnerLeftSecond {
		max-width:200px!important;
	}
	
	.divInnerRightFirst {
		display:none!important;
	}

	.divInnerRightSecond {
		display:none!important;
	}
	
	/* ALTER DATABASE */
	#inpQuery, #inpResult {
		width:calc(100% - 12px)!important;
	}
}

@media (min-width:1024px) and (max-width:1439px) { 
	/* big landscape tablets, laptops, and desktops */ 
	
	#divMenuContainer {
		width:120px;
	}
	
	#divMenuTitle {
		min-width:120px;
		width:120px;
	}
	
	#divMenuTitle>div>img {
		width:115px;
		margin-left:2px;
		margin-top:26px;
	}
	
	#divMenuScrollable {
		width:120px;
	}
	
	#divMenu {
		width:120px;
	}
	
	.divMenuCat {
		background-color:#f8f8f8;
		border:1px solid #ffffff;
	}
	
	#divMenu ul>li:first-child .divMenuCat {
		padding-top:0px;
	}
	
	#divMenu ul>li:last-child .divMenuCat {
		padding-bottom:0px;
	}
	
	.divMenuCat:hover {
		background-color:#ececec;
	}
	
	.divMenuCat.chosen {
		background-color:var(--light-primary);
	}
	
	.divMenuCat .imageMenuContainer {
		display:none;
	}
	
	.divMenuCat .spanShort {
		margin-left:0px;
		text-align:center;
	}
	
	.divHoverMenu {
		left:120px;
		padding:6px;
	}
	
	.divHoverMenu>table>tbody>tr>td.divHoverShortMenu {
		padding:8px 10px;
		width:225px;
		max-width:225px;
	}
	
	.divHoverMenu>table>tbody>tr>td.divHoverShortMenu .divHoverShortMenuTitle {
		width:205px;
	}
	
	#divServerTime {
		font-size:17pt;
		margin-top:5px;
	}

	#divServerDate {
		font-size:11pt;
	}
	
	#divHeader #divPageTitle {
		max-width:190px;
	}
	
	#divHeader #divGotoPage {
		width:20px;
	}
	
	#divHeader #btnToggleGotoPage {
		margin-top:28px;
		margin-right:5px;
	}
	
	#divHeader #divHeaderInformation>table>tbody>tr>td {
		padding:0 10px;
	}
	
	#divHeader #divHeaderInformation .titleClientName, #divHeader #divHeaderInformation .titleClientCode {
		display:none;
	}
	
	#divHeader #divHeaderInformation .titleClient {
		margin-right:5px;
	}
	
	#divHeader #divHeaderInformation .iconClient {
		right:0px;
	}
	
	#divHeader #divHeaderInformation #divHoverPackage #divPackageInformation {
		top:19px;
	}

	#divHeader #divHeaderInformation #selectActiveOutlet {
		width:200px;
	}
	
	#divHeader #divHeaderInformation .outletContainer .titleActiveOutlet {
		max-width:200px;
	}
	
	#divHeader #divHeaderInformation .titleUser {
		margin-right:15px;
	}
	
	#divHeader #divHeaderInformation .titleEmployeeName {
		max-width:125px;
	}
	
	#divHeader #divHeaderInformation .titleUsergroupName {
		max-width:125px;
	}
	
	#divHeader #divHeaderInformation .iconUser {
		right:0px;
	}
	
	#divHeader #divHeaderInformation #divProfileMenu {
		padding:5px;
		left:-155px;
	}
	
	#divHeader #divHeaderInformation #divProfileMenu ul li {
		padding:8px 10px;
	}
	
	#divSetting #selectPagesize {
		width:175px!important;
	}
	
	#divSetting #selectPage {
		width:125px!important;
	}
	
	#divSetting #selectState {
		width:175px!important;
	}
	
	#divSetting #divCount {
		display:none;
	}
	
	#divSettingReport #selectPagesize {
		width:175px!important;
	}
	
	#divSettingReport #selectPage {
		width:125px!important;
	}
	
	.tblInput>tbody>tr>td {
		min-width:550px;
	}
	
	/* COA */
	.divInnerLeftSecond {
		max-width:200px!important;
	}
}

/* sisa masuk global css */