@media (max-width: 1023px) {

	/* tablet landscape */
	#wrapper{width: 100%;}
	#page_wrapper{background: none; background-color: #fff;}
	#header{width: 100%;}
	#whitebar{width: 100%;}
	#menuWrapper{width: 25.957446%; background: none; background-color: #d2007b;}
	#menu{width: 90%; margin: 100px auto 0 auto;}
	#menu ul{margin-left: 0;}
	#boxWrapper{width: 96%; margin: 80px auto 0 auto;}
	#newsBox{width: 100%; margin: 10px auto;}
	#social{margin: 0 auto; text-align: center;}
	#contactBox{width: 100%; margin: 10px auto;}
	#social a:first-child{margin-left: 0;}
	#banner{width: 70%; margin: 13px auto 0 auto;}
	#banner img{display: block; margin: 0 auto;}
	
	#sidebar{width: 31.063829%;}
	#fysioLogo{margin-left: 0;}
	#fysioLogo img{display: block; margin: 0 auto;}
	
	#content{width: 67.446808%;}
	#content ul.poits{width: 100%; overflow: hidden;}
	#content ul.poits li.poit{width: 31.333333%;}
	#content iframe{width: 100%;}
	#therapeuten .item{width: 31.333333%; margin: 0 1% 20px 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	form#contact_form .contact_row span{padding-left: 10px;}
	#vestigingen .item{width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 20px auto;} 
	#vestigingen .item img{display: block; float: none; width: 100%; margin: 10px auto !important;}
	
	#footShadow{width: 100%; background: navy; background-color: #fff;}
	#footer{width: 100%; height: auto;}
	.copyrightSpan{padding: 14px 0 12px 30px;}
	.suilichemSpan{padding: 14px 30px 12px 0;}
	#contactBox, #contactBox a{color: #000!important;}
}

@media (max-width: 980px) {

	/* tablet portrait */
	#content img{margin: 15px 10px !important; float: left;}
	#content .item a .pic img{margin: 0 auto !important;}
	table{display: block; width: 100%;}
	tbody{display: block;}
	table tr{display: block;}
	table td{display: block; width: 100% !important;}
	table td img{float: none !important; margin: 15px auto !important;}
	#content .text-bar img{float: none !important;}
	#content .text-bar strong{display: block;}
	
	#lightbox-container-image-box{width: 100% !important; height: auto !important;}
	#lightbox-container-image-box img{width: 100%; display: block;}
	#lightbox-container-image-data-box{width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	#contactBox, #contactBox a{color: #000!important;}
}

@media only screen and (min-width: 769px) {
	.mobile-nav-button{display: none;}
	.mobile-nav{display: none;}
	.mobile-nav-overlay{display: none;}
	#logoWrapper .mobile-logo{display: none;}
	.mobile-sidebar{display: none;}
	#contactBox, #contactBox a{color: #000!important;}
}

@media (max-width: 768px) {

	/* mobile landscape */
	#header{height: auto;}
	#topRightMenu{display: none;}
	#menuWrapper{display: none;}
	#whitebar{display: none;}
	#logoWrapper{position: relative; background: none; width: 100%; background-color: #fff; left: auto; height: auto;}
	#logoWrapper img{margin: 10px auto 10px 10px;}
	#logoWrapper .desktop-logo{display: none;}
	#banner{width: 100%; margin: 0 auto; height: auto;}
	#banner img{width: 100%;}
	.mobile-nav-button{width: 50px; height: 43px; background: url(../images/mobile-nav-btn.png) no-repeat center center #d2007b; position: absolute; cursor: pointer; z-index: 150; top: 25px; right: 10px;}
	.mobile-nav{width: 265px; position: absolute; top: 0px; bottom: 0px; left: 0px; background-color: #fff; z-index: 10000; margin-left: -340px; padding-top: 80px;}
	.mobile-nav-content-wrap{border-bottom: 1px solid #dedede;}
	.mobile-nav-content-wrap li{width: 100%; border-top: 1px solid #dedede; list-style: none; font-family: "verdana";}
	.mobile-nav-content-wrap li a{color: #000; font-size: 14px; text-transform: uppercase; font-weight: 400; padding: 15px 10px; display: block;}
	.mobile-nav-content-wrap li .acitem li a{font-size: 14px; font-weight: 300; padding: 12px 10px 12px 20px; text-transform: capitalize;}
	
	.logo-close-section{height: 81px; width: 100%; position: absolute; top: 0; left: 0; right: 0; padding-bottom: 10px;}
	.mobile-nav-logo{height: 65px; background: url(../images/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 #d2007b; 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;}
	
	#sidebar{display: none;}
	
	#content{width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px;}
	#content p{padding-right: 0;}
	#content ul.poits li.poit{margin: 10px 1% 10px 1%;}
	#content .item{margin: 0 auto 20px auto;}
	#content .item:last-child{margin: 0 auto 0 auto;}
	#therapeuten .item{margin: 0 1% 20px 1%;}
	
	form#contact_form{width: 100%; font-size: 14px;}
	form#contact_form .contact_row{width: 100%;}
	form#contact_form .contact_row label{width: 35%; line-height: 38px;}
	form#contact_form .contact_row input, form#contact_form .contact_row select{margin: 12px 0;}
	form#contact_form .contact_row span{line-height: 38px;}
	form#contact_form .contact_row input.contact_input, form#contact_form .contact_row textarea.contact_input{width: 65% !important; margin: 0 0 3px 0; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 32px;}
	
	.mobile-sidebar{width: 100%; float: left; height: auto; margin-top: 50px;}
	.mobile-sidebar #fysioLogo{margin: 0 auto;}
	.mobile-sidebar #boxWrapper{width: 100%; margin: 50px auto 0 auto; height: auto;}
	.mobile-sidebar #newsBox{text-align: center; margin: 10px auto 20px auto;}
	.mobile-sidebar #newsBox a p{margin: 10px auto 0 auto;}
	.mobile-sidebar #newsBox a span.more{float: none; margin-right: 0;}
	#contactBox, #contactBox a{color: #000!important;}
}

@media (max-width: 585px) {
	#content ul.poits li.poit{width: 48%; background-size: cover; background-repeat: no-repeat;}
	
	.copyrightSpan{width: 100%; text-align: center; padding: 15px 0 6px 0;}
	.suilichemSpan{width: 100%; text-align: center; padding: 6px 0 15px 0;} 	
	.mobile-sidebar #contactBox, .mobile-sidebar #contactBox a {color: #000!important;}
}

@media (max-width: 499px) {

	/* mobiel portrait */
	#content{padding: 0 10px;}
	#content .item{text-align: center;}
	#content .item span.more{float: none;}
	#content .item a p{text-align: center;}
	#content .item a .pic{width: 100%; float: none;}
	#therapeuten .item{width: 100%; margin: 0 auto 20px auto;}
	
	form#contact_form .contact_row label{width: 100%;}
	form#contact_form .contact_row input.contact_input, form#contact_form .contact_row textarea.contact_input{width: 100% !important;}
	.mobile-sidebar #contactBox, .mobile-sidebar #contactBox a {color: #000!important;}
}

@media (max-width: 400px) {
	#content ul.poits li.poit{width: 100%;}
	#content .text-bar img{width: 100%;}
	.mobile-sidebar #contactBox, .mobile-sidebar #contactBox a {color: #000!important;}
}