@media only screen and (max-width: 767px)
{
	.header .topmenu {
		position: absolute;
		left: 90px;
		margin: 0;
		padding: 8px;
	}

		.header ul.topmenu{
			height: auto;
			top: 0;
		}

		.header ul.topmenu li{
			float:none;
		}

	.columns{
		overflow: visible;
	}

	.wrapper-outer{
		min-width: 320px;
	}

	nav{
		display: none;
	}

	.dashboard-buttons{
		display: none;
	}

	#footer{
		padding: 30px;
	}

		#footer #footer-bottom{
			display: none;
		}

		#footer .columns{
			padding-bottom: 0;
		}

		#footer .column-spacing .column-one-fourth{
			margin-right: 0;
			padding-right: 0;


			width: calc(100% - 76px) !important;
			height: auto !important;

			margin-bottom: 50px;

		}

		#newsletter.webform input{
			margin:0;
		}
	
	#frontend-debug {
		display:none;
	}

	#home-blocks{
		margin-top: 0;
	}

	#home-earthnews{
		margin-top: 30px;
		margin-bottom: 30px;
	}

	#home-earth{
		width:100%;
		padding: 0 30px;
		float: none;
	}
	
	#home-products{
		display: none;
	}

	#home-news{
		float: none;
		width: 100%;
		padding: 0 30px;
		margin-top: 30px;
	}

		#home-news .newsitem{
			float: none;
			width: 100%;
			padding: 0 0 30px 0;
		}

		#home-news .newsitem .date{
			position: absolute;
			border: 1px solid #FFF;
		}

		#home-news .newsitem .image{
			margin: 0;
		}

	.category-blocks{
		
	}
	
		.category-blocks ul li{
			width:100%;
		}
	
		.category-blocks ul li .li-inner .block-content .bottom{
			height: auto;
			padding-bottom: 20px;
		}

		.category-blocks ul li .li-inner .block-content .image img{
			width: 100px;
			margin-top: 60px;
		}

		.category-blocks ul li .li-inner .block-content .title{
			font-size: 24px;
		}

		.category-blocks ul li .li-inner .block-content .background{
			background-size: 100% auto;
			background-position: center center;
			height: 160px;
		}

	.flexslider .dots-overlay,
	.flexslider .slide-bg-item{
		height: 262px;
	}

	.flexslider .slide-background{
		margin-top: -30px;
		background-size: 150% auto;
	}

	.flexslider .slides .slide-bg-item{
	}

		.flexslider .slides .slide-bg-item img {
			width: auto;
			display: block;
			height: 100%;
			float: right;
		}

	.flexslider .slides .slide-image{
		display: none;
	}

	.flexslider .slide-text{
		width:100%;
	}

	.flexslider .slide-text-wrapper{
		/*width: 100%;*/
	}

	.flexslider .slide-text-wrapper .slide-body{
		padding: 25px;
		/*width:100%;*/
		box-sizing: border-box;
	}

	.flexslider .slide-text-wrapper .slide-body .title{
		font-size: 26px;
		width: 300px;
		line-height: 30px;
		height: 136px;
	}

	.flexslider .dots-overlay {
		background-color: rgba(255,255,255,0.5);
	}

	.flexslider .slides .slide-text{
		padding: 0;
		color: #062b48 !important;
	}

	.flexslider .slide-text-wrapper .slide-body .btn{
		font-size: 18px;
		box-sizing: border-box;
		text-align: center;
		min-width: 270px;
	}
	
	.flexslider .slide-text-wrapper .slide-body .title h1{
		font-size: 26px;
		line-height: 1.2em;
	}


	/**** INFO TEMPLATE *****/

	.call2action{
		margin-top: 30px;
	}

		.call2action ul li{
			width:100%;
		}

		.call2action .bigtitle{
			padding: 30px 30px 15px 30px;
			line-height: 30px;
		}

		.call2action .subform{
			width: 100%;
		}

		.call2action .subform .webform-field{

		}

		.call2action .subform .webform-field.field-textarea{

		}

		.call2action .webform-field input[type="text"]{
			margin: 0;
		}
		
	.template_nieuws .column-left,
	.template_info .column-left{
		width: 100%;
		margin:0;
		overflow: hidden;
	}

	.template_nieuws .column-right,
	.template_info .column-right{
		width:100%;
	}

	#content-main {
		padding: 0 20px;
	}




	.path{

		padding: 0 20px;
	}

		#content-main .path .hugetitle{
			font-size: 30px;
		}

	/**** CATEGORIE TEMPLATE *****/

	#content-categories ul li{
		width:100%;
	}

		#content-categories ul li a .block-content .bottom{
			height: auto;
		}

		#content-categories ul li a .block-content .background{
			height: 155px;
		}

	/**** PRODUCTEN IN CATEGORIE TEMPLATE *****/
	#content-category-products .content{
		width:100%;
		height: auto;
		margin: 0 0 15px 0;
	}

	#content-category-cta{
		display: none;
	}

	#content-category-products #content-category-products-list{
		width: 100%;
	}

	#content-category-products .first-product{
		width:100%;
		height: auto;
	}

	#content-category-products .first-product .title{
		height: auto;
	}

	#content-category-products .first-product .middle .left{
		box-sizing: border-box;
		width:40%;
		height: auto;
	}

		#content-category-products .first-product .middle .left img{
			width:100%;
		}

	#content-category-products .first-product .middle .right{
		box-sizing: border-box;
		width:60%;
	}

	.products-list ul li{
		box-sizing: border-box;
		margin: 0;
		width:50%;
	}

	.products-list ul li:nth-child(odd){
		border-left-width: 0;
	}

	.products-list ul li a .moreinfo{
		bottom: 0;
		left:0;
		width: 100%;
		background: #f4f4f4;
	}

	#product-tabs .resp-tabs-container .resp-accordion .icon-arrow-down{
		display: none;
	}

	/**** PRODUCT TEMPLATE ****/

	#content-product-nav{
		display: none;
	}

	#content-product .info{
		width:100%;
		height: auto;
	}

	#content-product .flexslider{
		width:100%;
	}

	#content-product .request-info .btn-big-blue{
		width:100%;
	}

	#content-product .brochure-review{
		display: none;
	}

	#content-product-accessoires .accessoires{
		width:100%;
	}

	#content-product-accessoires .bigtitle{
		padding-left:30px;
	}

	.products-list ul li:nth-child(even){
		border-left-width: 0;
	}

	#content-product-accessoires .tabsblock{
		width:100%;
	}

	#content-product-accessoires .tabsblock .resp-tab-content{
		height: auto;
		overflow: visible;
	}

	#content-product-accessoires .tabsblock{
		margin-top:15px;
	}

	/**** NIEUWS TEMPLATE *****/

	.dataview-nav,
	.dataview-holder{
		padding: 0 30px;
	}

	.btn-block.block-type1{
		width: 100% !important;
	}

	.btn-block.block-type1 .image{
		height: auto;
	}

	.btn-block.block-type1 .btn.type1{
		margin: 0;
	}

	/**** BESTELLEN TEMPLATE *****/

	#bestellen.webform .wf-group{
		float: none;
		padding-right: 0;
	}

		#bestellen.webform .wf-group table{
			width: 100%;
		}

		#bestellen.webform .wf-group table .field{
			text-align: right;
		}

	.wf-group.group-koffie,
	.wf-group.group-soep,
	.wf-group.group-water{
		width:auto;
	}

	.template_blank .column-inner-text .content-right{
		width:100%;
		float: left;
	}

	.template_blank .column-inner-text .content-left{
		width:100%;
	}

	#bestellen.webform input{
		width: 60px;
	}

	/**** MIJN ACCOUNT TEMPLATE *****/

	#login-blocks ul li{
		width:100%;
	}

	#login-blocks .background{
		height: 80px;
	}

	.category-blocks ul li .li-inner .block-content .image img{
		width: auto;
		margin: 0;
	}

	#login-blocks ul li .bottom{
		min-height:100px;
		padding-bottom: 30px;
	}

	/**** BASE DEFAULT *****/

	.wrapper,
	.preset-tester,
	.flexslider.basic-slides .flex-control-nav,
	.flexslider.basic-slides.home-slides .flex-direction-nav,
	.column-tester {
		width:auto!important;
	}
	
	.column-half,	
	.column-one-third,
	.column-two-third,	
	.column-one-fourth,
	.column-three-fourth,	
	.column-one-fifth,
	.column-two-fifth,
	.column-three-fifth,
	.column-four-fifth,	
	.column-one-sixth,
	.column-five-sixth {
		width:auto!important;
		float:none;
	}
	
	.column-half.padding-right, .column-one-third.padding-right, .column-two-third.padding-right, .column-one-fourth.padding-right, .column-three-fourth.padding-right, .column-one-fifth.padding-right, .column-two-fifth.padding-right, .column-three-fifth.padding-right, .column-four-fifth.padding-right, .column-one-sixth.padding-right, .column-five-sixth.padding-right,
	.column-half.padding-left, .column-one-third.padding-left, .column-two-third.padding-left, .column-one-fourth.padding-left, .column-three-fourth.padding-left, .column-one-fifth.padding-left, .column-two-fifth.padding-left, .column-three-fifth.padding-left, .column-four-fifth.padding-left, .column-one-sixth.padding-left, .column-five-sixth.padding-left {
		padding:0;
	}
	
	.column-half, .column-one-third, .column-two-third, .column-one-fourth, .column-three-fourth, .column-one-fifth, .column-two-fifth, .column-three-fifth, .column-four-fifth, .column-one-sixth, .column-five-sixth {
		margin-bottom:10px;
	}
	
	
	.header {
		height:150px;
		padding:0;
		background: none !important;
	}

		.header .logo,
		.header .mobile-menu{
			margin: 40px 0 0 0;
		}

		.header .clear-reviews{
			clear: none;
		}

		.header .social-media{
			margin: 0;
			padding:10px;
		}

		.header .beoordelingen{
			float: left;
			padding: 0;
			margin: 10px;
		}

			.header .beoordelingen .text{
				display: none;
			}
	
	.header-brand-images{
		display: none;
	}
	
	.header ul.menu {
		display:none
	}

	.flexslider .controls .flex-direction-nav{
		display: none;
	}
	
	.logo {
		padding:10px;
		width:auto;
	}
	
		.logo img {
			width:auto;
			height:40px;
			margin-top: 25px;
		}

	.search-holder {
		display:none;
	}


	.mobile-menu {
		position:absolute;
		top:18px;
		right:12px;
		display:block;	
	}

	.mobile-menu:before {
		background: -webkit-gradient(linear, left top, left bottom, from(#6f6f6f), color-stop(#6f6f6f, 0.2), color-stop(transparent, 0.2), color-stop(transparent, 0.4), color-stop(#6f6f6f, 0.4), color-stop(#6f6f6f, 0.6), color-stop(transparent, 0.6), color-stop(transparent, 0.8), color-stop(#6f6f6f, 0.8), color-stop(#6f6f6f, 1));
		background: -webkit-linear-gradient(top, #6f6f6f, #6f6f6f 20%, transparent 20%, transparent 40%, #6f6f6f 40%, #6f6f6f 60%, transparent 60%, transparent 80%, #6f6f6f 80%, #6f6f6f 100%);
		background: -moz-linear-gradient(top, #6f6f6f, #6f6f6f 20%, transparent 20%, transparent 40%, #6f6f6f 40%, #6f6f6f 60%, transparent 60%, transparent 80%, #6f6f6f 80%, #6f6f6f 100%);
		background: -o-linear-gradient(top, #6f6f6f, #6f6f6f 20%, transparent 20%, transparent 40%, #6f6f6f 40%, #6f6f6f 60%, transparent 60%, transparent 80%, #6f6f6f 80%, #6f6f6f 100%);
		background: linear-gradient(top, #6f6f6f, #6f6f6f 20%, transparent 20%, transparent 40%, #6f6f6f 40%, #6f6f6f 60%, transparent 60%, transparent 80%, #6f6f6f 80%, #6f6f6f 100%);
		content:'';
		display:inline-block;
		width:20px;
		height:15px;
	}

	.flexslider.home-slides{
		margin-bottom: 0;
	}
	
	.flexslider.basic-slides.home-slides ul.slides {
		height:262px;
	}
	
	.flexslider.basic-slides .slide-content {
		padding:0;
	}

	.flexslider.basic-slides.home-slides .flex-direction-nav {
		top:95px;
	}
	
	.flexslider.basic-slides.home-slides .flex-prev {
		left:10px;
	}
	
	.flexslider.basic-slides .flex-direction-nav a {
		width:30px;
		height:32px;
	}
	
	.flexslider.basic-slides .flex-direction-nav a .direction-inner {
		width:30px;
		height:30px;
		line-height:36px;
	}
	
	.flexslider.basic-slides.home-slides .flex-next {
		right:10px;
	}
	
	 .webform-field button[type="submit"] {
        margin: 10px 0 0;
    }

    .webform-field input:not([type]),
    .webform-field input[type="text"],
    .webform-field input[type="password"],
    .webform-field input[type="email"],
    .webform-field input[type="url"],
    .webform-field input[type="date"],
    .webform-field input[type="month"],
    .webform-field input[type="time"],
    .webform-field input[type="datetime"],
    .webform-field input[type="datetime-local"],
    .webform-field input[type="week"],
    .webform-field input[type="number"],
    .webform-field input[type="search"],
    .webform-field input[type="tel"],
    .webform-field input[type="color"],
    .webform-field label {
        margin-bottom: 20px;
        display: block;
    }








	.column-inner-text .content-image{
		display: none;
	}




	#footer-bottom {
		padding: 20px 20px;
		text-align: center;
	}
		#footer-bottom ul li {
			display: block;
			margin-bottom: 10px;
			padding-right: 0 !important;
		}

		.to-top {
			float: none;
		}

		#footer-bottom .footer-logo {
			margin: 0;
			margin-bottom: 15px;
		}

	.made-by,
	.footer-copyright {
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}






	.col-holder {
		margin: 0;
	}
		.col-holder .col-50 {
			width: 100%;
			margin: 0;
			float: none;
		}

	.home-seo .col-holder::before {
		display: none;
	}




}