@media screen and (min-width: 700px) and (max-width: 990px) {
	#header .toprow .logo {position: initial; padding-top: 23px;}
	#header .toprow .vragen {top: 61px}
	#header .toprow .opdracht {  position: absolute;top: -20px;text-indent: 0;right: 0;left: 210px;text-align: center;}
	
	#wrapper {width: 700px; padding: 0 15px;}
	#header .menu ul li a {padding: 0 15.4px;}
	#header .header-img img {width: 100%;}
	#breadcrumbs {width: 100%; box-sizing: border-box;}
	
	#content {width: 65%;margin:0; padding-right: 20px;}
	#sidebar {width: 31%;margin: 0; float: right; padding-left: 10px; box-sizing: border-box;}
	#content .direct-naar, #content ul#content-nav {margin: 0;}
	#sidebar .twitter-msg {width: 100%;}
	#sidebar .twitter-msg  * {background-size: contain !Important;}
	
	
	
	#footer .homepage-footer .highlight, #footer .homepage-footer .testimonials  {width: 48%; margin: 0; box-sizing: border-box;}
	#footer .homepage-footer .testimonials {float: right; height: 147px; background-size: contain;}
	#footer .homepage-footer .highlight {margin-right: 25px; margin-bottom: 10px;}
	#footer .homepage-footer .highlight a, #footer .homepage-footer .highlight a img {width: 100%;}
	#footer .homepage-footer .contact-gegevens {width: 94%; float: none; height: auto; clear: both;}
	#footer .homepage-footer .contact-gegevens ul {display: inline-block}
	#sidebar .call-to {width: 100%; box-sizing: border-box;}
	#sidebar .call-to .head, #sidebar .call-to .bottom {width: auto !Important;}
	
	#content .referenties li {width: 50%; margin: 0; background-position: top center;}
	
	.page-template-contact-php #content,
	.page-template-contact-php #content .links,
	.page-template-contact-php #content .rechts,
	.page-template-contact-php #content div.googlemaps,
	.page-template-contact-php #content #googlemaps {width: 100%; background: 0;}
	
	#footer-menu {height: auto; width: 100%;}
	#footer-menu li {line-height: normal}
}
@media screen and (max-width: 700px) {
	.mobile-show {display: block;}
	.mobile-hide {display: none;}
	
	#wrapper {width: 100%; padding: 0;}
	#container {padding: 15px 13px 25px; overflow:hidden;}
	
	#header .toprow {height: auto;}
	#header .toprow .logo {width: 100%; position: initial; text-align: center; padding-top: 10px;}
	#header .toprow .opdracht {padding: 0; text-indent: 0; text-align: center; margin-top: -10px;}
	#header .toprow .vragen {width: 206px; position: initial; text-align: left; font-size: 14px; margin: 0 auto 10px auto;}
	
	
	div#header {padding: 0;}
	#header .menu ul#menu-header {height: 840px; background-size: cover; display: none; overflow: hidden;}
	#header .menu ul li {float: none;}
	#header .menu ul li a {width: 100%;}
	#header .menu ul li a:hover, #header .menu > ul > li.hover, #header .menu > ul > li:hover, #header .menu > ul > li.hover > a {background: #2A72B4;}
	#header .menu ul li ul {visibility: visible; position: static;}
	#header .menu ul li ul li a {padding-left: 30px;}
	#header .menu ul li ul li a:hover {background: #2A72B4;}
	#header #menu-hideshow {line-height: 33px; background: url('images/nav-bg.png'); padding-left: 15px; color: white;}
	
	#header .header-img img {width: 100%;}
	#breadcrumbs {width: 100%; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	#breadcrumbs:before {content: '\00a0\00a0\00a0';}
	
	#content .direct-naar, #content ul#content-nav {margin: 0;}
	#content ul#content-nav {width: 100%;}
	#content ul#content-nav li {float: none; width: 100% !important; background-size: cover !Important;}
	#content ul#content-nav li.zonneenergie {margin-top: 10px;}
	#footer .homepage-footer {padding: 0 10px;}
	#footer .homepage-footer .highlight {margin: 0 0 10px 0; float: none; width: 100%;}
	#footer .homepage-footer .highlight a, #footer .homepage-footer .highlight a img {width: 100%;}
	#footer .homepage-footer .testimonials {margin-bottom: 10px;}
	#footer .homepage-footer .contact-gegevens,
	#footer .homepage-footer .testimonials {float: none; width: 100%; padding: 10px; box-sizing: border-box;}
	#footer .homepage-footer .contact-gegevens {height: auto;}
	#footer .homepage-footer .contact-gegevens ul {display: inline-block;}
	
	#content {width: 100%;}
	#sidebar {width: 100%;}
	#sidebar .twitter-msg {margin: 0 auto; float: none;}
	#sidebar .call-to {width: 100%; box-sizing: border-box;}
	#sidebar .call-to {width: 100%; box-sizing: border-box;}
	#sidebar .call-to .head, #sidebar .call-to .bottom {width: auto !Important;}
	
	.kostencalculator > li, .kostencalculator label,
	.kostencalculator select, .kostencalculator li.center {width: 100%;}
	.kostencalculator input[type="button"] {padding: 10px 25px; margin-bottom: 10px;}
	
	#content .referenties li {width: 100%; background-position: top center;}
	#content .referenties p {width: 100%;}
	.ngg-gallery-thumbnail-box {width: 48%;}
	.ngg-gallery-thumbnail-box:nth-child(even) {float: right;}
	
	.page-template-contact-php #content {width: 100%;}
	.page-template-contact-php #content .links {width: 100%;}
	#content .formulier li label {width: 100%}
	#content .formulier li input[type="text"]  {display: block; width: 96%; min-width: 96%;}
	#content .formulier li textarea {width: 98%; min-width: 0;}
	#content .formulier select {width: 100%;}
	.page-template-contact-php #content .rechts,
	.page-template-contact-php #content div.googlemaps,
	.page-template-contact-php #content #googlemaps {width: 100%;}
	.page-template-contact-php #content div.googlemaps {padding: 0;}
	
	#footer-menu {height: auto; text-align: center; width: 250px; margin: 0 auto; float: none;}
	#footer-menu li {line-height: 20px;}
	#footer p#first {padding-top: 20px;}
	#footer p {text-align: center; float: none; margin: 0; line-height: 22px;}
	
}