@charset "UTF-8";
@media only screen and (max-width: 1024px){
	h1{margin:25px 0;}

	#header #menu{margin:0 25px;}
	#slider .navigation .next, #slider .navigation .prev{margin:0 25px;}
	#header #logo .big img{max-width:calc(100% - 100px);}
	#header .menu ul{display:block;padding:10px 0;}
	#header .menu ul li, #header .menu ul li a{display:block;line-height:45px;}
	#content{padding:0 15px;box-sizing:border-box;line-height:25px;color:#666;font-size:14px;}
	#brands .brand{width:50%;}
	#footer .widget{width:100%!important;padding:0 30px 30px!important;}
	#footer{padding-bottom:0;}
	#blogarchive{margin:25px 25px 0;padding:0;}
	.next.slicks{right:-22px!important;}
	.prev.slicks{left:-22px!important;}

	#content #blog > .text{padding:0;}
	#content .blogimage{margin:25px 0;}
	#blog #navigation{padding: 40px 15px 0;}
	#brands.blog{display:none;}

	#contact .contact, #contact .form {padding: 0 15px;box-sizing: border-box;}
}

@media only screen and (max-width: 767px){
	#blogslider .image, #blogslider .content{width:100%;}
	#blogslider .image.satisfy{font-size:50px;line-height:250px;}
	#blogslider .image.satisfy.small{line-height:65px;padding-top:60px;}
	#blogslider .image{height:250px;padding:0 15px;}
	#blogslider .content{padding:25px 25px 0;}
	#blogmenu{display:none;}
	#bloglist{width:calc(100% + 50px);overflow:hidden;margin:25px -25px;}
	#bloglist .post .media a{font-size:50px;height:250px;line-height:175px;}
	#bloglist .post .media.small a{padding-top:22px;line-height:65px;}
	#bloglist .post .grid{margin:-75px 10px 55px 10px}
	#bloglist .post .grid .inner .content{margin:15px 0;}

	#contact .shop{height:auto;overflow:hidden}
	#contact #map{width:100%;}
	#contact .address{width:100%;box-sizing:border-box;margin:0;padding:35px;text-align:center;}
	#contact .address .doorstatus{margin:0 auto;float:none;}

	#searchbooking{padding:15px 0;}
	#searchbooking .selectbox.year{width:calc(34% - 0.75%);margin-right:1.5%;}
	#searchbooking .selectbox.month{width:calc(66% - 0.75%);margin-right:0;}
	#searchbooking .selectbox.period{width:calc(100%);}
	#searchbooking .search{width:100%;}

	#searchbooking #houses .house{width:50%;}

	#bookingoverview .information .left, #bookingoverview .information .right {
    width: 100%;
    border-bottom: 2px solid #f2f2f2;
    padding-bottom: 15px;
    margin-bottom: 15px;
	}

	#bookingoverview .information .left, #bookingoverview .information .right{width:100%!important;border-bottom:2px solid #f2f2f2;padding-bottom:15px;margin-bottom:15px;}
	#bookingoverview .accounting .column{padding-left:0!important;}
	#bookingoverview .accounting .column.desc{width:70%!important;font-weight:bold;}
	#bookingoverview .accounting .column.price{width:70%!important;}
	#bookingoverview .accounting .column.total{width:30%!important;margin-top:5px;}
	#bookingoverview .accounting .column.qty{width:30%!important;margin-top:5px;}
	#bookingoverview .accounting .row,#bookingoverview .accounting .header{border-bottom:2px solid #f2f2f2;margin-bottom:5px;}
	#bookingoverview .accounting .header{overflow:hidden;}

	#bookingoverview .accounting .bottom .column.desc{padding-left:15px!important;}
	#bookingoverview .accounting .bottom .column.total{margin:0!important;}
	#bookingoverview .accounting .bottom .column.qty{display: none;}
	#bookingoverview .accounting .bottom .column.price{display: none;}
	.greenbar{padding:5px 10px;font-size:16px;}
	.selectbox.houses, .selectbox.persons{max-width:100%;}
	#header #logowebshop{margin-left:25px;}
	#header #icons .icon.mobile{display:block;margin-top:21px}
	#header #icons .icon.wishlist{display:none;}
	#header #menuwebshop ul{
		position:fixed;
		height:auto;
		padding:50px 0;
		width:100%;
		background:#FFF;
		z-index:10;
		margin:0
	}

	#header #menuwebshop ul li{
			display: block;
			text-align: center;
			font-size:18px;
	}

	#header #menuwebshop ul li a{
		display:block;
		line-height:55px;
	}

	#header #icons .icon.mobile:before, #header #icons .icon.mobile:after, #header #icons .icon.mobile span {
		-webkit-transition: none 0.2s ease 0.2s;
		transition: none 0.2s ease 0.2s;
		-webkit-transition-property: transform, top, bottom, left, opacity,rotate;
		transition-property: transform, top, bottom, left, opacity,rotate;
		background:#a5a9aa;
		content: '';
		display: block;
		width:34px;
		height:5px;
		position:absolute;
		left:12px;
		cursor:pointer;
		z-index:1001;
		border-radius: 2px;
	}

	#header #icons .icon.mobile:before{top:18px;}
	#header #icons .icon.mobile span{top:29px;}
	#header #icons .icon.mobile:after{top:40px;}

	#header ul{display:none;}
	.js-nav #header ul{
		display:block;
		-webkit-transition: none 0.2s ease 0.2s;
		transition: none 0.2s ease 0.2s;
		-webkit-transition-property: transform,background,display;
		transition-property: transform, background,display;
	}

	.js-nav #header #icons .icon.mobile span{
		right:-100px;
		opacity:0;
	}

	.js-nav #header #icons .icon.mobile:after{
		transform: rotate(45deg);
		top:25px;
	}

	.js-nav #header #icons .icon.mobile:before{
		transform: rotate(-45deg);
		top:25px;
	}

	#webshopbrands .brand{width:calc(50% - 10px);margin:5px!important;height:125px;line-height:125px;}
	#webshopbrands .brand img{max-width:150px;max-height:75px;}
	#products .product.first{clear: none;}
	#products .product{width:50%;padding:0 1.2% 0!important;}
	#products .product:nth-child(even){clear:both;}
	#breadcrumbs{left:15px;}
	h1{margin: 0;padding:5px 15px 5px;font-size: 30px;}
	#quickview .images{width:100%;float:none;}
	#quickview .content{width:100%;margin:0;padding:0 15px;box-sizing: border-box;}
	#quickview h1{font-size:30px;}
	#quickviex .selectbox{width:125px;}
	#quickview .price{font-size:30px;}
	#quickview .addtocart{width:auto;}

	#faq{padding:0 15px;}

	#contact .contact, #contact .form{width:100%;margin-bottom:15px;}

	#user .invoices,#user .information{width:100%;padding:15px;overflow:hidden;max-height:100%;}
	#user .invoices ul{max-height:275px;overflow:scroll;}
}

