/** General styling **/
@media only screen and (max-width: 1280px) {
	.simple .box {
		width: 47%;
		margin-right:1%;
		margin-bottom:1%;
	}
	
	header .left {
		width:60%;
		margin-bottom:10px;
	}
	header .viewGroups ul li {
		margin-bottom:3px;
	}
	
	header .info {
		width:40%;
		margin-bottom:10px;
	}
	
	header .info button {
		margin-bottom:3px;
	}
			
	.about > div {
		width:100%;
	}
}

@media only screen and (max-width: 960px) {
		
	.login, .organisation {
		width:450px;
	}

	.search .box > div > div {
		min-height: 30px;
	}

	.simple .box {
		width: inherit;
		float:none;
		margin:0 !important;
	}	
	
	.objects svg {
		height:36px;
		width:36px;
	}
	
	.about > div {
		width:150%;
	}
}

@media only screen and (max-width: 768px) {
	.organisation .field select {
		height:auto;
	}
	
	.about > div {
		width:50%;
	}
		
	.execute .buttons * {
		width:100%;
	}

	input, select {
		font-size:1em;
	}
	
	.login, .organisation {
		width:90%;
		line-height:1.5em;
	}
	
	header .left, header .info {
		width:100%;
		display:block;
		float:none;
		clear:both;
		text-align:left;
	}
	
	header .viewGroups ul li {
		margin-bottom:20px;
	}
	
	header .viewGroups {
		width:100%;
		overflow:hidden;
		overflow-x: scroll;
	}
	
	header .info div {
		font-size:0.9em !important;
	}
	
	nav .container {
		overflow-x: scroll;
		height:50px;
	}
	
	nav li.active {
		padding-bottom: 25px;
	}
	
	.result .header .leftGroup, .result .header .rightGroup {
		width:100%;
		text-align:left;
		margin-bottom:5px;
	}
	
	.result .header .leftGroup button {
		width:31.33%;
		margin-right:2%;
	}
	
	.result .header .leftGroup button:last-child {
		margin-right:0;
	}
	
	.result .header .rightGroup button {
		width:48.5%;
		margin-right:2%;
	}
	
	.result .header .rightGroup button:last-of-type {
		margin-right:0;
	}
	
	.details .objects > td:first-child {
		width:40%;
	}
	
	.details .group_row > td:first-child {
		width:40%;
	}
	
	.details .field > td:first-child {
		width:40%;
	}
	
	.details .fieldDetail {
		margin-left:-33% !important;
	}
	
	.details .field_row .helpBox {
		width:96vw;
		position:absolute;
		left:0;
	}
	
	.details .fieldDetail .helpBox {
		margin-left:0 !important;
		width:100%;
	}
	
	.search .helpBox {
		width:98vw;
	}	
}