/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
@media (min-width: 1400px){
.container {
    width: 1400px;
}
.navbar-default .navbar-nav>li>a{
	font-size:18px;
}
.aanbod-box h2{
	padding:20px;
}
.offer-main-box{
	max-width:20%;
	padding-right:0px;
}
.slick-prev, .slick-next{
	display: none !important;	
}
}

/* #Base 960 Grid
================================================== */

@media only screen and (min-width:980px) and (max-width: 1200px) {
	.slick-prev, .slick-next{
	display: none !important;	
}
	h4.open{
		margin-top: 20px;
    margin-bottom: -20px;
	}
.header{
	padding:20px 0px 20px 0px;
}
.right-sidebar{
	margin:15px 0px;
}
.news-box{
	padding:0px;
}
.offer-main-box{
	max-width:100%;
	margin-bottom:15px;
	min-height:400px;
}
.overly::before{
	border-top: 60px solid rgb(243, 240, 183);
	top: -40px;
}
.aanbod-box .figcaption{
	bottom: -75%;
}
.news-img{
	max-width:165px;
}
.navbar-default .navbar-nav > li > a{
	padding:15px 12px;
}
.carousel-inner > .item > img{
	width:100%;
}
.aanbod-box img{
	width:100%;
}

#bs-example-navbar-collapse-1 ul.navbar-nav { float: right; }
#bs-example-navbar-collapse-1 ul.navbar-nav li:last-child a { padding-right: 0; }
a.navbar-brand { display: none; }
.btn-default.pull-right { width: 100%; }

#carousel-aanbod .item .offer-main-box:nth-of-type(4) { margin-left: calc( (100% - 646px) / 2 ); }

.footer-box:not(.address) { margin-top: 30px; }

}


/* #Tablet (Portrait)
================================================== */


/* Note: Design for a width of 768px */

@media only screen and (min-width:768px) and (max-width: 979px) {
	.contactItems{
		margin-top: 15px;
	}
	h4.open{
		margin-top: 35px !important;
	}
	.klantenItem{
		padding:10px !important;
	}
	.koptitel{
		color:#009fe3;
		margin-top: 20px;
	}
	.slick-prev, .slick-next{
	display: none !important;	
}
	img{
		margin: 0 auto !important;
	}
.header{
	padding:20px 0px 0 0px;
}
.news-img{
	max-width:165px;
}
.offer-main-box{
	min-height:310px;
	max-width:100%;
	margin-bottom:15px;
}
.header h4 {
	margin-top: 15px;
	margin-bottom: 0;
}
.btn-default.pull-right { width: 100%; }
#carousel-aanbod .item .offer-main-box:nth-of-type(4) { margin-left: calc( (100% - 460px) / 2 ); }

.footer-box:not(.address) { margin-top: 30px; }

}

/*  #Mobile (Portrait)
================================================== */	

/* Note: Design for a width of 320px */


@media only screen and (max-width: 767px) {
	.klantenItem{
		padding:10px !important;
	}
	.koptitel{
		color:#009fe3;
		margin-top: 20px;
	}
	.slick-prev, .slick-next{
	display: none !important;	
}
	
.btn,h4{
	font-size:16px;
}
.header{
	padding:15px 0px 0px 0px;
}
.social-links{
	float:left;
	width:100%;
	padding:0px 15px;
	text-align:center;
}
.logo{
	text-align:center;
	margin-bottom:15px;
}
.header-top .btn{
	margin:5px 10px;
}
.news-box .btn{
	display:block;
	width:100%;
}
.logo a{
	display:inline-block;
}
.news-img{
	margin-bottom:15px;
}
.header-top{
	text-align:center;
	margin-bottom:0px;
}
.navbar-default{
	padding:0px 15px;
}
.right-sidebar{
	margin:15px 0px;
}
.news-list .img-responsive{
	width:100%;	
}
.pad_right_0{
	padding:0px;
}
.news-list a{
	margin-top:10px;
	text-decoration: none !important;
}
.offer-main-box{
	max-width:100%;
	margin-bottom:15px;
	padding:0px 5px;
}
.overly::before{
	border-top: 60px solid #b7dbf3;
	top: -30px;
}
.aanbod-box .figcaption{
	bottom: -75%;
}
.aanbod-box .figcaption ul{
	opacity:0;
}
.aanbod-box:hover .figcaption ul{
	opacity:1;
}
.aanbod-box .img-responsive{
	width:100%;
	
}
.about-info h2{
	font-size:18px;
	line-height:normal;
	margin:10px 0px;
}
.client-logo-box{
	max-width:100%;
	margin:15px auto;
}
.client-logo-box img,.img-responsive{
	margin:0px auto;
}
.footer-box{
	margin:20px 0px;
	text-align:center;
}
.newsletter{
	text-align:center;
}
.footer-box ul{
	margin-bottom:15px;
}
.aanbod-box h2{
	margin-bottom:0px;
	padding-bottom:5px;
}
.open{
	margin-top: 20px;
    margin-bottom: -20px;
}
.navbar-toggle{
	    margin-top: 40px;
}
header .navbar-header { margin-top: -60px; }
#carousel-example-generic { margin-top: -60px; }
#bs-example-navbar-collapse-1 { text-align: center; }
.news-img { margin-right: 20px; }
.news-list h2 { padding-top: 15px; }
.btn-default { width: 100%; }
.client-logo-box:last-child { margin-left: 25%; }
#client { padding-bottom: 0; }
.about-info h2 { text-align: center; }

}

/* Note: Design for a width of 480px */

@media only screen and (max-width: 380px) {
	.klantenItem{
		padding:10px !important;
	}
	.koptitel{
		color:#009fe3;
		margin-top: 20px;
	}
.aanbod-box h2,.aanbod-box:hover h2{
	font-size:14px;
	padding:0px 10px;
	margin-bottom:0px;
}
.aanbod-box li{
	font-size:13px;
	padding:1px 10px;
	white-space:nowrap;
}
.aanbod-box:hover .figcaption{
    height: 90%;
}
.aanbod-box:hover .overly{
	height:90%;
	top:10%;
}
}