@media screen and (max-width: 1810px) {
	#metadata {
		max-width: 1100px;
		width: calc(70vw);
		margin-top: -20px;
	}

	.meta {
		width: 30%;
		float: left;
		margin-left: 3%;
	}

	.meta label {
		width: 50%;
	}

	.md {
		width: 50%;
		min-width: initial;
	}
}

@media screen and (max-width: 1205px) {
	#menubalk div.container ul.hoofdmenu>li>a {
		font-size: 16px;
	}

	#menubalk div.container ul.hoofdmenu>li {
		padding: 28px 18px 28px;
	}
}

@media screen and (max-width: 1120px) {
	#menubalk div.container ul.hoofdmenu>li>a {
		font-size: 16px;
	}

	#menubalk div.container ul.hoofdmenu>li {
		padding: 28px 8px 28px;
	}
}


/* Mobiel menu */
@media screen and (min-width: 1001px) {

	#menubalkmob,
	#footermob {
		display: none;
	}
}

@media screen and (max-width: 1000px) {
	#content ul.getabo li.discount {
		display: none;
	}

	img.toplogo {
		width: 190px;
		margin: 13px 10px 0;
	}

	#menubalk,
	#footer {
		display: none;
	}

	#header {
		margin-top: 60px;
	}

	div.links {
		width: 100% !important;
	}

	div.rechts,
	#content.contact div.rechts {
		width: 100%;
		float: none;
		margin-top: 80px;
		clear: both;
	}

	#content.contact div.rechts {
		margin-top: 30px;
	}

	#header div.rechts {
		display: none;
	}

	.full {
		width: 100%;
	}

	.wrapper {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}

	#content.my-dashboard {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}

	img#laptop {
		margin-top: 44px;
		margin-left: -20px;
		max-width: 100%;
		margin-bottom: 20px;
	}

	div.full {
		width: 100%;
	}

	.nieuwsitem {
		width: 100%;
		height: auto;
		float: none;
		margin-top: 46px;
		max-width: 480px;
	}

	.nieuwsitem.re {
		float: none;
	}

	.nieuwsitem figure {
		margin: 0;
	}

	.nieuwsitem figure img {
		height: 170px;
	}

	#content .nieuwsitem h2 {
		margin: 15px 0px 10px;
	}

	#content .nieuwsitem p {
		margin: 0px;
		position: relative;
		bottom: unset;
		margin-bottom: 14px;
	}

	#content.benchmarks div.full {
		margin-top: 0px;
	}

	.benchmarks .full p {
		width: 100%;
	}

	.benchmarks .full p.toelichting,
	.benchmarks .full p.specs {
		width: 100%;
	}

	.full .text {
		margin: 0px;
	}

	.full .text h3,
	.full .text p,
	.full .text ul {
		padding: 0 8px;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 850px) {
	#crosstable {
		display: none;
	}
}

