
@media(max-width: 767px)
{
	.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
		color: #fff !important;
		background-color: #000;
		border-bottom: 1px solid #fff;
		border-top: 0px;
	}
	
	.form-group
	{
		text-align: left;
	}
	
	.mt79
	{
		margin-top: 25px;
	}
}

/* --- Header --- */
@media (min-width: 768px)
{
	h1
	{
		font-size: 32px;
		margin-bottom: 40px;
	}
	
	h1.home
	{
		padding-left: 70px;
		padding-right: 70px;
	}
	
	header .navbar-brand img {
		max-width: 250px;
		height: auto;
		margin-left: 30px;
	}

	.navbar-nav {
		float: right;
		margin-right: 0px;
		margin-top: 32px;
	}
	
	.navbar
	{
		margin: 0;
		margin-top: 30px;
		border: 0;
		border-radius: 0;
	}
	
	.navbar-nav {
		margin: 0;
	}
	
	.navbar-nav > li > a {
		font-weight: 400;
		color: #000;
		margin: 10px 0px;
		font-size: 14px;
		padding: 0 0px 0px 28px;
		background-color: #ffffff;
		border-top: 0px solid #fff;
	}
	
	.navbar-nav > li.active > a:visited,
	.navbar-nav > li.active > a:link {
		background-color: #ffffff;
		color: #e2001a;
	}
	
	.navbar-nav > li > a:hover, .navbar-nav > li > a:focus,
	.nav > li > a:hover, .nav > li > a:focus {
		background-color: #ffffff;	
		color: #e2001a;
	}
	
	/* --- Dropdown mainmenu --- */

	.dropdown:hover .dropdown-menu {
		margin: 0;
		border-radius: 0;
		box-shadow: 0 0 0 rgba(0,0,0,0);
		border: none;
		padding: 25px 0 0;
		font-size: 16px;
		display: block;
		width: 225px;
		background: none;
	}
	.dropdown-menu .submenu {
		background: rgba(0,0,0,1);
		list-style-type: none;
		padding: 10px 0;
	}
	.dropdown-menu .submenu li a:link,
	.dropdown-menu .submenu li a:visited {
		color: #ffffff;
		padding: 5px 25px;
		display: block;
	}
	.dropdown-menu .submenu li a:hover, .dropdown-menu .submenu li.active a {
		color: #e2001a !important;
	}
	
	.homebox
	{
		margin-top: -50px;
	}
	
	.blok1 .title, .blok2 .title, .blok3 .title
	{
		font-size:18px;
	}
	
	.swiper-stamp {
		position: absolute;
		top: 70px;
		left: 70px;
		height: 160px;
		width: 160px;
		background-image: url("/cms/images/since-1985.png");
		background-repeat: no-repeat;
		z-index: 15;
	}
	
	.topmenu
	{
		position: absolute;
		right: 30px;
		top: 0px;
		color: #e2001a;
		font-size: 13px;
	}
	
	.topmenu ul li
	{
		list-style: none;
		float: left;
		position: relative;
		padding-left: 32px;
	}
	
	.topmenu ul li:before {
		content: "/";
		position: absolute;
		left: 13px;
		color: #e2001a;
		font-size: 16px;
	}	
	
	.topmenu ul li:first-child:before {
		content: "";
	}
	
	.topmenu a {
		color: #e2001a;
	}	
	
	.content {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	
	.content-vervolg {
		padding-top: 40px;
		padding-bottom: 80px;
	}
	
	.footer {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.footer-box {
		padding-left: 25px;
		padding-right: 25px;
	}
	
	.breadcrumb {
		margin-bottom: 0px;
		background-color: transparent;
		font-size: 15px;
	}
	
	.breadcrumb a {
		color: #777;
	}
	
	.breadcrumb>li+li:before {
		content: "\003E";
	}
	
	.breadcrumb-box {
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

@media (min-width: 992px)
{
	h1
	{
		font-size: 36px;
	}
	
	h1.home
	{
		padding-left: 140px;
		padding-right: 140px;
	}

	header .navbar-brand img {
		max-width: 380px;
		height: auto;
		margin-left: 30px;
	}
	
	.navbar-nav {
		margin-top: 58px;
	}
	
	.navbar-nav > li > a {
		font-size: 16px;
		padding: 0 0px 0px 32px;
	}	
	
	.homebox
	{
		margin-left: 85px;
		margin-right: 85px;
	}
	
	.blok1 .content, .blok2 .content, .blok3 .content
	{
		height: 185px;
	}
	
	.swiper-stamp {
		top: 100px;
		left: 130px;		
	}
	
	.topmenu
	{
		font-size: 15px;
	}
	
	.footer
	{
		font-size: 15px;
	}
	
	.footer-box
	{
		padding-left: 85px;
		padding-right: 85px;
	}
}

@media (min-width: 1200px)
{
	h1
	{
		font-size: 40px;
	}
	
	h1.home {
		padding-left: 180px;
		padding-right: 180px;
	}
	
	header .navbar-brand img {
		max-width: 380px;
		height: auto;
		margin-left: 60px;
	}
	
	.navbar-nav {
		float: right;
		margin-right: 40px;
		margin-top: 58px;
	}
	.navbar-nav > li > a {
		font-size: 20px;
		padding: 0 0px 0px 36px;
	}
	
	.swiper-stamp {
		top: 100px;
		left: 160px;
	}
	
	.topmenu {
		position: absolute;
		right: 70px;
		top: 0px;
		color: #e2001a;
		font-size: 16px;
	}
	
	.footer {
		font-size: 16px;
	}
}

/* --- Swiper --- */
@media (max-width: 767px)
{
	.swiper-container-quote {
		height: 360px;
	}
	
	.p-xs-0 {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
}

@media (min-width: 768px)
{
	.swiper-container-home {
		margin-top: 35px;
		height: 445px;
		width: 100%;
	}
	
	.swiper-container-vervolg {
		height: 325px;
		margin-top: 35px;
		width: 100%;
	}
	
	.swiper-container-quote {
		height: 255px;
	}

	.swiper-container-quote-image
	{
		height: 255px;
	}
	
	.swiper-footer {
		position: absolute;
		bottom: 0px;
		height: 35px;
		background-color: #fff;
		left: 95px;
		right: 95px;
		z-index: 15;
	}
	
	.swiper-button-prev, .swiper-button-next {
	 	width: 40px;
	 	border-right: 4px solid white;
		border-top: 4px solid white;
		background: none;
	}
	
	.swiper-button-quote-prev, .swiper-button-quote-next {
		border-right:  2px solid white;
		border-top: 2px solid white;
		width: 30px;
		height: 30px;
		background: none;
	}
	 
	.swiper-button-prev {
	 	left: 60px;
		transform: rotate(225deg);
	}
	
	.swiper-button-next {
		right: 60px;
		transform: rotate(45deg);
	}
	
	.swiper-button-quote-prev {
	 	left: 15px;
		transform: rotate(225deg);
	}
	
	.swiper-button-quote-next {
		right: 15px;
		transform: rotate(45deg);
	}
	
	.swiper-button-quote-item {
		font-size: 14px;
	}
	
	.swiper-button-quote-item h5, h5.quote {
		font-size: 20px;
	}
}

@media (min-width: 992px)
{
	.swiper-container-home {
		height: 545px;
	}
	
	.swiper-container-vervolg {
		height: 325px;
	}
	
	.swiper-container-quote {
		height: 275px;
		font-size: 16px;
	}
	
	.swiper-container-quote-image {
		height: 275px;
	}
	
	.swiper-button-quote-item {
		font-size: 18px;
		padding: 50px;
	}
	
	.swiper-button-quote-item h5, h5.quote {
		font-size: 26px;
	}
}

@media (min-width: 1200px)
{
	.swiper-container-home {
		height: 645px;
		max-width: 1150px;
	}
	
	.swiper-container-vervolg {
		height: 325px;
		max-width: 1150px;
	}
	
	.swiper-container-quote {
		height: 330px;
	}
	
	.swiper-container-quote-image {
		height: 330px;
	}
	
	.swiper-button-quote-item {
		padding: 65px;
	}
	
	.swiper-button-quote-item h5, h5.quote {
		font-size: 30px;
	}
}