.tab-show {display:none !important;}
.tab-hide {display:block !important;}
@media (max-width:1210px) and (min-width:760px)
{
	body {
	background-size:auto 100%;
	}
	.headercontent {width:95% !important;}
	.headercontent h1 {font-size:28px !important;}
	.container {width:95%;}
	.content,.libcontentuper {width:98% !important;}
	[class*=block]:nth-child(2n) {padding-left:1em;}
	.login #contentdiv {
	margin-top: -60px;
	}
	.login #contentdiv .button[class] {width:auto !important;}
	#signup_step2 .slimScrollBar, #signup_step1 .slimScrollBar {
	right: -28px !important;
	}
	.tab-show {display:block !important;}
	.tab-hide {display:none !important;}
	#signup_step2 .slimScrollRail, #signup_step1 .slimScrollRail {right:-22px !important;}
	.ico-question {right:1px;}
	.whitecheckbox {margin-left:20px;}
		.checkbutton > .whitecheckbox {
		background-position: center center !important;
		height: 23px;
		width: 23px;
		}
	#contentdiv {
	width: 93%;
	}
	.signup_form_container {
	width: 100% !important; padding-left:0px;
	}
	
	form.styled label {
	font-size: 22px;
	}
	
	#contentdivs {width:100%;}
	#contentdivs .inner {text-align:center;}
	#contentdivs .inner img {width:200px; height:auto;}
	.client-long-name.white {
	width: 254px !important;
	}
	.view-items[class], .view-employees[class], .manage-payments[class] {
	width: 144px !important;
	 background-position: -202px 0 !important;
      background-size: 640px auto !important;
	}
	.client-long-name[class], .view-items[class], .view-employees[class], .manage-payments[class] {
	height: 30px !important;
	line-height: 30px !important;
	}
	
	.view-employees[class] {
	background-position: -347px 0 !important;
	}
	
	.manage-payments[class] {
	background-position: -496px 0 !important;
	}
	
	#companymod_tab4 td {
	display: block;
	float: left;
	width: 48%;
	}
	#companymod_tab4 td:nth-child(2n) {padding-left:2%;}
	
	.access-box[class], .scroll-box[class] {
	width: 95% !important;
	}
	#companymod_tab4 {width:105% ;}
	#companymod_tab4 .scrollbox-content {width:100% !important;}
	#companymod_tab4 .slimScrollDiv {
	width: 95% !important;
	}
	#companymod_tab4 .slimScrollRail[class] {
	right: -18px !important;
	}
	#companymod_tab4 .slimScrollBar[class] {
	right: -21px !important;
	}
	.myitems-right[class] {
	width: 47% !important;
	}
	.myitems-right-bottom[class] a {
  	font-size: 14px;
  	width: auto !important;
	}
	
	.modulemain2 {
	width: 46.5% !important;
	}
	
	#myitem[id],#myitem2[id] {
	  width: 85% !important;
	}
	#myitem[id] .modules[class], #myitem2[id] .modules[class] {
	width: 100% !important;
	}
	
	
	
	
	.libcontentdown[class] h4 {
	font-size: 23px !important;
	}
	
	#fieldslist li > div:first-child {
	max-width: 80%;
	word-wrap: break-word;
	word-break:break-all;
	}
	
	#fieldslist li > div:first-child p { margin-left:28px;}
	
.mange-btn a img {
  height: auto !important;
  width: 153px !important;
}


	.libcontentdown .listcheck .checked {background-image:none;}
	
	body.library .libcontentdown .modulemain, body.library .libcontentdown .catogerymain {
	border: medium none;
	margin-right: 0;
	width: 49.3%;
	}
	body.library .libcontentdown .modulemain .nevigation_area .modules, body.library .libcontentdown .catogerymain .nevigation_area .modules
	{
  		width: 85% !important;
	}
	body.library .libcontentdown .modulemain .nevigation_area .moduleselection {width:100%}
	body.library .libcontentdown .nevigation_area {width:98%}
	body.library .libcontentdown.bgblue {width:100% !important}
	body.library .libcontentdown #itemUpdate .catogerymain {width:100%; background-color:#09142B}
	body.library .libcontentdown #itemUpdate .category2 {margin:0 auto; float:none; height:auto !important;}
	body .catogerymain h4 {color:#fff}
	body.library .libcontentdown.bgblue .incat2 > div:first-child {
	padding-bottom: 1em;
	width: 100% !important;
	}
	
}

@media (max-width:1023px)
{
	#contentdiv {width:700px; max-width:90%;}
	#login-content p {padding-bottom:20px !important;}
	.ico-question {
	right: -6px;
	}
	form.styled label.f16[class] {
  	font-size: 13px !important;
	}
	.checkbutton .button[class] {
  		font-size: 18px !important;
	}
	.button[class] {
	font-size: 22px !important;
	padding: 3px 0 !important;
	width: 95% !important;
	}
	#lgnav {
	left: 170px !important;
	top: 207px !important;
	}
	.libcontentdown .companymain {width:95% !important;}
	.tab-show {display:block !important;}
	.tab-hide {display:none !important;}
	#login-content input.text-input, #login-content input.text-input1 {width:175px;}
	
	#myitem .slimScrollRail[class],#myitem2 .slimScrollRail[class] {
	right: -39px !important;
	}
	#myitem .slimScrollBar[class],#myitem2 .slimScrollBar[class] {
	right: -43px !important;
	}
	.mange-btn a img {
	width: 120px !important;
	}
	#companymod_tab4 {width:100%;}
	.libcontentdown table td a.toggle {
	margin-left: 10px !important;
	margin-right: 0px !important;
	}
	.libcontentdown {
  	min-height: 530px;
	}
	.libcontentdown .companymain {min-height:500px;}
		.libcontentdown .companymain .company {
	  width: 98% !important;
	}
	body.library .libcontentdown .modulemain, body.library .libcontentdown .catogerymain {width:49%;}
	.arrowlist.steps li a {
	font-size: 17px !important;
	}
	.arrowlist.steps li {
	width: 90px !important;
	}
	.signup-form-right h3 {
	font-size: 19px !important;
	line-height: normal !important;
	margin: 20px 0;
	}
}