

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



}

@media screen and (max-width: 980px) {
ul.nav.menusitemap li.parent {margin: 0 0 5%;float:none;}
}

@media screen and (max-width: 800px) {
#fixedc2a {position:initial}
div.mobile, div.mailme, div.callme, div.back {top: 50%; position: absolute;transform: translateY(-50%);margin:0;border:0;background:none;color:#8aa344;font-size: 22px;width:40px;height:40px;}
div.mobile {color:#ce2f5c;}
div.back {right:calc(5% + 60px);}
div.mailme {right:calc(5% + 120px);}
div.callme {right:calc(5% + 180px);}
div.mailme.noback {right:calc(5% + 60px);}
div.callme.noback {right:calc(5% + 120px);}

#slidehome {position:fixed;right:5%;bottom:100px;-webkit-transition:1.4s;-moz-transition:1.4s;-ms-transition:1.4s;-o-transition:1.4s; transition:1.4s;}
#slidehome.down {bottom:20px;}
.forminner {padding: 160px 80px 40px 40px;}
body.page-101 div.content-container {padding:0;}
ul.home li {width: 100%;float:none;margin:0 0 30px!important;}
body.fixed { overflow: hidden;}
ul.contactlist {margin: 0 50px;}
form input[type=text], textarea { width: 100%!important;}
#slidehome { bottom: 20px;}
}

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


@media screen and (max-width: 720px) {
ul.nav.menu {top:60px;}
body {font-size: 18px;line-height: 24px;}
div.logo img {height:40px;width: auto;}
nav.navigation .container {height: 60px;padding: 12px 5%  0;}
.c2a-button {margin: 20px 0 0!important;}
#contact {text-align:center; padding: 40px 0 0!important;}
#footer ul {float: none;margin: 0 0 40px;display:block;}
#contact > ul > li {margin:0;float:none!important;}
#contact a {display:block;padding:5px 0;}
#contact a.social {display:inline-block;}
#contact li.follow {margin:20px 0 0;}
#contact li.follow span {display: block;}
main#content.item-101 .item-page li {margin:0 0 10px;}
h1 {line-height: 32px;font-size: 26px;margin:0 0 20px;}
h1 span {font-size: 20px;line-height: 26px;margin: 0;}
h2 {line-height: 30px;font-size: 26px;}
#closebutton {width: 90%;margin: 0 auto;}
div.inner {max-width:100%;position: relative;}
.forminner {padding: 100px 30px 40px 20px;}
form#chronoform-contact-terugbel {margin:20px 0 40px;}
.chronoform input[type=text], .chronoform textarea, .chronoform input[type=submit] {width:100%;margin:0;}
#ftr-voornaam, #ftr-achternaam {width:100%;padding:0;}
.gcore-checkbox-item {display: block;}
#vraag {margin:10px 0 20px;}
}

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



}

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

}

@media screen and (max-width: 480px) {
div.logo img {height:30px;margin-top: 5px;}
div.mailme {right:calc(5% + 60px);}
div.callme {right:calc(5% + 120px);}
#fixedc2a div.back {display:none;}
main#content:before {height: 200px;background-position: center top 40px;}
ul.nav.menu {padding: 20px;}
div.content-container {padding:20px;}
div.blog, .item-page {padding:20px;}
h1 {line-height: 26px;font-size: 22px;}
div.blog h3 {padding:0 50px 0 0;}
}

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

}

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

}

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

}

@media screen and (max-width: 320px) {
div.mailme {right:calc(5% + 50px)!important;}
div.callme {right:calc(5% + 100px)!important;}

}
@media screen and (max-height: 480px) {

}
