@media only screen and (max-width: 1024px) {
    #end-of-page #end-of-page-circle {width:200px;height:200px;}
    
    #main .section.overlay-top .col {width:80%;}
}

@media only screen and (max-width: 767px) {
    
    #main-container {left:0;margin-left:0;position:relative;width:100%;padding:0;-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
    #main-container.mobileshow {left:100%;}
    
    .desktop_only, .icn-container a.desktop_only {display:none;}
    .mobile_only, .col.mobile_only {display:inline-block;}
    
    /* TOP */
    /*#top #logo {width:30%;z-index:1}*/
    #top .wrapper {background-color:var(--wit);}
    #top .shortcuts {position:absolute;top:50%;right:0%;transform:translate(0,-50%);width:90%;z-index:2}
    #top .col.shortcuts span.container {left:auto;right:20px;top:50%;bottom:auto;transform:translate(0,-50%);text-align:right;}
    #top .col:nth-child(1) {z-index:2;width:65%;}
    #top .col:nth-child(2) {z-index:3;width:35%;}
    
    /* HEADER */
    #header-text {left:8%;top:40%;}
    #header-text p {width:80%;font-size:28px;}
    #header-text p.bikefitting {margin-left:0;}
    #header-text .icn-container a:first-child, #header-text .icn-container a.first {margin-left:20px;}
    
    #header-cirkel {font-size:24px;left:5%;}
    
    #header img.header-graphic.graphic-cirkel {max-width:200px;}
    #header img.header-graphic.graphic-gears {max-width:160px;bottom:auto;top:40%;right:20%}
    #header img.header-graphic.graphic-cirkel-1-1 {bottom:3%;right:3%;max-width:75px;}
    #header img.header-graphic.graphic-druppels {max-width:200px;}
    
    #header img.header-graphic.brand_logo {top:18%;}
    #header #brand_payoff {top:35%;left:5%;}
    
    #header-links {bottom:-1%;right:42%;}
    
    /* NAVIGATION */
    #nav-container {position:fixed;top:0;left:-100%;width:100%;height:100%;background-color:var(--wit);z-index:-1;-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    box-sizing: border-box;
    overflow:hidden;
    overflow-y: auto;}
    #nav-container.mobileshow {left:0;}
    
    ul.nav {position:absolute;top:0;left:0;z-index:999;padding:30% 10%;}
    ul.nav li {display:block;float:none;margin:0;padding:10px 0;font-size:20px;}
    ul.nav li ul.subnav {display:block;position:relative;left:0;padding-top:0;top: 5px;}
    ul.nav li ul.subnav li:last-child {padding-bottom:5px;}
    ul.nav li ul.subnav li ul {padding-top:0;padding-bottom:0;}
    ul.nav li ul.subnav::after {display:none;}
    
    /* VRAGENLIJST */
    .col.vragenlijst-con {padding-bottom:0;padding-top:0;}
    ul.vragenlijst {margin-bottom:0;}
    ul.vragenlijst li span {padding:8% 4%;}
    ul.vragenlijst li p {left:15%}
    
    /* FIETSENINDELING */
    #fietsenoverzicht-indeling .bg-blauw.wit {font-size:12px;}
    #fietsenoverzicht-indeling .row .col:nth-child(1) {width:40%;}
    #fietsenoverzicht-indeling .row .col:nth-child(2) {width:60%;}
    
    #fietsenoverzicht-indeling .col .col {width:20%;}
    
    #fietsenoverzicht-indeling .row .col.col-15 {width:20%;}
    #fietsenoverzicht-indeling .row .col.col-25 {width:40%;}
    #fietsenoverzicht-indeling .row .col.col-35 {width:60%;}
    #fietsenoverzicht-indeling .row .col.col-45 {width:80%;}
    #fietsenoverzicht-indeling ul {border-bottom:1.5px solid var(--wit);}
    #fietsenoverzicht-indeling ul::after {font-size:20px;}
    #fietsenoverzicht-indeling .row .fas {font-size:20px;}
    
    #fietsenoverzicht-indeling span.fietsoverzicht-bezoek {right:20%;}
    
    #fietsen-stappenplan-slider-container .icn-container {position:relative;}
    
    #main .fietsen-maincat-list li {margin-left:12px;}
    
    
    /* MAIN */
    #main .col.right {text-align:left;}
    #main .col.right.mob-center {text-align:center;}
    #main .section.overlay-top .col:not(.normal) {width:100%;}
    
    #main #overlay-rest {top:unset;position:relative;padding-bottom:20px;}
    
	/* END OF PAGE */
    #end-of-page {margin-bottom:-15px;}
    #end-of-page .end-of-page-title {left: 5%; width:60%;top:0;transform: none;}
    #end-of-page img {width:150px;float:right;}
    #end-of-page #end-of-page-graphic {margin-right:-20%;}
    #end-of-page #end-of-page-circle {width:100px;height:100px;top:35px;right:35px;left:auto;}
    
    /* FOOTER */
    #footer .wrapper {width:90%;}
    #footer .col {text-align:center;}
    #footer #footerlogo {margin:auto;width:40%;}
    #footer ul {column-count:1;}
    #footer ul li:before {display:none;}
    #footer .col.border-right:after {display:none;}
    #footer .col.border-right {margin-bottom:20px;}
    #footer .icn-container {margin-top:0;}
    /*
    #footer .col:nth-child(1) {width:33.33%;}
    #footer .col:nth-child(2), #footer .col:nth-child(3) {width:66.66%;}*/
    
    /* COPYRIGHT */
    #copyright .wrapper {width:90%;}
    #copyright .col.right {text-align:left;padding-top:0;}
    #copyright ul {margin-bottom:0;}
    
    /* POPUP */
    #contact-popup {width:100vw;}
    .contact-popup.mobile_only form input, .contact-popup.mobile_only form textarea {margin-bottom:10px;}
    
    /* TABS */
    ul.tabs li {width:50%;box-sizing:border-box;float:left;margin:0px;padding:10px 0;font-size:20px}
    ul.tabs.flex.tabs-2cols {columns: 2;display:block ruby;}
    ul.tabs.flex.tabs-2cols li {margin-bottom:5%;}
    
    #main .section.overlay-top, #main .section.overlay-top-btns {top:0;}
    #main .section.overlay-top .col {width:111%;}
    #main .section.overlay-top .col.bg-wit:not(.small) {padding:20px 20px}
    
    #producten-slider .col .icn-container {right:auto; left:60%;}
    #producten-slider .product {text-align:left;}
    #producten-slider .product h4 {margin-top:25px;}
    #producten-slider .product .product_image {width:70%;margin:auto;}
    
    .slick-arrow.arrow-next {right:0;}
    
    #header-text.brand {top:20%;}
    #header img.header-graphic.brand_logo {left:0;max-width: 40%;margin-top:20px;}
    
    .col.blok .blok-content {position:relative;left:0;transform:none;/*margin-top:20px;*/padding:8%;}
    
    .col.blok {padding-top: 30px;padding-bottom: 30px;}
    .col.blok p {margin-bottom: 25px;}
    .col.blok .icn-container {margin-bottom:20px;margin-left: auto;margin-right: auto;float: none;display: table;}
    .col.blok.bikefitting .icn-container {width:50%;}
    .icn-container.backbtn {position:relative;}
    /*.col.blok.bikefitting .col.col-23 {padding:8%;}*/
    
    div.container .icn-container {width:65%;}
    
    /* NIEUWSBRIEF POPUP */
    #nieuwsbrief-popup {top:5vh;right:5vw;width:90vw;transform:none;padding-bottom:0px;background-color:var(--bruingrijs);}
    #nieuwsbrief-popup-close {position:absolute;top:20px;right:20px;font-size:20px;z-index:10001;}
    #nieuwsbrief-popup:before {content:'';position:fixed;top:0;left:0;width:100vw;height:100vh;
    background-color:rgba(255,255,255,0.75);z-index:-999999;opacity:1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;display:block;}
    #nieuwsbrief-popup a.btn.btn-submit {box-sizing:border-box;}
    
    #nieuwsbrief-popup.verborgen, #nieuwsbrief-popup.small.verborgen {right:-100vw;top:30%;}
    #nieuwsbrief-popup.small {right:-75vw;top:30%;height:235px;border:none;}
    #nieuwsbrief-popup.small .section {opacity:0;}
    #nieuwsbrief-popup.verborgen:before, #nieuwsbrief-popup.small:before {opacity:0;display:none;}
    #nieuwsbrief-popup .section.group {background-color:var(--bruingrijs);}
    
    #outlet-logo {width:40%;}
    
}

@media only screen and (min-width: 768px) {
	/* BASIS */
	#mobile-nav-container {display:none;}
    
    #top .col.shortcuts span.container a.mobile_only {display:none;}
}

/*@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
     html, body {
		font-weight:300;
	}
}*/