/* @override http://nieuw.abchekwerk.nl/wp-content/themes/bluediamond/stylesheet/foundation-responsive.css */

/* #Foundation Style
================================================== */
.row .column, .row .columns{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.container{ margin: 0px auto; padding: 0px 20px; max-width: 960px; }

.row { width: 1140px; max-width: 100%; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -10px; }

.column, .columns { float: left; min-height: 1px; padding: 0 10px; position: relative; }
.column.wrapper, .columns.wrapper{ padding: 0px; }

.row .one { width: 8.333%; }
.row .two { width: 16.667%; }
.row .three { width: 25%; }
.row .four { width: 33.333%; }
.row .five { width: 41.667%; }
.row .six { width: 50%; }
.row .seven { width: 58.333%; }
.row .eight { width: 66.667%; }
.row .nine { width: 75%; }
.row .ten { width: 83.333%; }
.row .eleven { width: 91.667%; }
.row .twelve { width: 100%; }

.row .one-fifth{ width: 20%; }
.row .one-sixth{ width: 16.667; }

img{ max-width: 100%; height: auto; }
img { -ms-interpolation-mode: bicubic; }
object, embed { max-width: 100%; }

/* #Foundation Mobile Size
================================================== */
@media only screen and (max-width: 767px) {
	body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;
		width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
		
	.container{ margin: 0px auto; max-width: 420px; }
	
	.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }

	.row .column, .row .columns { width: 100%; float: none; }

	.column:last-child, .columns:last-child { float: none; }
	[class*="column"] + [class*="column"]:last-child { float: none; }

	.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
	.column:after, .columns:after { clear: both; }
	
	div.gdl-tab ul.gdl-tab-title li:nth-child(4) { display:none }
}

/* #Custom Style
================================================== */

/*--- header area ---*/
.header-wrapper .responsive-menu-wrapper{ display: none; }

/* #Custom Tablet size
================================================== */
@media only screen and (max-width: 959px) {

* {
	
}
    div.social-wrapper { position: absolute; top: -40px; right: 10px; }
	div.navigation-wrapper ul.sf-menu li a { padding: 11px 21px; }
	
	body { background:url("../images/page_bg_new_medium.png") no-repeat scroll center -3px rgba(0, 0, 0, 0); }
	
	/*--- smaller container ---*/
	.container{ margin: 0px auto; padding: 0px; max-width: 768px; }
	
	/*--- smaller logo ---*/
	div.logo-wrapper { width: 632px; margin: 0 10px 10px;}
	body.home .logo-wrapper {margin-top:-18px !important;}
	
	
	/*--- smaller navigation ---*/
	div.navigation-wrapper ul.sf-menu li a { padding: 11px 9px; font-size:11px; }
	div.navigation-wrapper ul..sf-sub-indicator {float: left; margin-right: 1px; }
	
	/* lower subfooter */
	.home h6, .page h6 { font-size: 13px; }
	.home h6 { min-height:52px; }
	.home h6 img, .page h6 img {margin-right:8px;}
	.home h3 img, .page h3 img {margin:5px 10px 4px 0px;}
	
	
	div.subfooter-container .form-links {width:70%; }
	
	/*--- productpage ---*/
	.productmain h2 {
		font-size:24px;
	}
	
	.productmain p, .productmain h3 {
		font-size:15px;
	}
	
	div.gdl-page-product-item.mb0.twelve.columns ul.gdl-tab-title li {
		font-size: 12px;
	}

	div.gdl-page-product-item.mb0.twelve.columns  div.gdl-tab ul.gdl-tab-content {
		/*height: 103px;
		overflow-y: scroll;*/
	}
	
	.home .mb45 p {
		font-size:12px;
	}
	
	.shortcode1-3.productmain {
		width: 36.6%;
	}
	
	.shortcode2-3.productmain {
		width: 63.4%;
	}
	
	/*specialisten pagina*/
	.abcmap { margin-top:25px; }
	.abcmap h3, .abcmap p { width: 150px; font-size:12px;}
	.abcmap p {line-height:12px;}
	
	.specialist-adres .column {
		padding-right:12px;
	}
	
	/* algemeen */
	.shortcode1-3.specialistmain {
		-moz-box-sizing: border-box;
		margin-right: 0;
		padding: 4% 2% 0 4%;
		width: 36.6%;
	}
	.shortcode2-3.specialistmain {
		margin-right: 0;
		text-align: right;
		width: 63.4%;
	}
	.shortcode1-2.specialistsub img {
		margin-left: 0px;
	}
	
	/* Contact */
	div.wpcf7 p, div.wpcf7 h2 {
		margin-bottom:2px !important;
	}

	#wpcf7-f1065-o1 p input {
		margin-bottom:5px;
	}
	
	div.footer-widget-wrapper .wpcf7 textarea {
		height:210px;
	}

	.shortcode1-4.contact p { font-size: 12px; line-height: 14px; }
	
	
	/*--- navigation / social ---*/
	/*body .header-wrapper .navigation-wrapper{ display: block; padding: 0px; background: transparent;}
    body div.social-wrapper { position: static; }
    body #gdl-social-icon { display: inline-block; float: none; }
    body div.navigation-wrapper { text-align: center; }
    body #main-superfish-wrapper { display: none; }
	.header-wrapper .responsive-menu-wrapper{ display: block; }*/
}

