@media (min-width:450px) {
	#iconsTable li {
		width:28.333333%;
	}
	#iconsTable li:nth-child(n) {
		clear:none;
	}
	#iconsTable li:nth-child(3n+1) {
		clear:right;
	}
	.colNum2 .fieldBox {
		max-width:47.7%;
		margin: 2px 1%;
	}
	.dataTable .persist-header {
		display: table-header-group;
		position: sticky;
		z-index: 900;
		top:0;
	}
	.dataTable td,.dataTable th {
		border:1px solid #f6e4a8;
		display: table-cell;
		text-align: inherit;
	}
	.dataTable .persist-header th {
		border:unset;
		box-shadow: inset 1px 1px #f6e4a8, 0 1px #f6e4a8;
	}
	.dataTable tbody tr td:first-child,.dataTable tbody tr td:nth-child(2) {
		display: table-cell;
	}
	.dataTable .totalRow td:not([data-tdheader]) {
		display: table-cell;
	}
	.dataTable td.td-center {
		text-align: center;
	}
	.dataTable td.td-right {
		text-align: right;
	}
	.dataTable td.td-left {
		text-align: left;
	}
	.dataTable td.td-center {
		text-align: center;
	}
	.dataTable td > div:not([class]) {
		display: block;
	}
	.dataTable td > div:not([class])::before {
		content: "";
		padding: 0;
	}
	.dataTable td a:not([class]) > div:not([class]) {
		display: block;
	}
	.dataTable td a:not([class]) > div:not([class])::before {
		content: "";
		padding: 0;
	}
	.dataTable td::after,.dataTable th::after, .dataTable td::before,.dataTable th::before {
		color: #000000;
		content: "";
		display: inline;
		padding: 0;
	}
	.filtersForm .fieldBox {
		width: auto;
	}
}
@media (min-width:640px) {
	#topBar #logo {
		display:block;
	}
	#iconsTable li {
		width:20%;
	}
	#iconsTable li:nth-child(n) {
		clear:none;
	}
	#iconsTable li:nth-child(4n+1) {
		clear:right;
	}
	.colNum2 .fieldBox {
		max-width:47.5%;
		margin: 2px 1%;
		clear:none;
	}
	.colNum3 .fieldBox {
		max-width:31.2%;
		margin: 2px 1%;
		clear:none;
	}
	.list-tools, .wf-tools, .topBar-icon, .multi-edit-field {
		font-size: 1.5em;
	}
	/*
	این دستورات برای حل مشکل به هم ریختگی در حالت نمایش با زوم نوشته شده امت
	وجود آن ها باعث به هم ریختگی فیلدها، در حالت مخفی بودن برخی به علت شرط ها، می شود
	برای حل مشکل فعلا اینها غیر فعال شده و ارتفاع همه فیلدها برابر 26 داده شد
	.colNum2 .fieldBox:nth-of-type(2n+1){
		clear:right;
	}
	.colNum3 .fieldBox:nth-of-type(3n+1){
		clear:right;
	}*/
}
@media (min-width:768px) {
	.mainPageBoxContainer {
		display: table;
	}
	.mainPageBox {
		display: table-cell;
		float: none;
		width:auto;
		margin: 5px;
	}
	.mainPageBox.newsBox {
		width:20%;
	}
	.mainPageBox.otherBox {
		width:30%;
	}
	.reqboxMenu{
		display: table-cell;
		border-left:0;
		width:150px;
		position: relative;
		vertical-align: top;
	}
	.reqboxMenu ul{
		/*position: fixed;*/
		width: 150px;
	}
	.reqboxList{
		display: table-cell;
	}
}
@media (min-width:1100px) {
	#iconsTable li {
		width:17%;
		margin: 1.5%;
	}
	#iconsTable li:nth-child(n) {
		clear:none;
	}
	#iconsTable li:nth-child(5n+1) {
		clear:right;
	}
}