@media screen and (max-width: 1600px) {
	body.id-1 #banner {height:90%;}
    .owl-nav i, .flex-direction-nav li {left:15px;}
    .owl-nav .owl-next i, .flex-direction-nav li.flex-nav-next {right: 15px;}
    body:not(.id-1) div.image-container img {max-width: 75%;}
    body:not(.id-1) ul.slides li .text {margin: 0 0 20px;}
    div.slides_container.vacature {background-size:auto calc(100% - 59px)!important;}
}

@media screen and (max-width: 1440px) {
ul.slides li.brengtinzicht.pr4512 span { background-position: top 20px left -200px;}

}

@media screen and (max-width: 1366px) {
    div.homenews, ul.slides li .contentcontainer, div#outer-wrapper {width:90%;max-width:initial;}
    article:after {width:10%;}
    span.close_sitemap::before {right:10px;}
}

@media screen and (min-width: 280px) {
ul {list-style: none !important;}	
}
@media screen and (max-width: 1280px) {
    nav#nav:before {width:100px;}
    ul.slides li .contentcontainer {padding:0 20px;}
    .menumain li.item-101 {left:20px;}
    .menumain li.item-997 {margin-right: 20px;}
    div.submessage .inner {max-width:calc(100% - 55px);}
    div.submessage .inner:before {width:75%;}
    div.slidenav .inner {max-width:calc(100% - 32px);}
    div.slidenav .inner:before {width:100%;}
    div.slidenav::after {width:10px;}
    ul.menumain {max-width: calc(100% - 40px);margin-right:20px;}
    ul.menumain li {margin: 0 0 0 39px;font-size:10pt;}
    .menumain li.item-118 a {padding: 30px 0 15px 0px;}
    div.slidenav li {font-size:13px;}
    #sitemap {padding:150px 40px 40px;}
    div.payoff {padding-left:40px;}
}