div.wpcf7 {
	min-height: 284px;
}

@media only screen and (max-width: 767px) { 
	h1.page-header-title{ display: block; margin-right: 0px; margin-bottom: 0px; }
	span.page-header-caption{ display: block; margin-right: 0px; margin-bottom: 30px; }
	
	/*--- header area ---*/
	.header-wrapper .logo-wrapper{ float: none; padding: 40px 0px 30px; margin: 0px auto; }
	.header-wrapper .logo-right-text{ float: none; text-align: center; margin-top: 0px; margin-bottom: 40px; }
	.header-wrapper .logo-right-text .logo-right-text-content{ margin-bottom: 20px; }
	.header-wrapper .top-search-wrapper .gdl-search-form{ float: none; display: inline-block; }
	.header-wrapper .responsive-menu-wrapper{ display: block; } 	
	.page-header-top-gimmick{ display: none; }
	
	.gdl-header-wrapper h3, 
	.gdl-header-wrapper a { display: block; }
	
	/*--- sidebr ---*/
	div.gdl-left-sidebar .sidebar-wrapper,
	div.gdl-right-sidebar .sidebar-wrapper { padding-left: 0px; padding-right: 0px; }
	div.gdl-sidebar-wrapper.gdl-border-y{ background: none; }
	
	/*--- single page ---*/
	div.single-portfolio .port-media-wrapper { max-width: 100%; width: 100%; float: none; margin-bottom: 20px; }
	div.single-portfolio .port-content-wrapper { overflow: visible; }
	div.single-portfolio .port-nav .port-prev-nav, div.single-portfolio .port-nav .port-next-nav { margin-bottom: 15px; }
	
	/*--- page item ---*/
	div.gdl-blog-medium .blog-media-wrapper { margin-right: 0px; width: 100%; float: none; }
	div.gdl-blog-medium .blog-context-wrapper { overflow: hidden; }
	div.price-item{ margin-bottom: 20px; }
	
	div.stunning-text-wrapper .stunning-text-inner-wrapper { padding: 26px 25px !important; }
	div.stunning-text-wrapper .stunning-text-button { position: relative; top: auto; 
	margin-top: 20px; margin-right: 0px; right: auto; }	
	
	
	/*--- shortcode ---*/
	.shortcode1-4, .shortcode1-4.last, 
	.shortcode1-3, .shortcode1-3.last, 
	.shortcode1-2, .shortcode1-2.last,
    .shortcode2-3, .shortcode2-3.last, 
	.shortcode3-4, .shortcode3-4.last,
	.shortcode1-5, .shortcode1-5.last, 
	.shortcode2-5, .shortcode2-5.last,
	.shortcode3-5, .shortcode3-5.last, 
	.shortcode4-5, .shortcode4-5.last{ width: 100%; }
	
	/*--- stunning-text ---*/
	div.stunning-text-wrapper .stunning-text-icon { float:none; margin: 0px auto 10px; }
	div.stunning-text-wrapper { text-align: center; }
	
	/*--- slider ---*/
	.flex-caption{ display: none !important; }
	.nivo-caption{ display: none !important; }
	.anythingSlider{ display: none !important; }
	
	div.gdl-top-layer-slider-wrapper,
	div.gdl-top-slider .gdl-slider-wrapper{ padding-bottom: 25px; -webkit-background-size: 100% 25px; -moz-background-size: 100% 25px; background-size: 100% 25px;	}	
	
	/*--- footer ---*/
	div.copyright-left, div.copyright-right{ float: none; text-align: center; }
	
	
	/*--- navigation / social ---*/
	body .header-wrapper .navigation-wrapper{ display: block; padding: 0px; background: transparent;}
    body div.social-wrapper { position: static; }
    body #gdl-social-icon { display: inline-block; float: none; }
    body div.navigation-wrapper { text-align: center; }
    body #main-superfish-wrapper { display: none; }
	
	/* AANPASSINGEN MOBIEL */
	.no-mobile { display: none;}
	
}

