/* Large devices (desktops, 1199px and down) */
@media (min-width: 1199px) and (max-width: 1350px) {
	.header.home .headerbg {margin: 0px;}
	.header.content .headerbg {margin: 0px;margin-bottom: -300px;margin-left: -15px;width: calc(100% + 30px);}
	.header.home:after {margin-left: 15px;}
	.header.home:after {margin-left: 15px;}
	.mosaic.c1.large {margin: 100px 0px;}
	.mosaic.c1.large:after {display: none;}
	.header.content.contact {margin: 0px}

	.mosaic.c1.as_background { margin: 100px 5px;}
	.mosaic.c6 .margin {margin: 0px;}
	.mosaic.c6 h2, .mosaic.c6 .block.block-r h2.sec { font-size: 25px;}
	.mosaic.c1.as_background:before {display: none;}
}
@media (max-width: 1199px) {

	/* -- mosaic -- */
	.mosaic.c6 .block .img {z-index: 1;position: relative;}
	.mosaic.c6 h2, .mosaic.c6 .block.block-r h2.sec { font-size: 22px;}
		.login-page .register {margin-bottom: 30px;}
	.collection-content h4.visible-xs {margin: 0px;margin-bottom: 25px;font-size: 23px;}


}

/* Large devices (desktops, 992px and down) */
@media (min-width: 992px) and (max-width: 1142px) {
	.header.home .headerbg {margin: 0px;}
	.header.home:after {margin-left: 15px;}
	.header.content .headerbg {margin: 0px;margin-bottom: -300px;margin-left: -15px;width: calc(100% + 30px);}
	.header.content.contact {margin: 0px}
	.mosaic.c6 .margin {margin: 0px;}
	.mosaic.c1.as_background { margin: 100px 5px;}
	.mosaic.c1.as_background:before {display: none;}
	.mosaic.c1.large {margin: 100px 0px;}
	.mosaic.c1.large:after {display: none;}
}
@media (max-width: 992px) {
	/* -- header -- */
	.header.home .align h1 {font-size: 43px;line-height: 50px;}
	.header.home .input-group.typeahead__container {display: none;}


	/* -- mosaic -- */
	.mosaic.c4 .owl-theme.owl-xs-small, .mosaic.c4 .uspblock, .mosaic.c4 .uspblock .align {height: 234px;overflow: hidden;}
	.mosaic.c4 .uspblock {background-size: 120% auto!important;}
	.mosaic.c9 .faq .repeat .panell button {font-size: 13px;text-align: left;}

	#cart .col-title span.content {width: 196px;}

	.product-tabs .tab-content h2 {margin-bottom: 	15px;}

	div#results .resultitem img {height: auto;}
	div#results .align span {max-height: 60px;overflow: hidden;display: block;padding-right: 30px;}

	#cartmodal #cart {width: calc(100% - 30px);}

}

/* Large devices (desktops, 767px and down) */

@media (min-width: 767px) {
	.modal .modal-dialog {
	    vertical-align: middle;
	    display: table-cell;
	    height: 100vh;
	    width: 100vw!important;
	}
	.modal .modal-content {
	    width: 600px;
	    margin-left: calc(50% - 300px);
	}
	#cartmodal.modal .modal-content {
	    width: 700px;
	    margin-left: calc(50% - 350px);
	}
}

@media (min-width: 767px) and (max-width: 882px) {
	.header.home .headerbg {margin: 0px;}
	.header.home:after {margin-left: 15px;}
	.header.content .headerbg {margin: 0px;margin-bottom: -300px;margin-left: -15px;width: calc(100% + 30px);}
	.header.content.contact {margin: 0px}	
	.mosaic.c6 .margin {margin: 0px;}
	.mosaic.c1.as_background { margin: 100px 5px;}
	.mosaic.c1.as_background:before {display: none;}
	.mosaic.c1.large {margin: 100px 0px;}
	.mosaic.c1.large:after {display: none;}
}

