@media (max-width : 1315px) {

	.carousel, .sfeerbeeld, .titlebar, .titlebar2, .titlebar2 .titleoverlay, .titlebar2 .titlecontent  {
		width: 100%;
	}
	.sfeerbeeld img {
		width: 100%;
		max-width: 100% !important;
	}

}
@media (max-width : 1200px) {

	/* LG - IPAD LANDSCAPE */

	#secnav ul.secnav li a {
		font-size: 13px;
	}
	.carousel .desc {
		margin-right: -480px;
	}
	.navbar-inverse.yamm ul.nav li {
		min-width: 0px !important;
		max-width: 160px !important;
	}
	.navbar-inverse.yamm ul.nav li ul li {
		min-width: 0px !important;
		max-width: 100% !important;
	}
	.navbar-inverse .navbar-nav > li > a {
		font-size: 17px;
	}
	.carousel {
		width: 100%;
		max-width: 100%;
		height: auto;
		margin: -7px  auto 0 auto;
		overflow: hidden;
	}

	.followus h3 {
		margin: 5px 0 5px 0;
		font-size: 18px;
	}
	ul.social li {
		padding: 0
		margin: 0;
	}
	ul.social li a {
		padding-left: 5px;
	}
	ul.social li img {
		width: 30px;
	}
	.button2 span {
		width: 65%;
	}
	.yamm .nav>li>a {
		padding: 10px 0 10px 10px !important;
	}

}


@media (max-width : 992px) {

	/* MD - IPAD LANDSCAPE */

	#logo {
	}
	#logo img {
		width: 100%;
	}
	.carousel .desc {
		margin-right: -385px;
	}
	.navbar-inverse .navbar-nav > li > a {
		font-size: 15px;
	}
	.navbar-inverse.yamm ul.nav li {
		min-width: 0px !important;
		max-width: 140px !important;
	}
	.navbar-inverse.yamm ul.nav li ul li {
		min-width: 0px !important;
		max-width: 100% !important;
	}
	.home #row1 .row > div {
		margin-bottom: 40px;
	}
	#row2 a h2 {
		font-size: 21px;
	}
	#row3 .row > div {
		margin-bottom: 25px;
	}
	.followus {
		min-height: 100px;
	}
	.followus h3 {
		font-size: 18px;
		clear: both;
		width: 100%;
	}
	ul.social {
		float: none;
		margin-top: 10px;
	}
	ul.social li {
		padding: 0
		margin: 0;
	}
	ul.social li a {
		padding-left: 0px;
		padding-right: 10px;
	}
	ul.social li img {
		width: 35px;
	}
	.button2 span {
		width: 65%;
	}
	#results .listblok,
	#results .grid-sizer {
		width: 48%;
		margin: 0 1% 0 1%;
		position: relative;
	}
	#footer {
		padding: 40px 0 60px 0;
		line-height: 20px;
		font-size: 13px;
	}

}


@media (min-width: 768px) {

	/* DROPDOWN MENU ON MOUSEOVER (BUT NOT ON MOBILE) */

	ul.nav li.dropdown:hover ul.dropdown-menu {
	    display: block;
	}

}


@media (max-width: 767px) {

	/* SM - IPAD PORTRAIT XS */

	body {
		padding-top: 30px;
	}
	#logo img {
		width: 100%;
		max-width: 220px;
		margin-bottom: 10px;
	}
	#menu {
		margin-top: 50px;
	}

	.navbar {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999999999999;
		width: 100%;
	}
	.navbar-nav {
		margin: 0 0 0 0;
	}
	.navbar-header {
		background-color: #645951;
	}
	.navbar-inverse .navbar-toggle .icon-bar {
		background-color: #ffffff;
	}
	.navbar-inverse .navbar-toggle .icon-menu {
		color: #ffffff;
	}
	.navbar-toggle {
		border: 0px solid transparent;
		border-color: white;
	}
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
		background-color: #645951;
		border: 0px solid transparent;
		border-color: white;
	}
	.icon-menu {
		float: left;
		margin-left: 35px;
		margin-top: -4px;
	}
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover .icon-menu {
		color: #a9be38;
	}

	.navbar-collapse {
		-webkit-box-shadow: 2px 2px 25px 3px rgba(0,0,0,0.75);
		-moz-box-shadow: 2px 2px 25px 3px rgba(0,0,0,0.75);
		box-shadow: 2px 2px 25px 3px rgba(0,0,0,0.75);
		padding-bottom: 15px;
	}
	.navbar-nav li {
		width: 100%;
	}
	.navbar-inverse.yamm ul.nav li {
		max-width: 100% !important;
	}
	.carousel-slogan {
		/*max-width: 90%;
		position: relative;
		margin-left: 8px;
		top: -52px;
		margin-bottom: -50px;*/
		display: none;
	}
	.button2 span {
		float: right;
		width: 60%;
		padding: 10px 10px 10px 10px;
		font-size: 14px;
	}
	#row2 a {
		text-align: center;
		width: 100%;
		display: inline-block;
	}
	#row2 a img {
		float: none;
		margin: 0 0 0 0;
	}
	#row2 a h2 {
		width: 100%;
		font-size: 18px;
		margin-top: 30px;
		display: block;
		text-align: center;
	}

	#results .listblok,
	#results .grid-sizer {
		width: 96%;
		margin: 0 0 0 10px;
		position: relative;
	}

	#footer {
		font-size: 15px;
	}

}


@media (max-width: 480px) {

	/* SM - IPHONE LANDSCAPE */



}

