/* Standaard 1.0 */

/* ======================================================================================================================================================
/* # Tablet Layout: 768px
====================================================================================================================================================== */

@media only screen and (min-width: 768px) and (max-width: 999px) {

	

}


/* ======================================================================================================================================================
/* # Wide Mobile Layout: 480px
====================================================================================================================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {  


	/* ================ generals ================ */

	div {
		width: 410px;
		position: absolute;
		left: 50%;
		margin-left: -205px;
		text-align: center;
		margin-top: 50px;
		margin-bottom: 30px;
	}


	h1, h1 a, .heading1, .heading1 a {
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		color: white !important;
		font-size: 30px;
		line-height: 30px;
		margin: 0 0 10px 0;
		text-decoration: none !important;
		display: block;
	}

	h2, h2 a, .heading2, .heading2 a {
		font-family: 'Open Sans', sans-serif;
		color: white !important;
		font-size: 17px;
		line-height: 24px;
		margin: 0 0 23px 0;
		text-decoration: none !important;
		display: block;
		font-weight: 400;
	}


}
	

/* ======================================================================================================================================================
/* # Mobile Layout: 320px
====================================================================================================================================================== */

@media only screen and (max-width: 479px) {


	/* ================ generals ================ */

	div {
		width: 320px;
		position: absolute;
		left: 50%;
		margin-left: -160px;
		text-align: center;
		margin-top: 30px;
		margin-bottom: 30px;
	}


	h1, h1 a, .heading1, .heading1 a {
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		color: white !important;
		font-size: 28px;
		line-height: 30px;
		margin: 0 0 10px 0;
		text-decoration: none !important;
		display: block;
	}

	h2, h2 a, .heading2, .heading2 a {
		font-family: 'Open Sans', sans-serif;
		color: white !important;
		font-size: 15px;
		line-height: 24px;
		margin: 0 0 23px 0;
		text-decoration: none !important;
		display: block;
		font-weight: 400;
	}


	ul {
		list-style-type: none;
		margin: 0 0 40px 55px;
	}


	ul li img {
		width: 36px;
	}


	p {
		font-size: 13px;
		line-height: 18px;
		margin-bottom: 22px;
	}

	hr {
		border: solid #e2e2e2;
		border-width: 1px 0 0;
		clear: both;
		/*margin: 30px 0 30px;
		height: 0;*/
		width: 70px;
		margin-top: 22px;
		margin-bottom: 22px;
	}

	a:link, a:visited{
		font-size: 13px;
	}

	a:hover, a:active{
		font-size: 13px;
	}


}




	/* ================ hide elements ================ */

	#main, #sec, #breadcrumb, .footer_menu, #nav_site, #core_activities {
		display: none !important;
	}

	/* ================ main layout ================ */

	#cookies {
		padding: 8px 20px 8px 20px;
		width: 280px;
	}

		#cookies span {
			display: block;
		}

	#header {
		padding: 15px 0 0 0;
	}

	#header .content {
		width: 320px;
	}

		#logo {
			margin: 0 0 10px 20px;
		}

	#banner {
		height: 265px;
		width: 280px;
		overflow: hidden;
		margin: 10px 0 0 -140px;
		left: 50%;
	}

		#slider {
			width: 440px;
			height: 265px;
			margin-left:-220px;
		}

		#slider img {
			width: 440px;
			height: 265px;
		}

	#container {
		width: 320px;
		margin: 0 auto 0 auto;
	}

		#container .content {
			width: 280px;
			padding: 20px;
		}

			#container .content img, #container .content iframe {
				max-width: 280px;
			}

			#container .content iframe {
				max-height: 157px;
			}

		#container #sidebar {
			width: 280px;
			padding: 15px 0 0 0;
		}

	#newsletter .content {
		width: 280px;
	}

		#newsletter .content div {
			width: 280px;
		}

		#newsletter .content form {
			margin: 0 0 0 0;
			float: left;
			padding: 0 0 0 0;
			background-image: none; 
		}

			#newsletter .content form input {
				width: 268px !important;
				margin-bottom: 10px;
			}

			#newsletter .content form button {
				margin: 0 0 0 0;
				width: 280px;
			}

	#footer .content {
		width: 280px;
	}

		#footer_credits .content ul {
			width: 280px;
			margin-bottom: 0;
		}

		#footer_credits .content div, #footer_credits .content div:nth-last-of-type(1) {
			width: 280px;
			text-align: center;
		}

		#footer_credits .content div:nth-last-of-type(1) {
			margin-bottom: 20px;
		}

	#footer_paymentlabels .content ul {
		width: 280px;
	}


	/* ================ article overview ================ */

	.article_overview div img {
		width: 440px;
		margin: 0 0 12px 0;
	}

	.article_overview div h2 {
		margin-left: 0px;
	}

	.article_overview div p {
		margin: 0 0 20px 0px;
	}

	.article_overview div .date {
		margin: -3px 0 5px 0px;
	}


	/* ================ gallery overview ================ */

	.gallery_overview li {
		width: 280px;
		margin: 0 0 20px 0;
	}

		.gallery_overview li img {
			width: 280px;
		}


	/* ================ gallery detail ================ */

	.gallery_detail li, .gallery_detail li:nth-of-type(3n) {
		width: 280px;
		margin: 0 0 20px 0;
	}

	.gallery_detail li img {
		width: 280px !important;
	}


	/* ================ cart_steps ================ */

	#cart_steps .content {
		width: 280px;
	}


	/* ================ form ================== */

	form {
		margin: 22px 0;
	}

	input[type="text"], input[type="password"], input[type="email"], textarea {
		width: 268px;
	}

	select {
		width: 278px;
	}

	input[type="file"] {
		width: 270px;
	}

	form button[type="submit"], form .required {
		margin-left: 0;
	}

	fieldset ul li label {
		width: 250px;
	}

	#txt_number, #txt_box, #txt_zipcode, #txt_message, #txt_country {
		width: 268px;
	}

	form .float_left {
		float: none;
		margin-right: 0;
	}

	#sidebar input[type="text"], #sidebar input[type="password"], #sidebar input[type="email"], #sidebar textarea, #sidebar select {
		width: 268px;
	}


	/* ============== gmap ================== */

	#gmap {
		width: 280px;
	  	height: 160px;
	}

	/* ================ search small ========================= */

	#search_small form input {
		width: 243px !important;
		float: left;
	}


	/* ================ paging ================ */

	#paging a.paging_first, #paging a.paging_last {
		display: none;
	}


	/* ================ #sidebar ========================= */

	#sidebar {
		width: 280px;
		margin-left: 20px;
		padding: 14px 0px 50px 0px;
	}


	/* ================ nav_sidebar ========================= */


	ul.nav_sidebar {
		margin: 0 0 0 0;
	}

	ul.nav_sidebar li {
		padding: 4px 10px 4px 15px;
	}


	/* ================ .hide_m ========================= */

	.hide_m {
		display: none;
	}


	/* ================ share ========================= */

	h1 span a.share, span.heading1 span a.share {
		float: left;
		margin-top: 8px;
	}

	h1 span span {
		width: 280px;
	}


	/* ================ caption ========================= */


	.nivo-caption {
		position: absolute;
		left: 90px;
		height: 240px;
		top: 20px;
		width: 440px;
		z-index: 50;
		overflow: hidden;
		display: none;
		box-sizing: border-box;
	}

		.nivo-caption h1 {
			font-size: 30px;
			line-height: 30px;
			margin-bottom: 5px;
		}

		.nivo-caption p {
			display: none;
		}

		.nivo-caption a {
			display: none;
		}


	/* ================ testimonial overview ========================= */

	.article_overview.testimonial div img {
		width: 100px !important;
		border-radius: 50px;
	}

	.article_overview.testimonial div h2, .article_overview.testimonial div h3 {
		margin: 0 0 10px 114px;
	}

	.article_overview.testimonial div p {
		margin: 0 0 20px 114px;
	}


	/* ================ team ========================= */

	.article_overview.team div img {
		width: 100px !important;
		border-radius: 50px;
	}

	.article_overview.team div h2 {
		margin: 0 0 10px 114px;
	}

	.article_overview.team div h3 {
		margin: 0 0 10px 114px;
	}

	.article_overview.team div p {
		margin: 0 0 20px 114px;
	}


	/* ================ inloggen ========================= */

	#inloggen div {
		width: 280px;
	}

	#inloggen div:nth-of-type(2) {
		width: 280px;
		margin-top: 25px;
	}



	/* ================ product_overview ================ */

	.product_detail ul.gallery_detail {
		margin-right: 0px;
		width: 280px;
	}

		.product_detail ul.gallery_detail li {
			width: 86px !important;
			margin: 0 10px 10px 0;
		}

			.product_detail ul.gallery_detail li a img {
				width: 86px !important;
			}

		.product_detail ul.gallery_detail li:nth-of-type(1), .product_detail ul.gallery_detail li:nth-of-type(1) a img {
			width: 280px !important;
		}

	.product_detail div {
		width: 280px;
	}


	/* ================ cart_overview ================ */

	.cart_overview li img {
		width: 80px;
	}

	.cart_overview li div {
		width: 190px;
		margin-left: 10px;
	}

	.cart_overview li form {
		margin: 5px 0 0 0;
	}

	
}