@media only screen and (max-width: 1000px) {
	header nav ul li a {
		font-size: 10pt;
	}
	header nav ul li ul li a {
		font-size: 10pt;
	}
	header nav ul li ul {
		top: 31px;
	}
	#sidebar {
		max-width: 35%;
	}
	#text {
		width: 65%;
	}
	
	img {
		height: auto !important;
	}
}
@media only screen and (max-width: 860px) {
	header #content {
		text-align: center;
	}
	header {
		height: 76px;
		width: calc(100% - 27px);
		margin-left: 12px;
		margin-top: 90px;
	}
	header #info {
		text-align: right;
		top: -53px;
	}
	#menu-links {
		border-radius: 5px 5px 0px 0px;
	}
	#menu-rechts {
		border-radius: 0px 0px 5px 5px;
	}
	#menu-links, #menu-rechts {
		background-color: #6FA623;
		float: left;
		width: 100%;
		display: none;
	}
	.top {
		border-radius: 5px 5px 0px 0px;
	}
	.bottom {
		border-radius: 0px 0px 5px 5px;
	}
	header #menu-links, header #menu-rechts {
		width: 100%;
		float: left;
		margin-top: 0;
		margin-left: 0;
	}
	header #menu-links ul, header #menu-rechts ul {
		width: 100%;
		float: left;
		margin-top: 0;
		margin: 0;
		padding: 0;
	}
	header #menu-links ul li, header #menu-rechts ul li {
		width: 100%;
		float: left;
		margin: 0;
		padding: 0;
	}
	header #menu-links ul li ul, header #menu-rechts ul li ul {
		display: block;
		position: relative;
		width: 100%;
		float: left;
		margin: 0;
		top: 0px;
		padding: 0;
		border-radius: 0px 0px 0px 0px;
		box-sizing: border-box;
		padding-left: 0px;
	}
	header #menu-links ul li ul li a, header #menu-rechts ul li ul li a {
		padding-left: 35px;
	}
	header #menu-links ul li a, header #menu-rechts ul li a {
		width: calc(100% - 0px);
		background: none;
		filter: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		text-align: left;
		padding-left: 10px;
		box-sizing: border-box;
		box-shadow: none;
		font-size: 12pt;
		margin-bottom: 0px;
	}
	.top li:first-child a {
		border-radius: 5px 5px 0px 0px;
	}
	.bottom li:last-child a {
		border-radius: 0px 0px 5px 5px !important;
	}
	header #menu-links ul li ul li a {
		border-radius: 0 !important;
	}
	header nav ul li a {
		border-radius: 0;
	}
	header #menu-rechts ul li a {
		border-radius: 0 !important;
	}
	header #menu-rechts ul li:last-child a {
		border-radius: 0px 0px 5px 5px !important;
	}
	header #menu-rechts ul li ul li:last-child a {
		border-radius: 0px 0px 0px 0px !important;
	}
	header #menu-links ul li a:hover, header #menu-rechts ul li a:hover {
		background-color: #7db713;
	}
	#pull {
		display: block;
		width: 102px;
		position: relative;
		margin-top: 15px;
	}
	header #language {
		margin-top: -33px;
		position: absolute;
	}
	header #logo {
		width: auto;
		text-align: center;
		margin: auto;
		margin-top: -67px !Important;
	}
	#container {
		margin-top: 10px;
	}
	#translate-this .translate-this-button {
		background-image:url('/images/btn-translate-this.png') !important;
		background-repeat: no-repeat !important;
		background-size: 100% 100% !important;
		display: block !important;
		float: left !important;
		height: 40.6px !important;
		overflow: hidden !important;
		position: relative !important;
		text-indent: -2000px !important;
		visibility: visible !important;
		width: 88.5px !important;
		margin-top: 0;
		margin-left: 0;
	}
	#homeblokken .homeblok {
		float: left;
		width: 50%;
	}
	#homeblokken .homeblok:nth-child(3n +1) {
		clear: inherit;
	}
	#homeblokken .homeblok:nth-child(2n +1) {
		clear: both;
	}
	header #info {
		right: 40px;
	}
	header nav ul li ul {
		display: block !Important;
	}
}
@media only screen and (max-width: 800px) {
	.content {
		padding-left: 20px;
		padding-right: 20px;
	}
	footer {
		padding-left: 20px;
		padding-right: 20px;
	}
	footer .box-left {
		float: left;
		width: 100%;
		margin-top: 40px;
	}
	footer .box_nieuwsbrief {
		float: left;
		width: 60%;
		margin-bottom: 20px;
	}
	footer .box_social {
		float: left;
		width: 40%;
		padding-left: 10px;
		box-sizing: border-box;
		padding-right: 10px;
	}
	footer .box_info {
		float: left;
		width: 100%;
	}
	footer .box-nieuws {
		float: left;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 700px) {
	#sidebar {
		max-width: 100%;
		padding-right: 0;
	}
	#text {
		max-width: 100%;
		width: 100%;
		padding-top: 20px;
	}
}
@media only screen and (max-width: 650px) {
	header {
		height: 76px;
		width: calc(100% - 21px);
		margin-left: 10px;
	}
	.homeitems-box {
		text-align: center;
		width: 100%;
		display: inline-block;
		float: left;
		max-width: 100%;
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 600px) {
	footer .box_nieuwsbrief {
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}
	footer {
		padding-left: 0px;
		padding-right: 0px;
	}
	footer .box_social {
		padding-left: 0px;
	}
	footer .box_social h3 {
		margin-bottom: 5px;
	}
	footer .box_social {
		width: 100%;
	}
	header {
		margin-top: 150px;
		width: calc(100% - 27px);
		margin-left: 14px;
	}
	header #logo {
		width: calc(100% + 0px);
		text-align: center;
		float: left;
		margin-top: -180px !Important;
	}
	header #info {
		margin-top: -1px;
		/* margin-right: 0px; */
		margin-right: 3px;
	}
	#bg-top {
		border-top: 35px solid #8CC046;
	}
	header #content {
		padding-left: 0px;
		padding-right: 0px;
	}
	header #language {
		margin-left: -6px;
	}
	header #pull {
		margin-right: 40px;
	}
	header #menu-links, header #menu-rechts {
		width: calc(100% - 80px);
		float: left;
		margin-top: 0;
		margin-left: 40px;
	}
	header #menu-links {
		margin-top: 20px;
	}
	#homeblokken .homeblok {
		float: left;
		width: 100%;
		border-bottom: 2px solid rgba(0,0,0,0.2);
		padding-top: 20px;
	}
}
@media only screen and (max-width: 500px) {
	header {
		width: calc(100% - 19px);
		margin-left: 10px;
	}
}
@media only screen and (max-width: 450px) {
	header #menu-links, header #menu-rechts {
		width: calc(100% - 40px);
		float: left;
		margin-top: 0;
		margin-left: 20px;
	}
	header #menu-links {
		margin-top: 20px;
	}
	header #pull {
		margin-right: 20px;
	}
	header #info {
		margin-top: -1px;
		/* margin-right: -20px; */
		margin-right: 3px;
	}
	
	.kerstpakkettentabel td {
		border: 1px solid black;
		border-collapse: collapse;
		padding: 10px;
		float: left;
		width: 100%;
		box-sizing: border-box;
		vertical-align: top;
	}
}
@media only screen and (max-width: 350px) {
	header {
		width: calc(100% - 16px);
		margin-left: 8px;
	}
}