/* 
Theme: InStijl Media Ultimate Theme
Description: Een online reclamebureau met pit.
Developer: InStijl Media

License: InStijl Media
License URI: http://www.instijlmedia.nl
Platform: Lightspeed
*/

/* Plantengids */
#guide .c-banners {width:100%;}
#guide .c-banners .c-banner {width:33.333%;}
#guide .c-banners .c-banner-1 {width:66.66%;}
#guide .c-banners .c-banner img {width:100%;}

/* Filters */
.filter-button {display:none;}
#collection-filters {position: fixed;opacity: 0;overflow:auto;z-index: 99999;top: 0px;left: -302px;width: 301px;height: 100%;background: none repeat scroll 0% 0% #fff;border-right: 1px solid #ddd;-webkit-transition: all 0.1s ease-in 0s;-moz-transition: all 0.1s ease-in 0s;-o-transition: all 0.1s ease-in 0s;transition: all 0.1s ease-in 0s;margin: 0px;padding: 5px 20px;padding-bottom: 10px;}
#collection-filters.show {left: 0;opacity: 1;-webkit-transition: all 0.1s ease-in 0s;-moz-transition: all 0.1s ease-in 0s;-o-transition: all 0.1s ease-in 0s;transition: all 0.1s ease-in 0s;}
#collection-filters .menu-text strong {font-size: 18px;text-transform: uppercase;}
#collection-filters .filter-container {padding-top: 10px;}
#collection-filters .filter-container .title-box {padding-bottom:5px;}
#collection-filters .filter-container .title-box strong {font-size:16px;}
#collection-filters .filter-container .sort-input.sorts {margin-bottom:15px;}
#collection-filters .filter-container label {font-weight:normal;}
#collection-filters .filter-container .filter-button {padding: 15px 10px 0px 10px;width: 100%;}
#collection-filters .filter-container .filter-button .btn {width:100%;}

/* footer */
.collapse {display:block;}
.collapse.in {display: block;}
#footer .links .footercol .pe-7s-angle-down {display:none;}