@media  (min-width: 767px) and (max-width: 782px) {}
@media (max-width: 767px) {
	/* -- navigation -- */
	#navigation .navbar-toggle { margin-top: 16px; margin-left: 0px;}
	#navigation .navbar-brand {margin: 6px auto;display: block;width: calc(100% - 150px);text-align: center;float: unset;padding: 0px;}
	#navigation .navbar-custom .navbar-brand img {max-height: 105px;margin-top: -7px;z-index: 1020;position: relative;}
	#navigation ul.portal.list-unstyled {margin-top: -86px;}
	.navbar-default .navbar-toggle .icon-bar {background-color: var(--white);}
	#navigation  .navbar-collapse .navbar-nav {display: unset;}
	#navigation  .navbar-collapse {text-align: left;border: none;z-index: 1000;position: absolute;background-color: #ffffff;padding-left: 5px;padding-bottom: 0px;margin-left: -15px;width: 100%;top: 73px;}
	#navigation  .navbar-collapse .navbar-nav {display: block;margin: 0px;padding: 5px 0px;width: 100%;    padding-top: 25px;}	
	#navigation  .navbar-collapse .navbar-nav>li {margin: 0px;text-align: left;}
	#navigation  .navbar-collapse .navbar-nav>li>a {border: none!important;padding: 15px;font-size: 14px;    margin: 0px;}

	/* -- header -- */
	.header.home .headerbg {margin: 0px;margin-left: -15px;width: calc(100% + 30px);height: 300px;margin-bottom: -300px!important;}
	.header.home .align {height: 299px;padding-bottom: 82px;}	
	.header.home .align h1 {font-size: 25px;line-height: 34px;}
	

	.header.home .quick-select .tab-content { max-width: 450px; width: 100%;}
	.header.home .quick-select .tab-content .left {display: inline-block;width: calc(100% );}
	.header.home .quick-select .tab-content h4 {font-size: 11px;}
	.header.home .quick-select .tab-content p {font-size: 14px;}
	.header.home .quick-select .tab-content .right {width: 100%;}
	.header.home .quick-select .tab-content .right {display: block;float: unset;width: 100%;margin-top: 18px;text-align: left;}
	.header.home .quick-select button.btn.btn-primary.dropdown-toggle {width: 215px;}
	.header.home:after {width: 80%;max-width: 464px;margin: 0px;margin-top: -120px;position: absolute;z-index: -1;height: 57px;}
	
	.header.content .headerbg {margin: 0px;margin-bottom: -300px;margin-left: -15px;width: calc(100% + 30px);}
	.header.content.category .align h1 {margin-top: 0px;padding-top: 0px;}
	.header.content.category .align {text-align: left;vertical-align: bottom;padding: 0px 30px;display: table-cell;}
	.header.content.category .align h1 {font-size: 25px;line-height: 34px;}
	.header.content.contact h1  {font-size: 25px;line-height: 34px;}
	.contact.webshopcontent h1 {font-size: 25px;line-height: 34px;}

	.header.content.contact {margin: 0px}

	#cart .row .th, #cart .row .td {padding: 15px!important;}
	#cart .tr.row-total {border: none!important;margin-top: 0px!important}
	div#global-nav {box-shadow: -3px 7px 7px 3px rgb(0 0 0 / 4%);}
	#cart .col-title span.content {width: calc(100% - 90px)!important;padding: 0px!important;height: 55px!important;display: table-cell!important;	}
	#cart .row .td {border: none}

	.modal .modal-dialog {
	    vertical-align: middle;
	    display: table-cell;
	    height: 100vh;
	    width: 100vw!important;
	}
	.modal .modal-content {
    	margin: 30px;
	}

	/* -- mosaic -- */
	.mosaic.c6 .margin {margin: 0px;}
	.mosaic.c6 .block { height: auto;}
	.mosaic.c6 .block.block-l {height: auto;margin-bottom: 30px;}
	.mosaic.c6 .block .img {min-height: 150px;height: 31vw;}
	.mosaic.c6 .block.block-l:before {height: 100%;}
	.mosaic.c6 .block.block-r:after {height: 100%;}
	.mosaic.c6 .block.block-l .align {display: block;height: unset;padding: 30px;margin-left: 43px;}
	.mosaic.c6 .block.block-r .img {min-height: 150px;margin-top: 0px;margin-bottom: -50px;height: 31vw;}
	.mosaic.c6 .block.block-r .align  {display: block;height: unset;padding: 30px;margin-right: 43px;}
	.mosaic.c1.as_background { margin: 100px 5px;}
	.mosaic.c1.as_background:before {display: none;}
	.mosaic.c1.large {margin: 100px 0px;}
	section.dashboard-section .faq-tab ul#top-tab {border: 1px solid #f2f2f2;}
	section.dashboard-section .faq-tab {border-bottom: 1px solid #f2f2f2;}
	.mosaic.c1.large:after {display: none;}
	section.dashboard-section .faq-tab .nav-tabs>li>a {background-color: #fff;}
	.mosaic.c9 .contactp .contacpersoon {margin-top: 30px;max-width: 500px;}
	.contactp .contactbox {max-width: 500px;}
	section.dashboard-section .faq-tab a.nav-link.active {background-color: #fbfbfb;border-top: 0px;border-bottom: 3px solid #E30011;}

	.breadcrumb-section {display: none;}
	#cart .row .row  {border-bottom: 1px solid #F2F2F2;}
	#cart .td.col-quantity, #cart .td.col-subtotal {border: none;height: auto;}
	#cart .col-title span.content {width: calc(100vw - 220px);padding: 0px;height: 55px;}
	#cart .td.col-subtotal {padding: 0px 0px;margin-bottom: 7px;padding-left: 0px;}
	#cart .td.col-quantity, #cart .td.col-subtotal {padding: 6px 0px;}
	#cart input.product-quantity {width: 46px;}
	#cart .FormUnit.FormUnit--spin.js_spin {width: 102px;}
	#cart button.FormUnit-quantity.Icon {width: 29px;}
	#cart .row .td:first-child, #cart .row .th:first-child {padding-left: 0px;}
	
	div#cartmodal {padding-right: 0px!important;}
	#cartmodal #cart {width: calc(100% - 20px);}
	#cartmodal .row .th, #cartmodal .row .td {padding: 3px!important;padding-top: 20px!important;}
	#cartmodal .col-title span.content {display: inline-block!important;width: 100%!important;height: unset!important;margin-left: 15px;}
	#cartmodal .row  .th {padding: 15px!important;}

	body.checkout .header.content.contact h1 {
    	padding-top: 102px;
	}
	section.dashboard-section .faq-tab li.nav-item {
    	width: 100%;
    	text-align: center;
	}

	/* -- footer -- */
	footer.footer .footer-bottom .logos {display: none;}
	.login-page .register {padding: 0px;}
	body.checkout .sub-total .price,
	body.checkout .sub-total .price, .orderbox-items p.price {
    text-align: right;
}
body.checkout .sub-total .price, .orderbox-items p.price {
    text-align: right!important;
}
	div#results .align {
		padding: 30px;
		height: auto;
		display: block;
		margin-top: 20px;
	}
	.daterangepicker {
    	width: 350px!important;
	}
	.col-xs-12.col-sm-7.algemenvw {
    	margin-bottom: 20px;
	}
	.daterangepicker .drp-calendar {
    	max-width: 350px!important;
    	width: 350px!important;
	}


	footer.footer {text-align: center;}
	footer.footer .footer-inner h3 {margin-top: 30px;}
}

@media (max-height: 500px) {
	
}

@media (max-width: 400px) {
	
}