@media screen and (min-width: 1900px){
	.container {
		width: 95%;
	}
}

@media screen and (max-width: 1604px) {
	.block-grid {
		grid-template-columns: 336px 1fr 1fr;
	}

	.news:nth-of-type(10n+2),
	.news:nth-of-type(10n+3),
	.news:nth-of-type(10n+4),
	.news:nth-of-type(10n+7),
	.news:nth-of-type(10n+10),
	.news:nth-of-type(10n+6){
		grid-column: auto / span 1;
	}

	.news:nth-of-type(10n+5),
	.news:nth-of-type(10n+8),
	.news:nth-of-type(10n+9) { 
		grid-column: auto / span 2;
	}
}

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

	.scrollHeader #fixedHeader {
		background: initial;
		box-shadow: initial;
		height: initial;
		top: initial;
	}

	.scrollHeader #main-container {
		top: initial;
		height: initial;
	}

	#fixedHeader .topmenu {
		width: 100%;
	}

	#header {
		display:  block;
	}

	#main-container {
		top:  0px;
		height:  calc(100% - 135px) !important;
	}

	#column-left {
		display: block;
		position: fixed;
		top: 135px;
		width: 400px;
		max-width: 100%;
		height: calc(100% - 135px);
		transition: 0.5s;
		z-index: 999;
		left: -400px;
		border-right: 2px solid #eee;
	}

	#fixedHeader {
		position: relative;
		top: auto;
		left: auto;
		height: 35px;
	}	


		#fixedHeader #logo, #fixedHeader #searchbar {
			display: none;
		}

		#fixedHeader .topmenu li a {
			line-height: 35px;
		}

		.scrollHeader #fixedHeader .topmenu li a {
			color: black;
		}

	.left-column-open #column-left {
		left: 0px;
		transition: 0.5s;
	}

	#popupLatestNews { left: -400px; height: calc(100% - 135px); top: 135px;}
	#popupLatestNews.opened { left:400px;}
	#column-right { width: 325px;}
	#column-middle { width: calc(100% - 300px - 25px); }
	#span-tab-left { display: inline-block; }

}

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

	.scrollHeader #fixedHeader {
		top: 60px;
		background-color: rgb(205,10,25);
	}

	#main-container {
		height: calc(100% - 95px) !important;
		top: 95px !important;
	}

	::-webkit-scrollbar {
		display: none !important;
	}

	.wider #column-middle {
		width: 100%;
	}

	.vList .img { 
		width:  60px;
	}

	#column-left { top: 60px; height: calc(100% - 60px);}
	#span-tab-right { display: block; }
	#span-tab-left:after, #span-tab-right:after { top: 45px; }

	.content-left, .content-right{
		width: 100%;
		margin: 0px;
	}

	#column-middle {  
		width: 100%;
	}

	#column-middle .column-content {
		padding: 0px 5px;
	}	

	#searchbar:not(.mobile) { display: none !important; }

	#searchbar.mobile {
		padding:  15px 0px;
	}

	#searchbar.mobile input{
		display: inline-block;
		width: calc(100% - 19px);
	}

	#searchbar.mobile .cnt-searchresult.visible {
		visibility: hidden;
		opacity: 0;
	}

	.right-column-open #searchbar.mobile .cnt-searchresult.visible {
		visibility: visible;
		opacity: 1;
	}

	#searchbar.mobile h2 {
		margin-top:  0px;
	}

	#searchbar.mobile .vList .img {
		width:  30px;
		height:  30px;
	}

	#searchbar.mobile .vList {
		margin:  0px;
	}

	#searchbar.mobile .vList td {
		padding:  0px;
	}

	#column-right {
		left: 100%;
		display: block;
		position: fixed;
		top: 60px;
		width: 322px;
		height: calc(100% - 60px);
		transition: 0.5s;
		z-index: 999;
		border-left: 2px solid #eee;
		padding-left: 0px;
		margin-bottom: 100px;
	}

	.right-column-open #column-right{
		left:calc(100% - 322px);
		transition: 0.5s;
	}

	#popupLatestNews {
	    width: 100% !important;
	    height: 100%;
	    left: 0px !important;
	    top: 0px !important;
	    box-shadow: none !important;
	    z-index: 999;
	    background-color: #ffffff;
	    transition: .25s;
	    transform: translateX(100%);
	}

	#popupLatestNews.opened {
		transform: translateX(0%);
		transition: .25s;
	}

	#popupLatestNews .scroll-wrapper {
		height: calc(100% - 30px);
	}

	#popupLatestNews .dismiss {
	    display: block;
	    width: 40px;
	    text-align: center;
	    line-height: 40px;
	}

	#logo {width: calc(100% - 130px); text-align: center; display: inline-block; margin-left:0px;}
	#logo img{ width:100%; max-width: 200px; vertical-align:middle; margin: 0px;}
	#header { 
		height: 60px; 
		position:fixed; 
		top: 0px; 
		left: 0px; 
		background-color: #fcfcfc; 
		z-index: 500;
		box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
		-webkit-transform: translateZ(0px);
		-webkit-transform: translate3d(0,0,0);
		-webkit-perspective: 1000;
	}

	#header * {
		-webkit-transform: translateZ(0px);
    	-webkit-transform: translate3d(0,0,0);
    	-webkit-perspective: 1000;
	}

	.cnt-searchresult {
		box-shadow: 0px 0px 0px rgb(0,0,0);
		position: fixed;
		left: 0px;
		top: 50px;
	}

	.goback {
		display: none;
	}


	.prev_next {
	    display: block;
	    bottom: 0px;
	    left: 0px;
	    width: 50%;
	    height: 7vh;
	    line-height: 7vh;
	}

	#popupLatestNews_content {
	    height: calc(100% - 50px);
	    padding-top: 10px;
	}

	#span-tab-right{ display: inline-block; }
	
	#column-right #searchbar {
		display: block;
	}

	#fixedHeader {
		position: fixed;
		top: 60px;
		left: 0px;
		background: rgb(219,3,27);
		box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);
	}

	#fixedHeader .topmenu li a {
		color: white;
	}

	#fixedHeader .topmenu {
		width: 100%;
		overflow-x:scroll;
	}

	.topmenu ul {
		width: max-content;
		column-gap: 15px;
		margin-left: 0px;
	}

	.scrollHeader #fixedHeader .topmenu li a {
		color: white;
	}
}

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

	#decathlon-flex {
		flex-direction: column;
	}

	#decathlon-flex img {
		height: auto !important;
		object-fit: initial;
	}

	#decathlon-flex img:last-child {
		display: none;
	}



	.prdcts {
		grid-template-columns: 1fr 1fr;
    	grid-gap: 1vw;
    	grid-row-gap: 3vw;
	}

	.division {
		height: auto;
	}

	.division:after {
	    content: "";
	    display: block;
	    padding-bottom: 75%;
	}

	.division.fake-division:after{
	    padding-bottom: calc(75% / 2);
	}

	.cvr_rj {
		position: absolute;
		top: 2.5vw;
   		right: 2.5vw;
		display: block;
	}
	
	.cvr_rj img {
		max-width: 24vw;
	}
	
	.bb_hm {
		display: none;
	}

	.custom_blok .content {
		display: block;
		width: 100%;
	}

	.pdm-info {
		padding: 20px;
	}

	.sub-block, .sub-block.le-12,.sub-block.le-6,.sub-block.le-24 { margin-top:-2px;width: 100% !important; height: 37.5vw; position: relative; left: 0px; top: 0px; transform:none;}

	.sub-block .prijs { font-size: calc(2vw + 18px);}
	.sub-block .prijs-extra { bottom: -7px; }
	.sub-block .besp { font-size: calc(1vw + 14px); }
	.sub-block { font-size: calc(0.5vw + 11px); }
	
	.wk-cd {
	    position: absolute;
	    top: 2.5vw;
	    left: 2.5vw;
	    box-shadow: 1px 1px 4px 2px rgba(0,0,0,0.3);
	}

	.pdm { height: auto; }

	.breadcrumb .fakeh2 {
		color: white;
	    position: absolute;
	    top: 10px;
	    z-index: 100;
	    left: 10px;
	    font-weight: normal;
	    font-size: 18px;
	    text-shadow: 2px 2px 50px rgba(0,0,0,0.6), -2px -2px 50px rgba(0,0,0,0.6), 0px 0px 2px rgba(0,0,0,0.8);
	}

	#extraMobileContent {
		display: block;
    	width: calc(100vw - 4px);
	}

	.voetbalreizen {
		    display: block;
    	margin: 10px auto;
	}

	.news.voetbalreizen {
		display: none;
	}

	.news .overlay h2 {
		font-size: calc(10px + 0.5vw);
	}

	.p33, .p22, .p10 { width: 100%; margin: 2px 0px;}

	.block-grid {
		grid-template-columns: repeat(5, 1fr);
		grid-gap: 2px;
    	margin-right: -3px;
    	margin-left: -3px;
	}

	.news:nth-of-type(10n+1)
	, .news:nth-of-type(10n+6)
	{
		grid-column: auto / span 5;
	}

		.news:nth-of-type(10n+1) .overlay
		, .news:nth-of-type(10n+6) .overlay {
			height: 100%;
			padding: 5%;
			backdrop-filter: none;
			-webkit-backdrop-filter: none;
    		background: radial-gradient(circle, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
		}

		.news:nth-of-type(10n+1) .overlay h2
		, .news:nth-of-type(10n+6) .overlay h2 {
			font-size: calc(10px + 2.5vw);
    		text-shadow: 1px 1px 3px black;
		}

	.news:nth-of-type(10n+2)
	,.news:nth-of-type(10n+5)
	,.news:nth-of-type(10n+8)
	,.news:nth-of-type(10n+9) {
		grid-column: auto / span 2;
	}

	.news:nth-of-type(10n+3)
	, .news:nth-of-type(10n+4)
	, .news:nth-of-type(10n+7)
	, .news:nth-of-type(10n+10) {
		grid-column: auto / span 3;
	}

	.custom_blok {
		font-size: 12px;
		padding: 10px;
	}

		.custom_blok img {
			width: 150px;
		}
	
	.btmbnr {
	    margin: 68px 0px 0px 0px;
		
	}
	
	.news {
		height: calc(60vw / 1.2);
	}

	#socials {
		position: absolute;
    	bottom: 0px;
    	right: 5px;
    	width: 50px;
	}

		#socials .btn-social {
			margin: 2.5px;
		}

	iframe.iframe-elfquiz {
		height: calc(100vh - 95px);
	}

	#popupLatestNews .dismiss {
		width: 40px;
		text-align: center;
	}

	.backToTop {
		right: 10px;
		
	}

	.backToTop.shown {
		bottom: 10px;
	}

	.topmenu i.fa {
		display: none;
	}

	#fixedHeader .topmenu li a {
		font-size: 13px;
	}

	#popupLatestNews h2 {
		margin-top: 0px;
		width: calc(100% - 40px);
	}

	.topmenu i {
		display:  block;
	}

	.not-mobile { display: none !important; }

	#column-left { width: 100%; left: -100%; border: 0px;}
	#column-right { width: 100%; left: 100%; border: 0px;}

	.right-column-open #column-right {
		left: 0px;
	}

	#nieuwsbrief>input {
		width: calc(100% - 108px);
		margin-left:  1px;
	}

	.magazine td:nth-child(1) {
		padding:  0px;
		padding-right: 5px;
	}

	#topmenu_extra {
		display: block;
		bottom: 35px;
	}

		#topmenu_extra.opened {
			bottom: 35px;
		}

	.goback.left {
		left: calc(50% - 30px);
	    top: 8px;
	    transform: rotate(270deg);
	    display: block;
	    transform-origin: 50% 0%;

	}

	#map_overlay {
		height: calc(100% /3 *2 );
    	left: 0%;
    	width: 100%;
    	top:  100%;
	}

	#map_overlay.open {
		top: calc(100% / 3);
		left: 0%;
	}

	#map_overlay img {
		width: 50px;
		height: 50px;
	}

	#map_cnt {
		height: 100vw !important;
	}

	#column-right, #column-left {
		top: 60px;
		height: calc(100% - 60px);
	}

	.combi img {
	    height: 20vh;
	    max-height: 40vw;
	}
}

@media screen and (max-width:350px) {
	.sub-block .prijs-cnt { top: 35%; }
}