@media screen and (max-width: 1024px) {
#menubalk {height: 50px;background-position: 63px 2px;position: fixed;top:0;width: 100%;box-shadow: 1px -10px 24px rgba(0,0,0,0.7);}
#menubalk.mobile {height: 100% !important;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.logolink {top: 0px;width: 196px;left: 0;padding: 0 0 0 20px;background-size: 176px auto;height: 49px;}
#banner {margin-top: 42px;}
.officeopen {width: auto;right:60px;position:fixed;}
ul.menumain .officeopen {top:initial;right:initial;position:relative;}
.menumain {top:49px;bottom:initial;left:0;background:#73BCB4;z-index: 10;display:none;}
.menumain li {float:none;border-bottom: 1px solid rgba(255,255,255,0.2);}
.menumain li a, .menumain li.parent.active a {color:#fff;position:relative;cursor:pointer;padding: 20px;font-size:13px;}
.menumain li.parent a:after {content: "\f0d7";position:absolute;right:10px;}
.menumain li.item-101 {display:none;}
.menumain li ul {width:100%;position:relative;}
.menumain li.parent ul li a:after {content:'';}
.menumain li.parent ul li {background:#008677;}
.menumain li.contact a {background: #84a0b6;}
.menumain li.contact a:before {content: "\f0e0";margin: 0 5px 0 0;font-size: 15px;}
div.mobile-container {background:#fff;position: fixed;width: 100%;min-height: 50px;}
.mobilemenu {width:30px;height:11px;border:3px solid #008677;border-width:3px 0;position: absolute;right: 20px;top: 18px;cursor:pointer;}
.mobilemenu:after {content:' ';width:100%;height:3px; background:#008677;position:absolute;top:4px;}	
div.searchform {width:100%;margin:0;}
div.searchform .inputbox {width: calc(100% - 30px)!important;margin:15px!important;line-height:45px;height:45px;border-radius:0;font-size: 16px;font-family: "HelveticaNeueW01-57Cn";}
.searchform span {display:none;}
.searchform .inputbox, div.searchform {float:none;}
#page_small {max-width: 469px;}
#page_small .item-page {padding:0;}
.breadcrumbs {min-width: 456px;}
#inner-wrapper {padding:0;}
.owl-nav i {left:8px;}
.owl-nav .owl-next i {right: 10px;}
div.homenews {padding: 30px 60px 0;}
div.productgroepen, div.contact-container, div.nieuwsbrief-container {padding: 30px 60px;}
div.social-container {padding:0 60px 30px;}
body.id-1 div.social-container { padding: 0 0 0 60px;}
div.nieuwsbrief-container {background-position: right 0px bottom -16px;background-size: auto 75%;}
#contact ul > li {width:50%;margin:0 0 5% 0;}
li.adresgegevens {clear:left;}
#page_wide {max-width:100%;left:0;padding:0 60px 30px 60px;box-sizing: border-box;}
.item-page, .team-page, .search {padding:30px 0 0 0;}
.columns-2, .item-page .contentleft {max-width: 60%;}
body.id-1 .breadcrumbs {display:none;}
body:not(.id-1) .breadcrumbs {margin:0;}
.menumainsubmenu {width:100%;left:0;}
.columnleft, .columnmiddle {max-width: 60%;margin: 0 6% 0 0;}
.columnright, .rma {position: absolute;right: 0;max-width: 50%;margin:0;}
ul.menusubcontent {display:none;}
.menusubcontent {top:17px;right:0;background:url(../images/arrow_down_white.png) no-repeat #008677 right 10px top 14px / 15px auto;color: #fff;border: 0;padding: 10px 30px 10px 10px;}
ul.arrowright {padding:0;}
ul.search-results li {width:47%;margin:0 6% 20px 0!important;}
ul.search-results li:nth-child(even) {margin:0 0 20px!important;}
ul.latestnews .owl-item h4 {margin:0 0 10px;}
.morenews, .lessnews {position:relative;top:0;float:right;margin: 0 0 20px;}
#referentie .columnmiddle {left: 33%;}
.calendar2 {top:30px;}
.nieuws_right {top:85px;}
.cfdiv_textarea, #teamsubmit_container_div, .cfdiv_submit {position:relative!important;top:initial!important;left:initial!important;}
.cfdiv_checkbox label {width:auto;margin: 0;}
.cfdiv_submit {display:inline-block;width: 25%;padding:0;margin:0 0 0 calc(30% + 5px)!important;}
input, select {width: 50% !important;box-sizing: border-box;margin:0 0 10px!important;}
textarea {width:calc(70% - 25px)!important;margin:0 0 10px!important;}
input[type=submit] {width:100% !important;margin: 0 !important;padding:10px !important;font-size:14px;}
.ccms_form_element label {width:30%;}
.columns-2-forms {max-width:100%;box-sizing: border-box;}
}

@media screen and (max-width: 980px) {
#page_small {max-width: 100%;width:100%;box-sizing: border-box;right:0;}
div.advies {display:none;}
.download img {float:none;margin:0 auto;}
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: #008677;font-size:20px;right:20px;}
#referentie li.current a::after { content:'\f077';}
}

@media screen and (max-width: 800px) {
div.productgroepen, div.contact-container, div.nieuwsbrief-container {padding: 30px;}
#page_wide {padding:0 30px 30px;}
#page_small {padding:10px 30px 30px;}
div.social-container {padding:0 30px 30px;}
body.id-1 div.social-container { padding: 0 0 30px 30px;}
.columns-2, .item-page .contentleft {max-width: 50%;}
.contentleft > p:first-of-type > img:first-of-type {width:50%!important;}
iframe.frame-nieuws {height:400px;}
ul.menusitemap li.parent {width:45%;margin:0 10% 2.5% 0!important;min-height:auto;}
ul.menusitemap li.parent:nth-child(even) {margin:0 0 2.5%!important;}
ul.menusitemap li.parent:nth-child(5), ul.menusitemap li.parent:nth-child(6) {margin-bottom:0!important;}
.columnleft, .columnmiddle {max-width: 53%;}
#subcontent {margin:0;}

}

@media screen and (max-width: 768px) {
iframe.frame-nieuws {height:440px;}

}


@media screen and (max-width: 720px) {
.columnleft, .columnmiddle, .columnright, .rma{max-width:100%;margin:0;float:none;position:relative;}
.rma {margin:20px 0 0;}
.columnright {margin:20px 0;min-height:auto;}
.columnright.evenement {margin:0;}
.columns-2, .nieuws_right, .item-page .contentleft {max-width:100%;float: none;position:relative;top:0;}
span.leesverderbutton{margin:10px 0 20px;}
.columnright .finished {display:none;}
.breadcrumbs {display:none;}
#page_wide {top:0;}
h1 {padding: 0 0px 10px 0;}
.menusubcontent {position:relative;margin:0 0 20px 0;width: 100%;top:0;}
ul.arrowright {width:100%;}
.item-page.evenement h1 {margin:0px;}
.calendar2 {float:none;position:relative;margin:0 0 10px;top:0;}
.nieuws h1 {margin:0;}
div.related {margin: 20px 0;}
h1 span.actueel {display:none;}
span.h1.actueel {display:block;font-family: 'HelveticaNeueW01-77BdCn 692722';font-size: 19px;margin:0 0 5px;}
.arrowright.vacatures li a {padding:10px 0 10px 35px;margin:0;}
.arrowright.vacatures li a::after {top: 22px;}
}

@media screen and (max-width: 680px) {
#livefilter-list li{margin-right:0%; width:100%;float:none;}
#livefilter-list li a {height:auto!important;}
}

@media screen and (max-width: 640px) {

}


@media screen and (max-width: 600px) {

}

@media screen and (max-width: 540px) {
#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;}
}

@media screen and (max-width: 480px) {
body:not(.id-1) #inner-wrapper {margin:-5px 0 0 0;}
ul.menusitemap li.parent, ul.menusitemap li.parent:nth-child(2n),ul.menusitemap li.parent:nth-child(5) {width:100%;margin:0 0 30px!important;}
ul.menusitemap li.parent:nth-child(6) {margin:0!important;}
#contact ul > li {width:100%;}
#contact ul li span {width: 35%;}
iframe.frame-nieuws {height: 505px;}
.over, .service {width:45%;}
.service {right:0;left:initial;}
#left_container {width:95%;margin: 98px 0 0 0;}
.quotenav, .upslider {display:none;}
#banner, .corporate, .service-class, .over-class, .producten-class, .merken-class, .contact-class, .nieuwsbrief-class, .cases-class {height:200px;background-size:cover!important;}
div#menubalk {}
.logolink {width: 200px;padding:0;}
.mobilemenu {bottom:3px;}
.slides {top:-5px;}
.slides li.sliderheading {margin:40px 20px;}
.slidertext {display:none;}
div.watklantenzeggen span {max-width:350px;}
.slides li.sliderheading {margin: 23px 0 0 20px;max-width: 450px;font-size: 18px;line-height: 21px;}
div.homenews {padding: 30px 30px 0;}
.owl-nav i {left: 5px;}
.owl-nav .owl-next i {right: 5px;}
.owl-nav i::before {font-size: 24px;}
a.all-news {width:100%;box-sizing: border-box;}
div.nieuwsbrief-container {background-position: right -14px top 89px;background-size: auto 40%;}
ul.mpFormTable li, ul.mpFormTable li input {width:100%!important;}
div.contentleft img, .contentleft > p:first-of-type > img:first-of-type {width:100%!important;max-width:100%!important;margin:0 0 10px!important;}
.columnright img {max-width: 100%;margin:0 0 10px;}
ul.search-results li {width:100%;margin:0 0 20px 0!important;min-height:initial;}
ul.search-results li a {height:auto!important;}
div.nieuws_right {width:100%;}
.team-page img {float: none;width:100%;height:auto;}
.team-page ul {width:100%;}
input, textarea, #input_textarea_team1_container_div, #teamsubmit_container_div {width: 100%!important;}
input[type=checkbox] {margin:0 0 0 10px !important;}
#teamsubmit_container_div {position: relative !important;top: 0;left: 0;margin:0!important;}
#teamcontact input[type=submit] {font-size: 14px;line-height: 14px;}
.cfdiv_submit::after {top: 50%;transform: translateY(-50%);}
.ccms_form_element label {width: auto;margin: 0 0 5px;}
.ccms_form_element {padding:0!important;}
.cfdiv_submit {display: block;width: 100%;margin: 10px 0 0!important;}
.cfdiv_checkbox {margin:0 0 20px;}
p.verplicht {margin: 20px 0 0;}
#studio16 {text-align: center;}
.columnright.evenement {max-width:100%;}
.nieuws_right {padding: 162px 0 0 0;}
}

@media screen and (max-width: 414px) {
.slides li.sliderheading {max-width: 375px;}
div.watklantenzeggen span {max-width:280px;font-size:18px;}
.nieuws_right {padding: 171px 0 0 0;}
#menubalk > .officeopen span {display:none;}

}

@media screen and (max-width: 375px) {
.slides li.sliderheading {max-width: 350px;}
div.watklantenzeggen span {max-width:220px;}
.nieuws_right {padding: 152px 0 0 0;}
}

@media screen and (max-width: 360px) {
.nieuws_right {padding: 145px 0 0 0;}
}

@media screen and (max-width: 320px) {
div.watklantenzeggen ul, div.watklantenzeggen ul li, .slides_control {height: 120px;}
.slides li.sliderheading {max-width: 280px;}
div.watklantenzeggen span {max-width:200px;}
.nieuws_right {padding: 126px 0 0 0;}
}