/* mobile */
@media (max-width: 767px)
{
	.row { margin: 10px 0px !important; }
	.row > [class ^= "column"] { width:100% !important; padding: 0px; margin: 10px 0px !important; display: block; }
	
	.mobile-visible { display: block !important; }
	tr.mobile-visible { display: table-row !important; }
	td.mobile-visible { display: table-cell !important; }
	
	.mobile-hidden, .tablet-visible, .desktop-visible { display: none !important; }
	
	.container {
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}

	#top-search
	{
		display: none;
	}
	
	.mobile-search
	{
		/*display: inline-block;*/
		/*height: 25px;*/
		/*width: 40%;*/
		 /*font-size: 18px;*/
		 padding: 5px; 
	}
	
	::-webkit-input-placeholder
	{ 
		color: #231F20;
	}
	
	::-moz-placeholder
	{
		color:    #231F20;
		opacity:  1;
	}
	
	.mobile-nav-text
	{
		float: right;
		margin-right: 30px;
	}
	
	.mobile-image {
		height: 16px;	
	}
	
	.mobile-language {
		display: inline-block;
		/*margin-left: 40px;*/
	}
	
		.mobile-language img{
			height: 12px;
		}
		
	#content-wrapper
	{
		margin:0px auto;
		margin-top: -10px;
		width: 95%;
	}
	
	#top-menu-wrapper
	{
		height: auto;
		/*margin: 10px 0;*/
		padding: 10px 0;
	}
		
	#top-menu
	{
		display: none;
	}
	
		#top-menu > ul
		{
			border: 1px solid #5C5C5C;
			border-top: 0px;
			padding: 15px;
			margin-bottom: 10px;
			background: #fff;
		}
		
			#top-menu > ul > li
			{
				display: inline-block;
				width: 100%;
				
			}
			
				#top-menu > ul > li > a
				{
					display: inline-block;
					width: 100%;
					min-width: 100px;
					font-weight: 600;
					padding:6px 0 6px 0;
					text-align: left;
					color: #5C5C5C;
					border-bottom: 1px dashed #5C5C5C;
				}
				
				#top-menu > ul > li > a:hover
				{
		
				}
				
	#top-nav
	{
		margin-top: 30px;
		padding-left: 0px;
		display: none;
	}
	
		#top-nav > ul
		{
			
		}
		
			#top-nav > ul > li
			{
				
			}
			
				#top-nav > ul > li > a
				{
					color: #464646;
				}
	
	.pageNav
	{
		border: none;
		background: none;
	}
	
	#meubelen .mNavigation
	{
		background: none;
	}
	
	#mobile-submenu
	{
		display: none;
		margin: 0px auto;
		padding: 0px 20px;
	}
	
	#kaart
	{
		display: none;
	}
	
	#meubelen .mNavigation ul {
		margin: 0px;
	}
	
	#search-categorieen
	{
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		display: inline-block;
		margin: 0px !important;
		padding: 0px !important;
		border-right: 1px solid #5c5c5c;
		border-left: 1px solid #5c5c5c;
		border-bottom: 1px solid #5c5c5c;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		width: 100% !important;
	}		
		
		#search-categorieen li ul
		{
			padding: 10px;
				
		}
			
			#search-categorieen li ul li a
			{
				display: inline-block !important;
				width: 100% !important;
				min-width: 100px !important;
				font-weight: 600 !important;
				padding:6px 0 6px 0 !important;
				text-align: left !important;
				color: #5C5C5C !important;
				border-bottom: 1px dashed #5C5C5C !important;
				border-top: 0px !important;
			}
	
	#search-merken
	{
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		 -webkit-box-sizing:border-box;
		display: inline-block;
		width: 100%;
		background: #D8D8D8;
		height: 30px;
		margin: 0;
		margin-top: 0px !important;
		padding: 0px !important;
		border-right: 1px solid #5c5c5c;
		border-left: 1px solid #5c5c5c;
		text-align: center;
	}
	
		#search-merken .merken
		{
			margin: 0px !important;
			padding: 3px !important;
		}

	#search-merken ul li
	{
		display: inline;
		color: #000;
		padding: 0px !important;
		margin-right: 2px !important;
		
	}
	
		#search-merken ul li label{
			color: #000 !important;
			font-size: 10px !important;
			
		}
		
		#search-merken ul li .checkbox
		{
			padding-right: 1px !important;
		}
	
	#largeImage
	{
		width: 99%;
	}
	
		.mContent
		{
			width:97% !important;
		}
	
	.mNavigation
	{
		float: none !important;
		width: 100% !important;
		height: auto !important;
		min-height: 10px !important;
		padding-bottom: 10px !important;
	}
	
	#producten .product
	{
		width: 45%;
	}
	
	#footer .item
	{
		margin-left: 20px;
		
	}
	
	.nieuws-wrapper
	{
		width: 89% !important;
		
	}
	#nieuws{
		max-width: 100%;
	}
	#nieuws .item
	{
		width: 100%;
	}
	
	#nieuws .nieuws-artikel
	{
		width: auto;
	}
	
		#nieuws .nieuws-artikel img{
			width: 100%;
		}
		
	#medewerkers .medewerker
	{
		width: 100%;
	}
	
	#content-wrapper .sub
	{
		padding: 0px;
	}
	
	#nieuwsbrief
	{
		display:none;
	}
	
	#top-wrapper
	{
		float: left;
		width: 100%;
	}
	
	#top
	{
		float: left;
	}
	
	#brands-nav
	{
		float: left;
	}
	
	#top a.logo
	{
		float: left;
		width: 100%;
		
	}
	
		#top a.logo .arrow-down
		{
			border-top: 5px solid #D6D6D6;
			margin:0px;
			margin-top: 10px;
		}
		
	#brands-main img{
		max-width: 90%;
	}
	
	#brands-nav img{
		max-width:90%;
		max-height: 90px;
	}
}



/* tablet */
@media (min-width: 768px) and (max-width: 999px)
{
	.tablet-visible { display: block !important; }
	tr.tablet-visible { display: table-row !important; }
	td.tablet-visible { display: table-cell !important; }
	
	.tablet-hidden, .mobile-visible, .desktop-visible { display: none !important; }
	
	#top-menu
	{
		display: block;
	}
	
	#nieuws{
		max-width: 100%;
	}
	#nieuwsbrief
	{
		display:none;
	}
	
	#producten .product
	{
		width: 45%;
	}
		
}
@media (min-width: 768px) and (max-width: 1055px)
{
	#top-search{
		margin: -55px 0 13px;
	}
}

/* desktop */
@media (min-width: 1000px)
{
	.desktop-visible { display: block !important; }
	tr.desktop-visible { display: table-row !important; }
	td.desktop-visible { display: table-cell !important; }
	
	.desktop-hidden, .mobile-visible, .tablet-visible { display: none !important; }
	
	.cms-row{ margin: 10px -10px;}
	
}

@media (max-width: 584px)
{
	#producten .product
	{
		width: 90%;
	}
}
