.menu-bar-icon				{position:absolute; z-index:300; width:30px; height:30px; left:15px; top:8px; cursor:pointer; display:none}
.menu-bar-icon i			{font-size:26px}
.lfttoggle					{display:block}
.logout-li					{display:none}
.modal-large				{width:80%}
.inv-dtl-act-link			{text-align:right}

/** **/
@media (min-width: 100px) { 
	.login .wrapper, .login .container	{min-width:350px}
	.form-inline .form-control			{display:inline-block}
}

@media (max-width: 1920px) 	{
	.modal-large				{width:60%}
}
@media (max-width: 1600px) 	{
	.modal-large				{width:70%}
}

@media (max-width: 1366px) 	{
	.box-container		{padding:0 0 0 200px}
	.leftbar			{width:200px}
	.actbtnbx			{left:215px}
	.modal-large		{width:80%}
}

@media (max-width: 767px) {
	header						{display:none}
	.box-container				{padding-left:0}
	.logo						{padding-left:24px}
	.menu-bar-icon				{display:block}
	.box-title					{padding-left:50px}
	.lfttoggle					{display:none}
	.logout-li					{display:block}
	.modal-large				{width:95%; margin:0 auto}
	.items-tbl input[type="text"], .items-tbl .amttd		{width:102px}
	
	.hori-form label					{float:none; width:100%; padding-right:0; text-align:left; min-height:unset; padding-top:unset; margin-bottom:5px}
	.hori-form.lbright label			{text-align:left; padding-right:0}
	.hori-form .ferr					{padding-left:0}
	.hori-form.lbw100 label				{width:100%}
	.hori-form.lbw100 .form-control, .hori-form.lbw100 .control-div		{width:100%}
	.hori-form.lbw100 .ferr				{padding-left:0}
	.hori-form.lbw200 label				{width:100%}
	.hori-form.lbw200 .form-control, .hori-form.lbw200 .control-div		{width:100%}
	.hori-form.lbw200 .ferr				{padding-left:0}
	.hori-form .form-control, .hori-form .control-div					{float:none; width:100%}

	.emply-lbl				{display:none}
	.inv-dtl-act-link		{text-align:left}
}