@media screen and (max-width:1000px) {
	#header {
		height:35px;
	}
		body.menufloat #header {
			padding-left:35px;
		}
	#menuburger {
		width:35px;
		height:35px;
	}
			#menuburger span {
				left:10px;
			}

	h1,
	h2,
	h3 {
		font-size:25px;
		line-height:35px;
		height:35px;
	}
	h3 .ico {
		height:31px;
		width:18px;
		margin-top:4px;
	}
	h3 .dropdownlist,
	h3 .dropdownlist .group,
	h3 .dropdownlist .option,
	h3 .dropdownlist .face {
		height:35px;
		line-height:35px;
	}
	h1:after,
	h2:after {
		right:-14px;
		border-top-width:35px; 
		border-right-width:14px;
	}
	h1,
	body.menufloat h1 {
		padding-left:10px;
	}
	h1 a:before {
	font-size:21px;
	}
	#headerright {
		font-size:14px;
		line-height:35px;
		height:35px;
	}
			#pagedisplaymode {
				padding-right:20px;
			}
					#pagedisplaymode a {
						font-size:18px;
					}
						#pagedisplaymode:before {
							left:-14px;
							border-bottom-width:35px; 
							border-left-width:14px;
							}
			#user:before {
				left:-14px;
				border-bottom-width:35px; 
				border-left-width:14px;
			}
			#user .disconnection {
				width:18px;
				height:18px;
				padding:4px;
			}
			#user .disconnection svg {
				top:6px;
				left:5px;
				width:18px;
				height:18px;
			}
	#navigation {
		top:35px;
		height:calc(100% - 35px);
	}
	#page {
		top:35px;
		height:calc(100% - 35px);
	}
}


@media screen and (max-width:900px) {
	#header {
		padding-left:35px;
	}
	#menuburger {
		display:block !important;
	}
	#user {
		padding-left:0;
		padding-right:30px;
	}
	#user .icon,
	#user .name {
		display:none;
	}
	#navigation {
		display:none !important;
	}
	body.menuon #navigation {
		display:table !important;
	}
	#menupin {
		display:none;
	}
	#page {
		left:0px;
		top:35px;
		width:100%;
	}
  #help .state {
    min-height:auto;
  }
	#edit {
		left:0;
	}
	#edit.on {
		width:100% !important;
	}
	#edit.waiting {
		width:35px;
		bottom:calc(100% - 35px);
	}
}


@media screen and (max-width:700px) {
	#user {
		display:none;
	}
	#navigation {
		width:100%;
		text-align:center;
	}
	nav .group label {
		font-size:24px;
	}
	nav .group label svg {
		display:none;
	}
	nav .module {
		display:block !important;
		border-left-width:0;
	}
	nav .module a {
		font-size:18px;
		line-height:24px;
	}
	#pagetitle {
		position:absolute;
		top:35px;
		left:0;
		right:0;
		width:100%;
		z-index:3000;
	}
	#headerright {
		position:absolute;
		top:35px;
		line-height:30px;
		height:30px;
		left:auto;
		right:0;
		z-index:3002;
	}
		#pagedisplaymode {
			padding-right:15px;
		}
				#pagedisplaymode:before {
					border-bottom-width:30px; 
					border-left-width:14px;
				}

	h2 {
		width:100%;
	}
	h2:after {
		display:none;
	}
	h3 {
		width:100%;
		height:30px;
		line-height:30px;
		padding-left:10px;
	}
	h3 .dropdownlist,
	h3 .dropdownlist .group,
	h3 .dropdownlist .option,
	h3 .dropdownlist .face {
		height:30px;
		line-height:30px;
	}

	#page {
		top:65px;
		height:calc(100% - 65px);
	}
	#help {
		padding:7px 10px;
	}
	.databoard .buttons a {
		display:block;
	}

	#navigation {
		width:100%;
		text-align:left !important;
	}
	nav .module {
		margin-left:16px;
	}

}


@media screen and (max-width:500px) {
	#menuburger:after {
		display:none;
	}
	h1 {
		padding-right:0;
	}
	h1 a span {
		display:none;
	}

	.databoard .mainbuttons {
		display:block !important;
		float:none !important;
		text-align:center;
		margin-bottom:5px;
	}

	#edit .issmall {
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:0;
		height:0;
	}


	#iframemediabank {
		border:0;
		box-shadow:none;
		left:0;
		top:0;
		width:100%;
		height:100%;
		transform:none;
	}

}