@media screen and (max-width: 1279px) {
    div.logo-container.mobileonly {transform: skewX(8deg);background:#fff;border-radius:0 0 20px;display:block;position:absolute;top:0px;left:-10px;width:300px;z-index: 100;box-shadow:7px 3px 5px rgba(0,0,0,0.1);}
    a.logo {padding:15px 15px 15px 20px;display: block;}
    a.logo img {width:100%;height:auto;transform: skewX(-8deg);display: block;}
       div.slidenav .inner:before {left:40px;}
    div.submessage .inner:before {left: 24px;}
    div.slidenav .inner, div.submessage .inner {max-width: initial;width:100%;}
    div.submessage .inner span {margin: 0 20px 0 50px;}
    div.slidenav::after {width: 0px;}
    div.submessage {padding:0;}
    div.submessage .inner span {font-size: 18px;}
    ul.latestnews div.text-container {overflow: unset;}
    ul.latestnews div.img-container{height:auto;}
div.item-page::before {left:-20px;}
ul.menumain li {margin: 0 0 0 20px;}
.menumain li.item-118 a {padding: 30px 0 15px 0;}
.menumain li.item-101 {width: 220px;}
div.productgroepen {max-width: calc(100% - 40px);}
#contact ul li li {width:100%;margin:0!important;}
.sidebarcontent.top {font-size: 11px;width: 200px;}
div.item-page.producten h1 {max-width:50%;}
div.item-page h1 {font-size:18px;margin:0 0 20px;padding:0!important}
.heading {font-size:16px;}
.nomobile {display:none;}
.mobilemenu {width:30px;height:30px;position: absolute;right: 20px;top: 13px;cursor:pointer;color:rgba(0,129,105,1)}
.mobilemenu:after {content:'\f0c9';top: 50%;transform: translateY(-50%);left: 0;right: 0;position:absolute;text-align: center;}	
.menumain li.item-101 {display:none;}
.menumain li.item-118 ul, .menumain li.item-167 ul {opacity:1;z-index:10;height: auto;}
nav#nav {min-height: 52px;position: fixed;-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);box-shadow: 3px 3px 5px rgba(0,0,0,0.2);}
nav#nav::before {display:none;}
#sitemap {display;none;}
ul.menumain {max-width: 100%;padding: 0;min-height: 0;top:52px;background:#73BCB4;position: absolute;width: 100%;}
.fixed {height: 100%;position: fixed;overflow-y:scroll;padding: 0 0 100px;}
.menumain li ul {display:none}
ul.menumain li {float:none;position:initial!important;width:100%!important;margin:0;display:none;}
ul.menumain li a {height:auto!important;padding:15px !important;position:relative;margin: 0 !important;border-radius:0!important;color:#fff!important;border-bottom: 1px solid rgba(255,255,255,0.2);}
ul.menumain ul li {border:0;}
ul.menumain ul li a {padding:10px 10px 10px 30px!important;border:0;background: #60a29b;}
ul.menumain li ul {position:initial;width:100%;}
.menumain li.parent a::after {content: "\f0d7";position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}
.menumain li.parent a.open::after {content: "\f0d8";}
.menumain li.parent ul li a:after {content:'';}
.menumain li.item-103 a::after {content: "\f3c5";position: absolute;left: 15px;font-size: 18px;}
.menumain li.item-118 {margin-top:20px;}
.menumain li a.webshop, .menumain li.item-103 a {padding:15px 15px 15px 35px!important;}
.menumain li a.webshop::after {right:initial;left:15px;font-size: 13px;}
.sidebarcontent.top {left: 270px;right: initial;height: 60px;position:fixed;}
div.subs.subcontentlinks { margin: 20px 0 0;background: #fff;}
div.mobilesearch {width: 30px;height: 30px;position: absolute;right: 60px;top: 13px;cursor: pointer;color: rgba(0,129,105,1);}
div.mobilesearch:after {content:'\f002';top: 50%;transform: translateY(-50%);left: 0;right: 0;position:absolute;text-align: center;}
li.sharing .sidebarcontent {position:initial;background: #60a29b;border-radius: 0;padding: 20px 20px 10px;}
#social a, #social div.print {background:none!important;border:0!important;}
ul.slides li .contentcontainer {width:100%;padding:0;}
div.payoff {font-size: 1.5rem;top:70px;padding-left:40px;}
div.payoff:after {height:45px;}

}

@media screen and (max-width: 1024px) {
#contact ul { grid-template-columns: repeat(2, 1fr);grid-gap:40px;}
div.slidenav li { font-size: 12px;}
ul#livefilter-list.json.employees {    grid-template-columns: repeat(4, 1fr);}
div.searchform {width:calc(100% - 40px);top:60px;}
div.search-results {top:130px;}
div.ref-container {overflow:hidden;padding:20px;}
ul#referentie {height:auto!important;}
ul#referentie li, #referentie .columnmiddle, #referentie .columnright {max-width:100%;position:relative;left:0;top:0;}
ul#referentie .columnmiddle, ul#referentie .columnright {max-width:45%;float:left;margin:0;}
ul#referentie .columnright {float:right;}
ul#referentie .columnright  img {max-width:100%;}
#referentie li a::after { content:'\f078';background:none;color: #fff;font-size:20px;right:20px;position: absolute;}
#referentie li.current a::after { content:'\f077';}
#referentie li a {border-bottom: 1px solid #fff;color:#fff;}
#referentie li, .quote_referenties {color:#fff;}
 .item-page.vacatures ul.grid {grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width: 980px) {
    ul#livefilter-list {grid-template-columns: repeat(2, 1fr);}
    div.related ul {grid-template-columns: repeat(2, 1fr);}
    .item-page.promotiepakketten ul.grid, ul.grid.promotiepakketten  {grid-template-columns: repeat(2, 1fr);}
    .item-page.promotiepakketten ul.grid img, ul.grid.promotiepakketten img {max-width:100%;}
    
}

@media screen and (max-width: 912px) {
    ul.employees {grid-template-columns: repeat(2, 1fr);}
    div.nieuws_bottom div.myimage {width:100%;}
   
}

@media screen and (max-width: 834px) {
div.image-container {float: none;width: 100%;display: block;}
div.image-container img {max-width: 50%!important;}
ul.slides li .textcontainer {max-width:90%;padding: 20px 0;display: block;margin:0 auto;}
div.item-page .contentleft {width:50%;}
.nieuws_right {width: 45%;}
.innercontainer li {display: block;width: 100%;margin:0 0 20px;padding:0!important;}
.innercontainer ul {margin: 60px 0 20px;}
div.links {position:initial;margin:20px 0;}
ul.slides li .heading {font-size: 20px;line-height: 26px;}
a.c2a, .c2a {font-size:14px;line-height: 100%;}
div.columnleft.rma, div.columnright.rma {width:100%!important;float:none!important;}
div.columnleft.rma {margin:0 0 15px!important;}
h1 span.pubdate {position: initial;display: block;margin: 15px 0 0;}
div.item-page.nieuws h1 {padding:0;}
.sidebarcontent.email {width:75%;right: 0;left: 0;margin: 0 auto;}
div.search-results div.result-inner {position: fixed;width: calc(100% - 40px);right: 0;left: 0;margin: 0 auto;top: 100px;height: 100%;overflow-y: scroll;padding-bottom:100px;}
span.btn-close-result-box {top:0;}
#contact ul {margin:60px 0;}
#contact ul li {width: 100%;margin: 0 0 40px!important;}
div.slidenav ul {grid-template-columns: repeat(3, 1fr);margin: 0 15px 0 65px;}
div.slidenav .inner:before {height:200px;}
div.submessage .inner:before {left: 21px;}
div.slidenav li span {padding: 0 5px;font-size: 11px;line-height: 16px;}
div.submessage .inner span {font-size: 15px;}
div.submessage .inner a {font-size:15px;}
div.slides_container.vacature {background-position: bottom right -475px !important;background-size: auto calc(100% - 52px)!important;}
}



@media screen and (max-width: 768px) {
.sidebarcontent.top {left: 250px;}
body.id-1 #banner {height: calc(100% - 15px);}
.item-page.producten div, .item-page.producten h1 {float:none;width:100%;max-width:100%;}
.item-page.producten div.columnright {margin:0 0 20px;}
.item-page.team ul li {width: 47.5%;margin:0 5% 20px 0!important;}
.item-page.team ul li:nth-child(even) {margin:0 0 20px!important;}
div#subcontent > div {margin:0 0 40px!important;}
#subcontent {margin:40px 0 0!important;}
div.submessage .inner:before {width:calc(100% - 200px);}
div.slidenav ul {grid-gap: 20px;}
ul#livefilter-list.json.employees {    grid-template-columns: repeat(3, 1fr);}
body.onsteam div.slides_container span.bg, body.vacatures div.slides_container span.bg {background-position: center right -400px!important;}

#livefilter-list.json.employees li.active div.myimage, #livefilter-list.json.employees li div.content {float:none;width: 100%;max-width:100%;}
#livefilter-list.json.employees li.active div.myimage img {max-height:200px;width: auto; margin: 0 auto 20px; display: block;}
#contact_start_page form { padding: 0 0 20px!important;}
div.contactcontainer:not(.teammember)  div#area_container_25, div#area_container_26 {display:block;margin:0 0 1em;}
ul.employees {grid-template-columns: repeat(2, 1fr);}
video {width:100%;height:auto;}
.item-page.vacatures ul.grid {grid-template-columns: repeat(1, 1fr);}
}

@media screen and (max-width: 767px) {
div.slidenav, div.submessage {display:none;}
ul#livefilter-list.json.employees { grid-template-columns: repeat(2, 1fr);grid-gap: 15px;}
ul.employees {grid-template-columns: repeat(2, 1fr);column-gap: 20px;}
ul.campagne {grid-template-columns: repeat(1, 1fr);}
.nieuws.vacatures ul {padding:0}
div.nieuws_bottom li {margin:0;}
div.nieuws_bottom {display:block;}
div.nieuws_bottom div.team {padding: 0;}
div.nieuws_bottom div.inner {margin:0 0 30px;padding:0 0 30px;border-right: none;border-bottom: 1px solid #f8e1df;}
div.nieuws_bottom div.myimage {height:auto;}
div.nieuws_bottom div.myimage img {margin:0;}
div.related ul {grid-template-columns: repeat(1, 1fr);}
.ui.form {padding: 20px 0 !important;}
.flex-direction-nav {display:none;}
.flex-control-nav {display:block; margin: 0;    position: absolute;    bottom: 40px;    z-index: 100;    width: 100%;    padding: 0;    text-align: center;}
.flex-control-nav li {display: inline-block;    }
.flex-control-nav li a {    display: block; width: 15px; height: 15px; border-radius: 100%; background: rgba(255,255,255,0.5); margin: 0 10px; text-indent: 9999px;}
.flex-control-nav li a.flex-active {background: rgba(255,255,255,1);}
.item-page.vacatures ul.grid {grid-template-columns: repeat(1, 1fr);}
ul#referentie .columnmiddle, ul#referentie .columnright { max-width: 100%;float:none;}

}

@media screen and (max-width: 720px) {
div.slides_container.vacature {background-position: bottom right -275px !important;}
div.item-page .contentleft, .nieuws_right  {float:none;width:100%;}
}

@media screen and (max-width: 640px) {
div.slides_container.vacature {background-position: bottom right -330px !important;}
ul#livefilter-list {grid-template-columns: repeat(1, 1fr);}
.item-page.promotiepakketten ul.grid, ul.grid.promotiepakketten {grid-template-columns: repeat(1, 1fr);}
.item-page.promotiepakketten ul.grid img, ul.grid.promotiepakketten img {max-height:none;}
#naam_container, #contact_container, #straat_container, #postcode_container { grid-template-columns: repeat(1, 1fr);margin:0 0 1em;}
div.promotiepakket .description img {float:none;}
div.bestelform, div.promotiepakket .description {padding: 20px;}
div.bestelform div.product-container {overflow-x: auto;}
div.bestelform div.product-container table {width:680px;}
}


@media screen and (max-width: 600px) {
article:after {height:40px;}
body.vacatures #banner, body.onsteam #banner, body.referenties #banner, body.faq #banner, body.events #banner, body.service #banner, body.over #banner, body.brengtinzicht #banner {height:50%!important;}
div.inzicht ul.slides > li > span { background-size:cover!important; background-position:center left !important;}
div.slidenav {display:none;}
div.item-page.nieuws div.contentleft {float:none;width:100%;max-width:100%;}
div.contentleft img {width:100%;height:auto;margin:0 auto 20px;}
div.item-page.producten, .item-page.merkpagina, .item-page.software  {padding:80px 0 0;}
div.item-page.producten h1 {max-width: 100%;}
div.menuincontent-container {width:100%;}
ul.latestnews div.img-container {height: auto;max-width: 100%;float: none;text-align: center;}
ul.latestnews div.text-container {clear:both;}
ul.latestnews img {margin:0 auto 10px;max-height: 100px;float: none;}
div.columnleft, div.columnright {width:100%!important;float:none!important;}
div.columnleft {margin:0 0 15px!important;}
div.contentleft.nieuwsitem img {width:100%!important;margin:0 0 20px!important;}
body #banner {height: 100%!important;}
article {margin: 0;}
div.image-container img {max-height:300px;}
ul.slides li .heading {font-size: 18px;line-height: 22px;}
ul.slides li .text {font-size: 15px;line-height: 18px;margin:0 0 20px;}
.sidebarcontent.email {top:80px;width: 100%;height: 100%;}
.sidebarcontent.email::before {display:none;}
nav#nav {z-index:200;}
h1 span.actueel {display:none;}
span.h1.actueel {display:block;font-size: 18px;margin: 0 0 20px;}

div.item-page:before, article:after {display:none;}
ul.menumain.fixed {padding: 25px 0 50px;}
div.slides_container.vacature {background-position: bottom right -390px !important;}
}

@media screen and (max-width: 560px) {
div.image-container img {max-width: calc(100% - 40px)!important;}
#CNT1838 {width:45%;}
#downloadfilter li {width:100%;margin:0 0 30px!important;padding:0;}
#downloadfilter li div {height:auto!important;}
#downloadfilter li a {position:relative;margin:10px 0 0;}
select {width: 100%!important;}
ul#referentie .columnmiddle, ul#referentie .columnright {max-width:100%;float:left;margin:0;}
div.logo-container.mobileonly {width:250px;}
a.logo {padding: 20px 15px 20px 20px;}
#contact ul { grid-template-columns: repeat(1, 1fr);grid-gap:0px;}
div.filter ul#brandlist, div.filter ul#catlist {column-count: 2;}

}

@media screen and (max-width: 480px) {
div.item-page::before {left:-20px;width:100%;}
ul.menumain {top:52px;}
.mobilemenu, div.mobilesearch {top:13px;}
li.office-open .sidebarcontent {position:initial;background: #60a29b;border-radius: 0;padding: 20px 0 10px;}
li.office-open .sidebarcontent p {padding:0 10px;}
li.office-open .sidebarcontent p:last-of-type {display:none;}
ul.menumain li.office-open a {border-bottom:0;}
.menumain li.item-118 {margin-top:0;}
.owl-dot {margin: 0 7px;}
.heading {font-size:12px;}
.item-page.team ul li {width: 100%;margin:0 0 20px 0!important;}
.sidebarcontent.email {top: 52px;overflow-y: scroll;}
div.slides_container.vacature {background-position: bottom right -270px !important;}
.morenews, .lessnews {font-size:16px;}

}

@media screen and (max-width: 414px) {
.owl-dot {margin: 0 5px;}
div.item-page h1 {font-size: 16px;}
div.slides_container.vacature {background-position: bottom right -290px !important;}
div.contactcontainer div#area_container_25 {display:block!important;margin: 0 0 1em!important;}
div.image-text-container div.text div.functie {font-size: 18px;line-height: 100%;}
div.image-text-container div.text {max-width:50%;}
div.verschil {font-size: 12px;}
}

@media screen and (max-width: 375px) {
.owl-dot {margin: 0 4px;}
div.image-container img {max-height:200px;}
ul.slides li .heading {font-size: 16px;line-height: 18px;}
ul.slides li .text {font-size: 15px;line-height: 18px;margin:0 0 20px;}
div.slides_container.vacature {background-position: bottom right -285px !important;}
}

@media screen and (max-width: 360px) {
    div.logo-container.mobileonly {width:200px;}
div.result-inner .img-intro {float: none;}
div.result-inner img {max-width: 100%;height: auto;}
div.result-inner h3 {font-size:14px;}
p.result-text {display:none;}
div.slides_container.vacature {background-position: bottom right -212px !important;}
div.payoff {top:52px;}
div.payoff div.text {position: relative;    top: 4px;}
}

@media screen and (max-width: 320px) {
ul.menumain {top: 50px;}
nav#nav::before {height: 60px;max-width: 150px;}
.owl-dot {margin: 0 2px;}
.sidebarcontent.email {top: 50px;}
div.search-results div.result-inner {top: 140px;}
div.image-container img {max-height: 150px;}
ul.slides li .contentcontainer {top:calc(50% + 50px)}
div.slides_container.vacature {background-position: bottom right -234px !important;}
}