@media only screen and (max-width: 767px) {
	/*body { background:url("../images/page_bg_new_small.png") no-repeat scroll center 0px rgba(0, 0, 0, 0); }*/
	body { background:none; }
	p { font-size:16px; line-height: 20px; }
	.logo-wrapper { display: none; }
	.logo-wrapper-mobile { display: block !important; }
	
	/* Navigation */
	body .header-wrapper .navigation-wrapper { display:none !important; }
	div.responsive-menu-wrapper select {
	-webkit-appearance: none;
	background-color: #f21c0a;
	border-color: #f21c0a;
	color: #fff;
	font-size: 18px;
	height: 30px;
	padding-left: 31px;
	background-image: url(../images/mobile_hamburger.png);
	background-repeat: no-repeat;
	background-position: 8px 8px;
}
	
	/* Slider */
	div.gdl-top-slider { background-image:url(../images/mobile_slider_bg.png); background-size:cover; }
	div.gdl-top-layer-slider-wrapper, div.gdl-top-slider .gdl-slider-wrapper { padding-bottom: 0px !important;}
	a.gdl-button.large { font-size: 10px; height: 20px; line-height: 20px; padding: 2px 10px;}
	.ls-bluediamond .ls-bottom-slidebuttons { display:none; }
	
	/* homepage */
	.home h6 {min-height:0px;}
	.home h6 img {margin: 0px 8px 2px 9px; width:12%;}
	
	/* Map */
	.abcmap { margin-top:0px;}
	.abcmap #mapster_wrap_0 { left:8px; }
	.abcmap h3, .abcmap p { font-size: 12px; margin: 10px; width: 131px;}
	
	/* specialisten */
	.specialistmain h2, .productmain h2 { font-size:14px; line-height:12px;}
	.productmain p, .specialistmain p, .productmain h3, .specialistmain h3 { font-size:12px; line-height:14px; }
	.shortcode1-2.specialistsub { width:100%;}
	.specialist-adres {height: 285px; padding: 2% 0% 0% 2%;}
	.specialist-adres img { margin-bottom:10px; }
	
	/* productpagina */
	div.gdl-tab ul.gdl-tab-title li a { padding:0 6px; letter-spacing:-1px; }
	div.gdl-page-product-item.mb0.twelve.columns ul.gdl-tab-title li {font-size:10px; }
	.terug {display:none; }
	.technical, .technical.last { width:100%; }
	.printfriendly {display:none; }
	.home h3, .page h3, .home h6, .page h6 { margin-bottom:2px;}
	.page h3 img {margin:-4px 10px 40px 0px; }
	img.slider_bt { margin-top:15px !important; }
	.shortcode1-3.productmain, .shortcode2-3.productmain {width: 50%;}
	.shortcode1-3.productmain { padding:2% 2% 0% 2%; }
	.shortcode1-3.productmain img {	display:none;}
	
	/* footer */
	#text-2 { display:none; }
}