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

}

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

}

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

}

@media screen and (max-width: 1280px) {
    div.mainmenu {padding:0 20px;box-shadow: 5px 5px 10px rgba(0,0,0,0.2);}
    .flex-direction-nav li {left:2.5%;}
    .flex-direction-nav li.flex-nav-next {right:2.5%;}
}


@media screen and (max-width: 1024px) {
    ul.slides li .textcontainer { padding: 0 100px;}
}

@media screen and (max-width: 1023px) {
    a.logo.mobileonly {display:inline-block;}
    div.mobilenav {padding: 10px 0; }
    div.mobilenav img {max-height: 45px;}
    div.menu.mobileonly {float:right;height:56px;width:30px;display:block;line-height: 56px;cursor:pointer;text-align:center;}
    div.menu.mobileonly:after {content:'\f142';color: #0f75bc;font-size: 36px;line-height: 56px;}
    div.mainmenu {position: fixed; z-index: 100; width: 100%;background: #fff;top: 46px;transition: 1.4s;}
    div.mainmenu.down {top:0;}
    div.mainmenu ul {text-align:left;position: fixed;width: 100%;z-index: 50; height: 100%;background: rgba(23, 71, 140, .9);margin:0;right: -100%;transition: 1.4s;overflow-y: auto; padding-bottom: 124px;}
    div.mainmenu ul.active {right:0;}
    div.mainmenu ul li {display:block;margin: 0;}
    div.mainmenu ul li a {color:#fff;border-bottom: 1px dotted rgba(255,255,255, 0.5);}
    div.mainmenu ul li.item-101 {display:none!important;}
    div#topinfo {top:0;transition: 1.4s;position: fixed;z-index: 100;width: 100%;}
    div#topinfo.down {top:-46px} 
    div.mainmenu ul.mod-menu__sub {position:relative;}
    div.mainmenu ul li.parent a:after {position: absolute; right: 20px;top: 50%;transform: translateY(-50%);}
}

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

}

@media screen and (max-width: 800px) {
    #footer div.grid, ul.waarom {display:block;}
    #footer div.gridelement {margin:0 0 60px;}
    ul.waarom span.desc {max-width: 75%;display: block; margin: 0 auto}
    div#afspraak {padding: 20px 0px;}
   
}

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

}


@media screen and (max-width: 767px) {
    div#afspraak a { display: block; width: max-content;margin: 20px auto 0;}
    div#topinfo ul li {width:calc(25% - 1px);text-align: center;display: block;float: left;} 
    div#topinfo ul li a {padding:5px 0;}
    div#topinfo ul li a span {display:none;}
    div#topinfo ul li a:before {margin:0;}
    div#topinfo ul li:first-child {border-left:none;}
    div#topinfo ul li:last-child {border-right:none;}
    div#apk {padding:20px 0;}
    div#overdouwe {padding:20px 0;}
    div#overdouwe div.image {float:none;width:100%;text-align:center;margin:0 0 20px}
    div#overdouwe div.text {float:none;width:100%;text-align:center}
    div.grid2.airco, div.grid2.banden {display:block;margin:0;}
    div.airco-inner, div.banden-inner {margin:0 0 20px;}
    main#content {padding:0 20px;}
    div#afspraak a.c2a {margin:20px auto 0;} 
    h1 {font-size: 1.5rem;}
    h1:after {margin:20px auto;}
}

@media screen and (max-width: 680px) {
    ul.slides li .textcontainer { padding: 100px 60px 0;}
    ul.slides li .heading { font-size: 2rem;}

}

@media screen and (max-width: 600px) {
    div.formgrid2 {    display: flex;
        flex-direction: column;
        gap: calc(var(--space) * 2);
        
    }
    input.kenteken {padding-left: 50px; width: 240px;font-size: 1.6rem;    }
    input.kenteken::placeholder {font-size:0.7rem;}
    button.kentekencheck {padding:0 10px}
}

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

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

}

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

}

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

}

@media screen and (max-width: 360px) {
    ul.slides li .heading { font-size: 1.5rem;}
    ul.slides li .textcontainer {padding: 100px 40px 0;}
    input.kenteken {width:220px;}
}

@media screen and (max-width: 320px) {
    div.mobilenav img {max-width: 200px; height: auto;}
    div.menu.mobileonly:after {line-height:45px;}
   input.kenteken {width:200px;}
   input.kenteken::placeholder {font-size:0.6rem;}

}