@media screen and (max-width: 700px) {
	.modal-content {
		width: 100%;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	.plans .plan {
		margin-top: 16px;
	}

	.plans .plan,
	.plans .plan.free {
		width: calc((100% - 16px)/2);
	}

	.plan .price,
	.plan .price span {
		font-size: 18px;
	}

	.plan li {
		font-size: 14px;
	}
}

@media screen and (max-width: 500px) {
	#header h1 {
		margin-top: 19px;
		margin-bottom: 22px;
		font-size: 24px;
	}

	#header.news h1,
	#header.newsletter h1,
	#header.benchmarks h1,
	#header.price-update h1 {
		margin-top: 19px;
		line-height: 24px;
	}

	#header h1 span {
		font-size: 24px;
	}

	#header:not(.home)::not(.my-dashboard) {
		height: 120px !important;
		display: block;
		background: url(/img/about.jpg) no-repeat;
		background-position-x: center;
		background-position-y: center;
		background-size: cover;
	}

	#header.about-dca-markets,
	#header.other-services,
	#header.news,
	#header.newsletter,
	#header.benchmarks,
	#header.price-update {
		height: 150px;
	}

	#header.my-dashboard {
		height: 10px;
	}

	#content.other-services #quote {
		width: 100%;
	}

	form#intouch input[type=submit] {
		margin-left: 0;
	}

	#getintouch,
	#freeaccess {
		margin-top: 0;
		margin-left: 0;
	}

	#freeaccess {
		padding: 0 10px 60px;
	}

	#getintouch form#intouch {
		padding: 60px 20px 40px;
		max-width: 100%;
		box-sizing: border-box;
	}

	#content.other-services #fotoquote {
		width: 100%;
		margin-left: 0px;
	}

	#content.about-dca-markets div.links,
	#content.other-services div.links,
	#content.benchmarks div.links,
	#content.my-account div.links,
	#content.news div.links,
	#content.free-trial div.links,
	#content.professional div.links,
	#content.enterprise div.links,
	#content.custom div.links,
	#content.start-up-guide div.links {
		margin-top: 0;
	}

	.links .text {
		margin: 28px 14px 40px;
	}

	ul li.mycharts {
		display: none;
	}

	#content.my-dashboard {
		/*	width:500px; */
		padding: 0;
	}

	#content.my-dashboard .brick.xxsmall {
		width: 100%;
		border-left-width: 70px;
		border-right-width: 70px;
	}

	#content.contact iframe {
		margin-bottom: 20px;
	}

	.artikel {
		margin: 0 5px;
	}

	#content.news .rechts h3 {
		margin: 0px 10px 30px;
	}

	a.item {
		margin-left: 30px;
	}

	#content.news div.rechts {
		padding-top: 30px;
	}

	#content table.why {
		margin: 0 15px;
	}

	#content.benchmarks .links .text {
		margin: 20px 5px 20px;
	}

	#content.free-trial .rechts .text,
	#content.professional .rechts .text,
	#content.enterprise .rechts .text,
	#content.custom .rechts .text,
	#content.start-up-guide .rechts .text {
		margin: 0 15px;
		padding: 14px 0;
	}

	#content .rechts h3 {
		padding-right: 0;
	}

	#content table.why tr td {
		padding-bottom: 30px;
	}

	#content ul.knoppen li.attention {
		margin-top: 10px;
	}

	#quote,
	#fotoquote {
		width: 40%;
		float: left;
		margin-top: 30px;
		font-style: italic;
	}

	#quote {
		width: 60%;
		box-sizing: border-box;
		padding: 0px 12px 18px 20px;
		text-align: center;
	}

	#fotoquote img {
		max-width: 80%;
	}

	#quote .quote.close img {
		margin: -6px 0px 0 0;
	}

	a.benchlink img {
		display: none;
	}

	a.benchlink span.free_access {
		top: 16px;
	}

	#freeaccess .text {
		width: 100%;
		margin-left: 0px;
		float: none;
		margin-top: 30px;
	}

	table.markets tr td:nth-of-type(1),
	table.markets tr td {
		width: 20%;
		white-space: initial;
	}

	#grafiek {
		float: none;
		width: 100%;
		min-width: 100%;
		margin-top: 4px;
		position: relative;
		height: calc((100vw - 435px)*(44/60));
		margin-bottom: 50px;
	}

	#header.my-charts a {
		display: block;
		text-decoration: none;
		margin: 13px 12px 0;

	}

	#videowrapper {
		margin-top: 10px;
		padding: 10px;
		padding: calc(53.4% + 70px) 10px 0 10px;
	}

	#videowrapper video,
	#videowrapper iframe {
		width: calc(100% - 20px);
		top: 0px;
	}

	#content.pricing-and-plans div.full {
		padding: 0px 10px 40px;
		margin-top: 20px;
	}

	.pricing-and-plans span.contactbutton {
		margin-left: 0px;
		margin-top: 10px;
	}

	.plans .plan {
		margin-top: 16px;
	}

	.plans .plan,
	.plans .plan.free {
		width: 100%;
		margin-left: 0;
	}

	section .brick.large {
		width: 474px;
		height: 260px;
	}
}