/* Mobile Menu */
.wrapper.open .overlay-bg {position: fixed;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;height: 100%;width: 100%;background: #0f0f11;opacity: .8;transition-timing-function: cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility: hidden;backface-visibility: hidden;z-index: 9999;}
body.open {overflow:hidden;}
.wrapper #resMenu {position: fixed;opacity:0;z-index: 99999;top: 0px;left: -302px;width: 300px;height: 100%;background: none repeat scroll 0% 0% #fff;border-right:1px solid #ddd;-webkit-transition: all 0.1s ease-in 0s;-moz-transition: all 0.1s ease-in 0s;-o-transition: all 0.1s ease-in 0s;transition: all 0.1s ease-in 0s;margin: 0px;padding-bottom:10px;}
#resNavOpener {display:none;width: 27px;}
#resNavOpener .buttonContainer {cursor:pointer;}
#resNavOpener .miniBar {background: #fff;height: 2px;width: 100%;}
#resNavOpener .miniBar.middle {margin: 6px 0px;}

/* categories */
.mobile-categories {float:left;width:100%;}
.mobile-categories .title-box {float: left;padding: 30px 0px;text-align: center;width: 100%;}
.mobile-categories .categories {float: left;padding:0px 5px;padding-bottom: 30px;width: 100%;}
.mobile-categories .categories .category-link {float: left;padding: 5px 5px;width: 50%;}
.mobile-categories .categories .category-link a {border: 1px solid #2a403a;color:#2a403a;float: left;font-size: 13px;font-weight:bold;padding: 5px 5px;width:100%;}

/* Desktop */
@media (min-width: 1199px) and (max-width: 1405px) {
  .btw-toggle{ padding-top:6px; }
  .btw-toggle .switch {width: 30px;height:20px;}
  .btw-toggle .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
  .btw-toggle .slider:before {height: 16px;width:16px;left:2px;bottom:2px;}
  .btw-toggle input:checked + .slider:before {-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}
  .btw-toggle .slider.round {border-radius: 14px;}
  .btw-toggle .label-before, .btw-toggle .label-after{ margin-top:7px;vertical-align: middle; }
}

@media (max-width: 1330px) {
  #navigation .navbar .item a{ padding:5px 7.5px;font-size: 13px; }
}

@media(max-width: 1405px){
  /* Plantengids */
  #guide .c-banners {width:100%;}
  #guide .c-banners .c-banner {width:33.333%;}
  #guide .c-banners .c-banner-1 {width:66.66%;}
  #guide .c-banners .c-banner img {width:100%;}
}

@media (max-width: 1200px) {
/*@media (max-width: 1405px) { */
/* .wrapper {margin-top:125px;width:100%;} */
.wrapper.open #resMenu {left:0;opacity:1;-webkit-transition: all 0.1s ease-in 0s;-moz-transition: all 0.1s ease-in 0s;-o-transition: all 0.1s ease-in 0s;transition: all 0.1s ease-in 0s;}
.btw-toggle {margin-top: 10px;}
  #banners .banner img {height:100%;width:100%;}
  
 /* Banners 
  #banners .banner1, #banners .banner4  {width:100%;max-width:670px;}
  #banners .banner2, #banners .banner3,
  #banners .banner5, #banners .banner6 {width:50%;max-width:341px;}
  #banners .banner img {height:auto;width:100%;}
  #banners .banner4 .banner-inner .banner-content.banner-button span {padding:0px;}
  */
#resNavOpener {display:table-cell;}
#navigation .navbar .nav {display:none;}
#navigation .container {padding-left: 5px;padding-right: 5px;}
#resNav > ul {margin-bottom: 30px;}
.categories-res #resNav > ul {margin-bottom:0px;}
#resMenu .logo {padding: 15px 25px;}
#resMenu .logo img {width:180px;}
#resMenu .menu-text {float: left;font-size: 18px;padding: 5px 15px;text-transform: uppercase;width: 100%;}
#resNavCloser {color: #000;position: absolute;top: 0px;right:0px;-webkit-transition: all 0.1s ease-in 0s;-moz-transition: all 0.1s ease-in 0s;-o-transition: all 0.1s ease-in 0s;transition: all 0.1s ease-in 0s;cursor:pointer;}
#resNavCloser span {font-size: 36px;}
#resNav {padding: 0px 15px 15px 0px;height: 100%;overflow-y: auto;box-sizing: border-box;}
#resNav ul li {color:#000;display: inline-block;position:relative;width: 100%;}
#resNav ul li a {border-top: 1px solid #ddd;color:#000;display: block;padding: 0px 20px;font-size: 14px;font-weight:600;line-height:2.5rem;width:100%;}
#resNav ul ul {margin-left:20px;display:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
#resNav ul ul li a {font-size:13px;font-weight:500;}
#resNav li span {display:block;cursor: pointer;text-align:center;font-size:32px;line-height: 38px !important;width: 29px;position: absolute;top: 0px;right: 0px;}

#banners .banner-container {margin-right: -15px;margin-left: -15px;}
#banners .banner-container .banner1 img,
#banners .banner-container .banner4 img {height:auto;width:100%;}
#banners .banner-container .banner7 img {width:auto;height:auto;max-width:100%;}
  /* Plantengids */
  #guide .c-banners {width:100%;}
  #guide .c-banners .c-banner {width:33.333%;}
  #guide .c-banners .c-banner-1 {width:66.66%;}
  #guide .c-banners .c-banner img {width:100%;}
}
@media (min-width: 1200px) {
  .home #products .productborder {max-width:20%;}
}
@media (max-width: 1200px) {
  .side-block.filters {display: inline-block;padding-bottom:15px;vertical-align: top;width:100%;}
  .side-block.filters.custom-filters {max-width:220px;width:100%;}
  .sidebar {display:none;}
  #collection .filter-bar {display:block;}
  #postinfo .text-block,
  #postinfo .post-img{max-width: 100%;flex: 0 0 100%;}
  #postinfo .text-block .block {width:50%;float:left; padding: 0 10px; margin-bottom: 20px;}
    .filter-button {display:block;}
}
/* Desktop */
@media (max-width: 992px) {
  #postinfo .post-img .post-content {bottom: 100px;}
  #heading .heading-inner .banner .carousel-caption {padding:30px 30px;margin-top:-72.5px;}
  #heading .heading-inner .banner .carousel-caption h4 {font-size: 1.5rem;}
  #heading .heading-inner .banner .carousel-caption .lead {font-size:14px;}
  #heading .heading-inner .banner .carousel-caption .btn.btn-primary {font-size:14px;margin-top:10px;padding:0px 20px;}
  	#usp .usp-row .kiyoh {width: auto;display: inline-block;}
  .Kiyoh-link {display: inline-block;text-align: center;width: 100%;}
  #banners .rbanner .banner7 .banner-inner .banner-content,
  #banners .rbanner .banner7 .banner-inner .banner-content p {width:100%;}
  #page-description {height:auto;}
	.more {display:none;} 
  
  .sort {padding-bottom: 0px;border-bottom: 0px;}
  .sidebar { padding:0px 15px;margin-bottom: 30px;  margin-top: 0px;}
  .sidebar .item {display: none;padding-top: 10px;padding-bottom: 25px;    }
  .sidebar .item.active {display: block;}
  .sidebar .item .itemLink {margin-top: 5px;}
  
  /* Product */
  .breadcrumbs {display:none;}
  #product .product-details,
  #product .product-price {margin-top:10px;width:50%;}
  #bundles .product-details, #bundles .product-price {width:100%;}
  #product .product-info .product-options-block {margin-top:15px;}
  #product .product-info .custom-kaartje .options {padding-top:10px;width:100%;}
  #product .product-info .product-cart .product-quantity select {height:auto;}
  #product .product-info .cart .product-button .btn.btn-default {padding:0px 8px;}
  .usp-product {display:none;}
  #product .product-info .cart .product-cart.right {float:left !important;}
  #bundles .bundle-total .product-cart {position:relative;}
  #postinfo .post-img .post-content h3 {font-size:24px;}
  #postinfo .post-img .post-content a.underline {display:none;}
  
  /* Plantengids */
  #guide .c-banners .c-banner {width:50%;padding:0px;max-height:345px;}
  #guide .c-banners .c-banner-1 {width:100%;padding:0px;max-height:345px;}
}

/* Small devices */
@media (min-width: 768px) {
	#banners .rbanner {width:100%;}
}
@media (max-width: 767px) {

/* Homepage */
#header .header .logo {width: 85%;}
#header .header .logo img {margin:0 auto;}
#search #formSearch .autocomplete {min-width:320px;}#search #formSearch .autocomplete .products .product .search-description {display:none;}
#header #account {display:none;}
#search #formSearch {width:auto;}
.btw-toggle {display:none;}
#cart a span{top: -8px;right: 5px;}
.wrapper {float:left;width:100%;}
  .title-box h2,
  .title-box h4 {float:none;text-align:center;width:100%;}
  #page-description {height:auto;}
	.more {display:none;}
  .nieuw-banner .banner-desktop {display:none}
  .nieuw-banner .banner-mobile {display:block;}
  #products .productborder .product-icons {height:45px;}
  
  /* Footer */
  #footer .links {padding: 30px 0px;}
  #footer .links .footercol {padding: 10px 30px;text-align:left;}
  #footer .links .footercol h3, #footer .links .footercol h3 a {margin-bottom: 0.2em;}
  #footer .links .footercol span {vertical-align: middle;}
  #footer .links .footercol .pe-7s-angle-down {display:block;text-align:right;float:right;}
  #footer .links .collapse {display:none;}
	#footer .links .collapse.in {display: block;}
  
  /* Products */
  #products .productborder .product-title {font-size:14px;}
  #products .productborder .product-icons .icon i {font-size:14px;}
  #products .productborder .product-icons .icon span {font-size:12px;}
  #products .productborder .product-cart .btn-cart {padding:0px 15px;}
   #products .productborder .product-cart .product-cart.right {float: left !important;}
   #products .product-content.row {padding: 0px 15px;}
  /* Banners */
  #banners .banner .banner-inner {margin:0px;padding:5px;}
  #banners .banner4 .banner-inner .banner-content.banner-button span {font-size:18px;}
  #banners .banner .banner-inner .banner-content h4 {font-size:18px;}
  #banners .banner .banner-inner .banner-content .btn.btn-primary {font-size:12px;padding:0px 15px;}
	#banners .banner-container .banner7 img {display:none;}
  
  /* Collection */
	.sidebar .item {border-bottom: 0px;}
	.sidebar {border-bottom: 1px solid #f0f0f0;}
  #collection .filter-bar {display:none;}
    .price-filter {display:block;}
  /* Product */
  #product .page-title  h1.product-page {font-size:18px;}
  #product .product-info .product-options-block {padding:10px 10px;}
  #product .product-info .custom-kaartje .options .option-value {width:50%;}
  #products .custom-nav {float: none;display: inline-block;text-align: center;width: 100%;}
  .nav-tabs .nav-item {text-align:center;width:100%;}
  #postinfo .post-img .post-content {top:100px;}
  #product .product-image {width:100%;}
  #product .product-content {padding:0px 15px;}
  #bundles .main-product {padding-bottom:15px;width: 100%;text-align: center;}
  #bundles .productborder .product {float: none;display: inline-block;margin: 0 auto;margin-bottom: 15px;height: 100%;}
  #bundles .bundle-products {width:100%;}
  #bundles .owl-bundles .productborder {max-width:220px;float: none;margin: 0 auto;}
  #bundles .bundle-total {width:100%;}
  #bundles .bundle-total .old-price,
  #bundles .bundle-total .price.total,
  #bundles .bundle-total .product-cart,
  #bundles .bundle-total .product-detail .btn.btn-cart,
  #bundles .bundle-total table tr,
  #product .product-cart .delivery
  {float:none;text-align:center;right:auto;}
  #products.related .title-box h3,
  #bundles .title-box h3 {text-align:center;width:100%;}
  #bundles .bundle-total table tr.gold td {width:100%;}
  #bundles .bundle-total table tr.stock td {display:inline-block;}
  #postinfo .text-block .block {padding: 0;}
  /* plantengids */
  #guide .c-banners .c-banner {max-height:255px;}
  #guide .c-banners .c-banner .c-banner-details strong {font-size:24px;}
  #guide .c-banners .c-banner .c-banner-details span {display:none;}
  #guide .c-banners .c-banner .c-banner-details .custom-kicon {display:none;}
/*   #guide .c-banners .c-banner-content {margin-left:auto !important;margin-top:auto !important;width: 100%;height: 100%;top: 0px !important;left: 0px !important;background: rgba(255,255,255, 0.5) !important;line-height: 200px;} */
  #guide .row-text #products .productborder{max-width:none;}
  .table-row iframe {width: 100%; height: auto;}
}
@media (max-width: 340px) {
  .sidebar-mobile .btn.btn-default i {display:none;}
  #products .productborder {max-width: 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;}
}