@media only screen and (min-width: 767px) and (max-width: 1024px){
	#blogslider .image.satisfy{font-size:50px;line-height:440px;}
	#blogslider .image.satisfy.small{line-height:65px;padding-top:155px;}
	#blogslider .image{padding:0 15px;}
	#blogslider .content{padding:25px 25px 0;}
	#blogslider .content p{line-height:20px;}
	#blogmenu{display:none;}
	#bloglist{width:calc(100% + 50px);overflow:hidden;margin:25px -25px;}
	#bloglist .post .media a{font-size:50px;height:250px;line-height:175px;}
	#bloglist .post .media.small a{padding-top:22px;line-height:65px;}
	#bloglist .post .grid{margin:-75px 50px 55px 50px}
	#bloglist .post .grid .inner .content{margin:15px 25px;}


	#footer .widget {
		width: 50%!important;
		padding: 0 30px 30px!important;
	}

	#footer .widget.fifth{
		clear:both;
	}

	#webshopbrands .brand{width:calc(33.33% - 10px);margin:0 5px 10px!important;}
	#quickview .images{width:50%}
	#quickview .content{width:calc(50% - 35px);}
	#productpage .colors .items > div{padding:0 15px}
	#personaldata .input{width:calc(50% - 15px);}}
	#personaldata label{display:block}
}