.header-top {background:#fff;}
.header-links {background:#dadada;}
.betaalprocess .header-links { background:none !important }
@media(min-width:768px){.header-links {height:32px;overflow:hidden;}}
.header-links > .container { display: flex; align-items: center; }
#main-menu {background:#648c98;}
#main-menu ul.navbar-nav {float:left;}
.header-links .navbar-nav > li {margin:0 0 0 10px;border-left:1px solid #636767; padding-left:10px;}
.header-links .navbar-nav > li:first-child {border:0;margin:0;padding:0;}
.header-links .navbar-nav > li > a {color:#636767; font-size:14px; font-weight:100; line-height:12px;}
header .nav a {color:#fff; font-size:17px; line-height:20px;}
.header-links .navbar-nav {padding:10px 0;}
.header-links .fa-lock { font-size: 12px; }

#main-menu > .container, #main-menu > .container > .collapse { padding: 0px; }
#main-menu ul.navbar-nav {margin:0;width:100%;display:flex;display:-ms-flexbox;}
#main-menu ul.navbar-nav > li { flex-grow: 1; -ms-flex-grow: 1; }
#main-menu ul.navbar-nav > li > a { text-align: center; }
#main-menu .navbar-nav > li > a {padding:13px 7px;}
#main-menu .navbar-nav > li > a.active {background:#fff;color:#648C98;box-shadow:0 -4px 7px -7px rgba(0,0,0,.5);}
#main-menu .navbar-nav > li > a[title=OUTLET] {text-transform:uppercase; color:#FFF200;}
#main-menu .navbar-nav > li > a[title=OUTLET].active {color:#fb9006;}
.navbar {min-height:10px;border:0;margin:0;}
#main-menu .navbar-nav > li > a:hover {background:#000;color:#fff;transition:all .9s ease;}
#logo {margin:0;}
#logo div { width: 100% }
#logo a {float:left; width:100%;}
#search {margin:8px 0 0;}
#search input[type="text"] {background:#eafbfc; border-color:#dee5e6; width:330px; color:#666; padding-left:5px; height: 36px;}
#search button {background:#648C98;padding-top:3px;padding-bottom:3px;margin:0;height:36px;padding-left: 12px; padding-right: 12px;}
.header {padding:30px 0;background:#fff;}
#main-menu .navbar-nav > li > a, .header ,header .directcontact span {transition:all .3s ease;}
.header-top.fixedHeader {position:fixed;top:0;width:100%;box-shadow: 0 0px 6px -2px rgba(0,0,0,.5); z-index:4;}
.header-top.fixedHeader .header {padding:10px 0;}
.header-top.fixedHeader #main-menu .navbar-nav > li > a {padding:8px 15px; font-size:16px;}
.header-top.fixedHeader .directcontact span {font-size:18px; line-height:19px;}
#cart > .btn {color:#636767;font-weight:100;font-size:14px;padding:0 0 4px 0;height:21px;}
.cartIcon {margin:0 0 -4px; background-position:0px -32px !important; width:19px; height:19px; display:inline-block;}
header .directcontact {float:right; width:180px; border-right:1px solid #eee; border-left:1px solid #eee; padding:0 15px; margin:0 25px;}
header .directcontact span {font-weight:bold; color:#fb9006;font-size:21px;line-height:24px;width:100%; float:left; text-align:center;}
header .directcontact span a {font:inherit;color:inherit;}
header .directcontact i a {font:inherit;color:inherit;}
header .directcontact i {font-weight:bold;color:#636767; font-size:14px;width:100%;font-style:normal;font-weight:100; float:left; text-align:center;}
#cart > .btn i.fa-caret-down {color:#636767;}
.homeSlider {margin:0 0 10px;}
.homeSlider .container {position:relative;}
.homeSlider .inner {position:absolute; bottom:10px;}
.homeSlider .payoff {float:left;font-size:44px;line-height:50px;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.9);font-weight:bold;}
.homeSlider .sliderlogo {float:left;background-position:0 -342px;width:339px; height:49px; clear:left; margin:0 0 0 -10px;}
.slick-dots {text-align:right;bottom:20px;}
.thuiswinkel-header {display:flex;margin:0px 0px 0 auto;}
.thuiswinkel-header a {width:26px; height:23px; margin:0 2px; float:left; text-indent:100%; white-space:nowrap; overflow:hidden; transform: scale(.8); }
.thuiswinkel-header .waarborg {background-position:-298px -27px;}
.thuiswinkel-header .zakelijk {background-position:-298px -52px;}
.thuiswinkel-header .trustmark {background: url('../img/boshopnl/Ecommerce_Europe_Trustmark.png') no-repeat 0 center/26px auto;width: 26px; display:none;}
.usp {float:left;width:100%;margin:0;}
.usp ul {float:left;width:100%;list-style:none;margin:10px 0;padding:0;display:flex;}
.usp li {float:left; font-size:16px; line-height:28px; margin:0 0 0 15px;}
.usp li:first-child {margin:0;}
.usp em {color:#fca544; font-style:normal;}
.usp li:before {content: '';width: 16px;height: 17px;background: url('../img/boshopnl/sprite.png') no-repeat -69px -34px;display: inline-block;margin: 0 5px -4px 0;}
.usp.usp-de li { margin: 0 0 0 10px; font-size: 15px; }
.breadcrumb {margin:10px 0 20px;}
.breadcrumb a, .breadcrumb p {font-size:14px;}
#header-area {z-index:4;}
.sideMenuToggle {display:none;}
#cart > .dropdown-menu {width:400px;}
.ui-autocomplete .ui-menu-item > span a {text-align:center;width: 100%;display: inline-block;}
.ui-autocomplete .ui-menu-item > span img {max-height:50px; max-width:100%; width:auto !important;margin:0 !important;display:inline-block;float:none !important;}
.ui-autocomplete .ui-menu-item > span + a {font-size:12px;}
.pagination {line-height:31px;}
.pagination a:hover {color:#000;}

header .nav .dropdown-menu { border-radius: 0px; transition: opacity .15s ease-in-out; padding: 5px; }
header .nav .dropdown-menu a { color: #262626; padding: 5px 20px; font-size: 12px; display: inline-block; width: 100%; }
header .nav li:hover > .dropdown-menu {  display: block; }
header .nav li .dropdown-menu.two-column { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } 
header .nav li .dropdown-menu.three-column { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } 
header .nav li .dropdown-menu.five-column { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; /*left: auto; right: 0;*/ column-gap: 0px;} 

header .nav { position: relative; }
header .nav li { position: static; }
header .nav li .dropdown-menu { width: 100%; padding: 15px 5px; }
header .nav li .dropdown-menu > li:first-child { position: relative; font-size: 2rem; font-weight: 700; column-span: all; padding: 5px 20px; line-height: 1.3; margin-bottom: 10px; color: #648c98; }
header .nav li .dropdown-menu > li:first-child:after { content: ''; display: block; width: calc(100% - 40px); height: 1px; background: #bbb8b8; position: absolute; top: 100%; left: 20px; }

@media (min-width: 768px) {
    header .nav li .dropdown-menu { width: 750px; }
}

@media (min-width:992px){
    header .nav .dropdown-menu a { font-size: 16px; }
    header .nav li .dropdown-menu { width: 970px; }
}

@media(min-width:1200px){
	.trustmark{display:block!important;}
    header .nav li .dropdown-menu { width: 1170px; }
}

@media(min-width:992px) and (max-width:1200px){
	#search input[type="text"] {width:250px;}
	#logo img {max-height:33px;}
	.usp li {font-size:13px;}
	.thuiswinkel-header {margin-right:15px;}
}
@media(min-width:767px) and (max-width:992px){
	#search input[type="text"] {width:180px;}
	#logo {width:40%;}
	#logo img {max-height:33px;}
	header .directcontact span {font-size:18px;}
	.usp ul {padding:0; text-align:center;}
	.usp li {display:inline-block;float:none;font-size:11px;margin: 0 0 0 3px;}
	.usp li::before {margin-right:0;}
	.header-links .navbar-nav > li {padding-left:5px;margin-left:5px;}
	#main-menu ul.navbar-nav > li > a {padding: 12px 2px 16px !important;}
	.thuiswinkel-header {margin-right:0;}
}
@media(max-width:767px){
	div.breadcrumb { margin: 5px 0 !important; }
	#logo {width:100%;text-align: center;}
	#logo a {display: inline-block;float: none;}
	.header {padding:11px 0 3px;}
	#logo img {max-width:none; max-height:27px;}
	#main-menu .container > .navbar-collapse {margin-top:44px !important;background:#648C98;}
	.header-top {padding:0;}
	#main-menu {background:transparent;}
	#main-menu .navbar-toggle {background:#648C98;left:auto;right:0;}
	#main-menu .navbar-toggle i {color:#fff;}
	header .directcontact {border:none;width:100%;margin:10px 0;padding:0;}
	#search {margin:12px 0 0;width:100%;text-align:center;}
	.searchTop {display: inline-block;}
	#main-menu.navbar {position:absolute;}
	.homeSlider .payoff {font-size:23px; line-height:27px;}
	main {margin-top:10px !important;}
	.homeSlider .sliderlogo {display:none;}
	.homeSlider .inner {width:92%;}
	.homeSlider .payoff {text-align:center;width:100%;}
	#main-menu .navbar-toggle i {line-height:28px;}
	/*.usp {display:none;}*/
	header .directcontact {display:none;}
	.sideMenuToggle {display:block;position:absolute;left:5px;top:3px;padding:10px;}
	.sideMenuToggle, .sideMenuToggle:hover, .sideMenuToggle:focus {color:#000; text-decoration:none;}
	#cart {right:12px;top:15px;position:absolute;}
	#cart > .dropdown-menu {width: auto;left: 10px;right: 10px;position: fixed;top: 40px;}
	#cart .dropdown-toggle i {display:block;}
	#cart .dropdown-toggle .fa-caret-down {display:none;}
	.thuiswinkel-header {display:none;}
}
@media(max-width:380px){
	#logo img {max-height:24px;}
}