@media only screen and (max-width: 1200px) {
	.inner{padding: 0 10px;}
	.site-header{border-top: 9px solid #000;}
	header .blackbar{display: none;}
	header .name h1 {font-size:40px;}
	header .menu li a{font-size: 13px;}
	header .menu li:not(:last-child){margin-right:7px;}
	header .header-second .second-headertxt h2{font-size:34px;}
		
	.makelaarsbordensmall h2{color:#fff; font-size:25px;}
	
	footer .footertop form{padding-right:10px;}
	footer .footersecond .greenbarwrapper{margin-left:25px;}
	.site-main .text-block-right .makelaarsbordenlist ul {margin-right: 5px}
}

@media only screen and (max-width: 1000px) {
	header .header-second .second-headertxt h2{font-size:45px; margin-top:50px; margin-left:50px;}
	header .header-second .car{display:none;}
	
	header .menu li:last-child{float:none;}
	
	.textarea-left-side {width:100%; padding: 40px 20px;}
	.aside-right{width:100%;}
	.makelaarsbordensmall{width:49%; float:left;}
	.makelaarsbordensmall ul{float:left;}
	.aside-right .aside-right-bottom {width:49%; float:right; margin-top:0; min-height:375px;}
	.makelaarsbordensmall {min-height:10px;}
	.makelaarsbordensmall .makelaarsbordenlist li { float:left;}
	.makelaarsbordensmall .makelaarsbordensmallbottom {display:none; }
	
	footer .footersecond .contactgegevens{width:50%;}
	footer .footersecond .sitemap{width: 50%;}
	footer .footersecond .totslot{width:100%; margin-bottom:30px;}
	footer .footertop form{margin-left:20px;}
	footer .footersecond .greenbarwrapper{margin-left:10px;}
}

@media only screen and (max-width: 900px) {
	header .name h1{font-size:40px;}
	header .name {margin-left:25px; width:450px;}
	header .socialmedia{display:none;}
	header .header-second .second-headertxt h2{font-size:45px; margin-top:80px; margin-left:50px;}
	header .menu{display:none;}
	header .header-second .blue-bar{display:none;}
	
	.mobile-nav-button{width: 50px; height: auto; background: url(../images/mobile-nav-btn.png) no-repeat center 10px #aecc45; position: absolute; top: 14px; right: 10px; cursor: pointer; z-index: 150; display: block;}
	.mobile-nav-button span{padding-top: 35px; display: block; text-align: center; padding-bottom: 7px; color: #fff;}
	.mobile-nav{width: 265px; position: absolute; top: 0px; bottom: 0px; left: 0px; background-color: #fff; z-index: 10000; margin-left: -340px; padding-top: 80px; display: block;}
	.mobile-nav-content li{width: 100%; border-top: 1px solid #dedede; list-style: none; position: relative; padding-left: 15px;}
	.mobile-nav-content li a{color: #000; font-size: 15px; text-transform: uppercase; font-weight: 700; padding: 15px 10px 15px 0; display: block;}
	.mobile-nav-content li.current a{color: #ff0000;}

	.mobile-nav-content li .nav-click{width: 45px; height: 55px; position: absolute; right: 0; top: 0; background-color: #7ac9f4;}
	.mobile-nav-content li .nav-click i{width: 45px; height: 55px; display: block; background: url(../images/down-arrow.png) no-repeat center center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	.mobile-nav-content li .nav-click i.nav-rotate{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
	.mobile-nav-content li .dropdown-menu{display: none;}
	.mobile-nav-content li .dropdown-menu .column{position: relative;}
	.mobile-nav-content li .dropdown-menu .column .nav-click-sub{width: 45px; height: 45px; position: absolute; right: 0; top: 0; background-color: #0074b8; border-bottom: 1px solid #fff;}
	.mobile-nav-content li .dropdown-menu .column .nav-click-sub i{width: 45px; height: 45px; display: block; background: url(../images/down-arrow.png) no-repeat center center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	.mobile-nav-content li .dropdown-menu .column .nav-click-sub i.nav-rotate{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
	.mobile-nav-content li .dropdown-menu .column h3{padding: 10px 10px 10px 20px; border-top: 1px solid #dedede; background-color: #e7f3fa; font-size: 15px; font-weight: 600;}
	.mobile-nav-content li .dropdown-menu .column ul{display: none;}
	.mobile-nav-content li .dropdown-menu .column ul li a{padding: 8px 10px 8px 30px; font-size: 14px; font-weight: 400;}

	.mobile-nav .social-links{width: 100%; padding: 10px;}
	.mobile-nav .social-links span{font-family: 'Rouge Script', cursive; font-size: 24px; color: #000; line-height: 24px; display: block; margin-bottom: 10px;}
	.mobile-nav .social-links .social-link{width: 25px; height: 25px; float: left; margin-right: 10px; background-size: contain; background-repeat: no-repeat; background-position: center center;}
	.mobile-nav .social-links .social-link:last-child{margin-right: 0;}
	.mobile-nav .social-links .social-link a{width: 100%; height: 100%; display: block;}
	.mobile-nav .contact-info{width: 100%; height: auto;}
	.mobile-nav .contact-info a{display: block; color: #fff; font-size: 15px; text-decoration: none; padding: 10px 10px 10px 15px; position: relative; border-top: 1px solid #dedede; background-color: #000;}
	.mobile-nav .contact-info a:last-child{margin-bottom: 0;}
	.mobile-nav .contact-info a::before{content: ''; position: absolute; left: 10px; top: 5px; background-size: contain; background-repeat: no-repeat; background-position: left center;}

	.logo-close-section{height: 76px; width: 100%; position: absolute; top: 0; left: 0; right: 0; padding-bottom: 10px;}
	.mobile-nav-logo{height: 58px; background: url(../images/site-logo.png) no-repeat center left; position: absolute; left: 10px; right: 10px; top: 8px; background-size: contain;}
	.close-mobile-nav{width: 50px; height: 58px; position: absolute; right: -50px; top: 0; background: url(../images/mobile-close-btn.png) no-repeat center center #e2001a; cursor: pointer;}
	.mobile-nav-overlay{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; display: none;}	
	
	.site-main .text-block-left{width:100%; padding: 56px 15px 26px 15px;}
	.site-main .text-block-right {clear:left; width:100%; margin-top:10px;}	
	.site-main .text-block-right h2{padding: 56px 15px 26px 15px;}
	
	.maintwo-left{clear:left; width:100%; text-align:center; margin-right: 0;}
	.maintwo-middle{clear:left; width:100%; text-align:center; margin-right: 0;}
	.maintwo-right{clear:left; width:100%; text-align:center; margin-right: 0;}

	footer .footerbottom .coppyright{float:none;}
	footer .footerbottom .credits{float:none; display: inline-block;}
	.social-media {position: absolute; top: 20px; right: 80px;}
}

@media only screen and (max-width: 600px) {
	
	header .site-logo{height: 69px; width: 75px; margin: 10px auto;}
	header .name{height: 1px; margin-top: 0px;}
	header .header-second{height: auto;}
	header .header-second .second-headertxt{width: 100%; margin-left: 0; padding: 80px 0;}
	header .header-second .second-headertxt h2{font-size:25px; margin-top:0; padding-left: 22px; margin-left: 0;}
	header .header-second .second-headertxt h2::before{width: 12px; height: 26px; left: 0; right: auto;}
	
	.site-main .text-block-left{padding: 30px 15px 26px 15px;}
	.site-main .text-block-left h2{font-size: 24px;}
	.site-main .text-block-left p{font-size: 14px; line-height: 22px; margin-top: 35px;}
	.site-main .text-block-left button{font-size: 14px; line-height: 22px;}
	.site-main .text-block-left button img{vertical-align: text-bottom;}
	
	.maintwo h2{font-size: 24px;}
	.maintwo p{font-size: 14px; line-height: 22px;}	

	.textarea-left-side h3 {font-size:22px;}
	.textarea-left-side p{font-size: 14px; line-height: 22px;}
	.makelaarsbordensmall{width:100%; margin-bottom:20px;}
	.makelaarsbordensmall h2{margin-top: 0; font-size: 20px;}
	.makelaarsbordensmall .makelaarsbordenlist li{font-size: 18px; line-height: 32px;}
	.aside-right .aside-right-bottom {clear:left; width:100%; min-height:20px; margin-bottom:20px;}
	.aside-right .aside-right-bottom h2{margin-top: 0; font-size: 22px;}
	.aside-right .aside-right-bottom p{font-size: 14px; line-height: 22px;}
	.aside-right .aside-right-bottom button{font-size: 16px; padding: 10px 25px;}
	
	.site-main .text-block-right h2{font-size: 24px; padding: 24px 15px 20px 15px;}
	.site-main .text-block-right .makelaarsbordenlist{ background:none;}
	.site-main .text-block-right .makelaarsbordenlist ul{width: 100%; float: left; margin: 10px auto 0 auto; font-size: 18px; line-height: 32px;}
	.site-main .text-block-right .makelaarsbordenlist li::before{height: 16px;}
	
	footer h2{font-size: 24px; margin-left: 0; width: 100%; position: relative}
	footer h2::before{width: 12px; height: 26px; position: relative; right: auto; top: auto; display: inline-block; margin-right: 5px; top: 4px;}
	footer .footertop p{font-size: 14px; line-height: 22px; margin-left: 0;}
	footer .footertop form{margin: 40px auto 0 auto; padding: 0;}
	footer .footertop .formright{clear:left; width:100%;}
	footer .footertop .formleft{width:100%;}	
	footer .footersecond ul{margin-left: 0; margin-top: 0px; font-size: 14px; line-height: 22px; float: left}
	footer .footersecond p{margin-left: 0; margin-top: 20px; font-size: 14px; line-height: 22px;}
	footer .footersecond .greenbarwrapper{margin: 0 auto;}
	footer .footersecond .contactgegevens{width: 100%;}
	footer .footersecond .sitemap{width: 100%;}
	
	.contact_row input, .contact_row textarea {width: 100%}
	.social-media {display: block;}
	.opdrachtgevers .span30 {width: 100%; text-align: center}
	.opdrachtgevers img {text-align: center}
}