.container-header {
	min-height: 50px;
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

.container-header {
	width: 100%;
}

.container-header-inner {
	min-height: 50px;
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

@media screen and (min-width: 1920px) {
	.container-header-inner {
		width: 1920px;
	}

	.header-section .section_inner {
		width: 1920px !important;
	}

}

@media screen and (min-width: 1200px) {
	.container-header-inner {
		width: 100% !important;
		max-width: 1920px !important;
		margin: 0 auto;
	}

	.header-section .section_inner {
		width: 100% !important;
		max-width: 1920px !important;
		margin: 0 auto;
	}

}

.header-build-container #top-menu-right, .header-build-container #top-menu-right-cart {
	display: inline-block;
	visibility: visible;
	min-width: 50px;
}

@media screen and (max-width: 1023px) {
	.header-build-container #top-menu-right-cart {
	padding-left: 15px;
	}

}

.header-build-container #top-menu-right {
	min-width: 83px;
}

.menu-shop-parts {
	display: table;
	float: right;
	text-align: right;
	min-width: 165px;
}

.container-loginform2 {
	display: inline-block;
	visibility: visible;
	min-width: 83px;
}

.has-webshop.shop-start .first-not-menu-header {
	padding-top: 30px;
	padding-bottom: 30px;
}

.header-build-container:not(.header-build-container.header-container-menu):not(.header-build-container.first-not-menu-header) {
	padding-top: 15px;
	padding-top: 30px;
	padding-bottom: 20px;
}

.footer-inner {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

.footer-inner {
	width: 100%;
}

.footer-inner-content {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

@media screen and (min-width: 1920px) {
	.footer-inner-content {
		width: 1920px;
	}

	.footer-section .section_inner {
		width: 1920px !important;
	}

}

@media screen and (min-width: 1200px) {
	.footer-inner-content {
		width: 100% !important;
		max-width: 1800px !important;
		margin: 0 auto;
	}

	.footer-section .section_inner {
		width: 100% !important;
		max-width: 1800px !important;
		margin: 0 auto;
	}

}

.full-bg-video {
	width: 100vw;
	object-fit: cover;
	position: absolute;
	top: 0;
	height: calc(100vh + 300px);
	top: -300px;
}

.video_layer_img {
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	position: absolute;
	top: 0;
	top: -300px;
	height: calc(100vh + 300px);
	mix-blend-mode: color;
}

.video_layer {
	width: 100vw;
	object-fit: cover;
	position: absolute;
	top: 0;
	height: calc(100vh - 200px);
	background: rgba(76, 175, 80, 0.3);
	mix-blend-mode: color;
}


	.outer-featured-products-container {
		/*
	    padding-top:30px;
	    padding-bottom:10px;
	    */
	}

	.featured-products-header {
		padding-bottom:10px;
	}

	.featured-products-header h1, 
	.featured-products-header h2, 
	.featured-products-header h3 {
		margin-top:0;
		padding-top:0;
		margin-left:-2px;
		font-size: 24px;
		font-weight: 700;
	}

	@media screen and (min-width: 0px) and (max-width: 479px) {
		.featured-products-header h1, 
		.featured-products-header h2, 
		.featured-products-header h3 {
			font-size: 18px;
		}
	}

	@media screen and (min-width: 480px) and (max-width: 599px) {
		.featured-products-header h1, 
		.featured-products-header h2, 
		.featured-products-header h3 {
			font-size: 20px;
		}
	}

	
	.go-to-custom-builder-container {
		display: table;
		width: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: #e8e8e8;
	}

	.go-to-custom-builder-intro-container, .go-to-custom-builder-btn-container {
		position:relative;
		float:none;
		display: table-cell;
		padding-left:0px;

	}

	/*
	@media screen and (max-width: 600px) {
		.go-to-custom-builder-intro-container, .go-to-custom-builder-btn-container {
			display: block;
			width: 100%;
		}
	}
	*/

	.go-to-custom-builder-intro-container {
		padding:30px;
		padding-left:40px;
		/* of geen padding kan ook */
	}

	.go-to-custom-builder-intro-container h1, .go-to-custom-builder-intro-container h2, .go-to-custom-builder-intro-container h3 {
		margin-top:0;
		padding-top:0;
		font-weight: bold;
	}

	.go-to-custom-builder-intro-container-inner {
		position:relative;
		padding: 30px;
		font-size: 24px;
		border-radius: 6px;
	}

	.go-to-custom-builder-btn-container {
		position:relative;
	}

	.go-to-custom-builder-btn-container .btn {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 25px;
		padding-right: 25px;
		font-size: 35px;
		border: 0;
		font-weight: bold;
	}
	#header-68 {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

#header-68 {
	width: 100%;
}

#header-inner-68 {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

@media screen and (min-width: 1800px) {
	#header-inner-68 {
		width: 1800px;
	}

}

@media screen and (min-width: 1200px) {
	#header-inner-68 {
		width: calc(100% - 120px) !important;
		max-width: 1680px !important;
		margin: 0 auto;
	}

}

#header-67 {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

#header-67 {
	width: 100%;
}

#header-inner-67 {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

#header-inner-67 {
	width: 100%;
}

#header-60 {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

#header-60 {
	width: 100%;
}

#header-inner-60 {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

#header-inner-60 {
	width: 100%;
}

#header-64 {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

#header-64 {
	width: 100%;
}

#header-inner-64 {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

#header-inner-64 {
	width: 100%;
}

#header-51 {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

#header-51 {
	width: 100%;
}

#header-inner-51 {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

#header-inner-51 {
	width: 100%;
}

#header-65 {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

#header-65 {
	width: 100%;
}

#header-inner-65 {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

@media screen and (min-width: 1920px) {
	#header-inner-65 {
		width: 1920px;
	}

}

@media screen and (min-width: 1200px) {
	#header-inner-65 {
		width: calc(100% - 120px) !important;
		max-width: 1800px !important;
		margin: 0 auto;
	}

}

#header-55 {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

#header-55 {
	width: 100%;
}

#header-inner-55 {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

#header-inner-55 {
	width: 100%;
}



		@media screen and (min-width: 1024px) {

			.featured-products-container-fly {
				/*height:100vh;*/
			
				background:transparent;

				/* in hoeverre je de background video ziet */
				/* maar ook of hij op de gradient staat of er overheen gaat */
				/* zie ook .full-bg-video en .video_layer_img */

				height:130vh !important;

				height:108vh !important;
				/*max-height:768px !important;*/


				/* hierdoor maak je hem kleiner 
				correspondeert met de 80% bij de js*/
				margin-top:10vh;
				margin-bottom: -10vh;
				
				margin-top:20vh;
				margin-bottom: -20vh;

				margin-top:15vh;
				margin-bottom: -15vh;

				margin-top:10vh;
				margin-bottom: -10vh;

				margin-top:5vh;
				margin-bottom: -5vh;


				/* pc verder naar boven */
				margin-top: -30px;
				margin-bottom: -5vh;

			}

		}


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

			/* tijdelijk */
			/*
			#video_gradient_transition {
				background: none !important;
			}
			*/



			.featured-products-container-fly {
				margin-top: 205px;

				height: auto !important;
				margin-bottom: 0;
			}

		}



		@media screen and (min-width: 0px) and (max-width: 599px) {

			.full-bg-video {
				top: -60px;
			}

			.video_layer_img {
				top: -60px;
			}

		}

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

			.full-bg-video {
				top: -140px;
			}

			.video_layer_img {
				top: -140px;
			}

		}



		@media screen and (min-width: 0px) and (max-width: 479px) {

			.featured-products-container-fly {
				margin-top: 125px;
			}

			
			#video_gradient_transition {
				background: linear-gradient(rgba(0, 0, 0, 0) 25%, rgb(2, 2, 2) 54%, rgb(2, 2, 2) 80%, rgb(45, 45, 45) 100%) !important;
				height: 365px !important;
				margin-bottom: 0;
			}
			

			/*
			.full-bg-video {
				height:535px;
				top: -30px;
			}

			.video_layer_img {
				height:535px;
				top: -30px;
			}
			*/

		}


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

			.featured-products-container-fly {
				margin-top: 110px;
				margin-bottom: 0;
			}

			
			#video_gradient_transition {
				height:520px  !important;
				background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgb(2, 2, 2) 66%, rgb(2, 2, 2) 80%, rgb(45, 45, 45) 100%) !important;
			}
			

			/*
			.full-bg-video {
				height:520px;
				top: -30px;
			}

			.video_layer_img {
				height:520px;
				top: -30px;
			}
			*/

		}


		/* Small tablet portrait (600x800) */
		@media screen and (min-width: 600px) and (max-width: 767px) {

			.featured-products-container-fly {
				margin-top: 150px;
				
				/*max-height:760px !important;*/

				margin-top: 180px;

			}


			#video_gradient_transition {
				background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(2, 2, 2) 20%, rgb(2, 2, 2) 45%, rgb(45, 45, 45) 100%) !important;
			}


			/*
			.full-bg-video {
				height:740px;
				top: -300px;
			}

			.video_layer_img {
				height:740px;
				top: -300px;
			}
			*/

		}


		@media screen and (min-width: 800px) and (max-width: 1023px) and (max-height: 1024px) {
			
			.featured-products-container-fly {
				margin-top: 160px;

				margin-top: 170px;
			}

			/*
			.full-bg-video {
				height:865px;
				top: -300px;
			}

			.video_layer_img {
				height:865px;
				top: -300px;
			}
			*/

		}


		/* tablet exotisch hoog */
		/* en Tablet portrait (768x1024) */
		/* zie ook .full-bg-video */
		@media screen and (min-width: 800px) and (max-width: 1023px) and (min-height: 1025px) {

			.featured-products-container-fly {
				
				/*max-height:1020px !important;*/

				margin-top: 180px;

			}

			/*
			.full-bg-video {
				height:1000px;
				top: -300px;
			}

			.video_layer_img {
				height:1000px;
				top: -300px;
			}
			*/

		}


		@media screen and (max-width: 1023px) and (min-height: 1200px) {

			.featured-products-container-fly {
				margin-top: 195px;
			}

		}




		/* wordt overschreven maar toch pakt hij hem */
		
		.featured-products-container-fly .layerslider {
			
			/* DUSSS als je important hier weghaalt is hij niet meer responsive */
			/* maar als je het laat staan zit je met een container die responsive veel te hoog is */
			/* en als je refreshen is hij weer vele te groot maar als je resised is het wel netjes */
			/* als jij het nog snapt */
			/*width:100% !important; height:90vh !important;*/
			/* nog is getest - de enige manier om het echt netjes te houden is die hardcoded pixels */
			/* punt/vreemde is / responsive ok maar om mee te starten die hoogte veel te hoog */
			/*top:5vh;*/

			background:transparent;


		}
		

		/*
		.ls-slide-backgrounds img {
			width:70% !important;
			height:auto !important;
		}
		*/

		/*
		.ls-inner {
			width:400px !important;
			height:400px !important;
			background:purple;
		}
		*/

		#header-56 {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

#header-56 {
	width: 100%;
}

#header-inner-56 {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

#header-inner-56 {
	width: 100%;
}

#header-62 {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

#header-62 {
	width: 100%;
}

#header-inner-62 {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

@media screen and (min-width: 1920px) {
	#header-inner-62 {
		width: 1920px;
	}

}

@media screen and (min-width: 1200px) {
	#header-inner-62 {
		width: calc(100% - 120px) !important;
		max-width: 1800px !important;
		margin: 0 auto;
	}

}

#featured-products-container-62 {
			position:relative;
			width:100%;
			height: 500px;
			background:white;
		}
		

			#outer-featured-products-container-62 .swiper {
				width: calc(100% - 180px) !important;
				height: 436px;
			}

			#outer-featured-products-container-62 .swiper-slide {
				background:white;
				border: solid #e8e8e8 1px;
				cursor: pointer;
				border-radius: 4px;
			}

			#outer-featured-products-container-62 .swiper-slide-img-box {
				height: 155px;
				padding:20px;
			}

			#outer-featured-products-container-62 .swiper-slide-text-box {
				position:relative;
				height: 50px;
				width: 99%;
	    		margin: 0 auto;
				/*background:white;*/
			}

			#outer-featured-products-container-62 .swiper-slide-text-box-innner {
				position: absolute;
				top: 50%;
				left:0;
				right:0;
				-webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				-o-transform: translateY(-50%);
				transform: translateY(-50%);
				font-weight: bold;
				text-align: center;
				padding-left: 15px;
				padding-right: 15px;
			}

			#outer-featured-products-container-62 .swiper-slide img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: contain;
			}

			#outer-featured-products-container-62 .swiper-button-prev {
				left: 0;
			}

			#outer-featured-products-container-62 .swiper-button-next {
				right: 0;
			}

				#outer-featured-products-container-62 .swiper-button-prev {
					top: 40%;
				}

				#outer-featured-products-container-62 .swiper-button-next {
					top: 40%;
				}

				#outer-featured-products-container-62 .swiper-slide-img-box {
					height: 155px;
					padding:20px;
					/* nieuw */
					padding-top:15px;
					padding-bottom:0px;
				}

				#outer-featured-products-container-62 .swiper-slide-price-box {
					position:relative;
					height: 50px;
					width: 99%;
		    		margin: 0 auto;
					/*background:white;*/
					font-size:0.9em;
				}

				#outer-featured-products-container-62 .swiper-slide-price-box-innner {
					position: absolute;
					top: 50%;
					left:0;
					right:0;
					-webkit-transform: translateY(-50%);
					-moz-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
					-o-transform: translateY(-50%);
					transform: translateY(-50%);
					font-weight: normal;
					text-align: center;
					padding-left: 15px;
					padding-right: 15px;
				}

				#outer-featured-products-container-62 .swiper-slide-price {
					/*font-weight:bold;*/
				}

				#outer-featured-products-container-62 .swiper-slide-title-box {
					position:relative;
					height: 50px;
					width: 99%;
		    		margin: 0 auto;
					/*background:white;*/
					font-size:0.9em;
				}

				#outer-featured-products-container-62 .swiper-slide-title-box-innner {
					position: absolute;
					top: 50%;
					left:0;
					right:0;
					-webkit-transform: translateY(-50%);
					-moz-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
					-o-transform: translateY(-50%);
					transform: translateY(-50%);
					/*font-weight: bold;*/
					text-align: center;
					padding-left: 15px;
					padding-right: 15px;
				}

				#outer-featured-products-container-62 .swiper-slide-text-box {
					font-size:0.9em;
				}

				#outer-featured-products-container-62 .swiper-slide-details-box {
					position:relative;
					height: 99px;
					width: 99%;
		    		margin: 0 auto;
					/*background:white;
					background:#e8e8e8;*/
				}

				#outer-featured-products-container-62 .swiper-slide-details-box-innner {
					position: absolute;
					top: 50%;
					left:0;
					right:0;
					-webkit-transform: translateY(-50%);
					-moz-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
					-o-transform: translateY(-50%);
					transform: translateY(-50%);
					font-size:0.9em;
					font-weight: normal;
					line-height: 19px;
					text-align: center;
					padding-left: 15px;
					padding-right: 15px;
				}


				#outer-featured-products-container-62 .swiper-slide-btn-box {
					position:relative;
					height: 50px;
					width: 99%;
		    		margin: 0 auto;
					/*background:white;*/
				}

				#outer-featured-products-container-62 .swiper-slide-btn-box-innner {
					position: absolute;
					top: 50%;
					left:0;
					right:0;
					-webkit-transform: translateY(-50%);
					-moz-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
					-o-transform: translateY(-50%);
					transform: translateY(-50%);
					font-weight: normal;
					text-align: center;
					padding-left: 0px;
					padding-right: 0px;
				}

				#outer-featured-products-container-62 .swiper-slide-btn-box-innner .btn {
					width: 100%;
				}

				#header-59 {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

#header-59 {
	width: 100%;
}

#header-inner-59 {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

#header-inner-59 {
	width: 100%;
}

#footer-66 {
	display: table;
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

#footer-66 {
	width: 100%;
}

#footer-inner-66 {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

@media screen and (min-width: 1700px) {
	#footer-inner-66 {
		width: 1700px;
	}

}

@media screen and (min-width: 1200px) {
	#footer-inner-66 {
		width: calc(100% - 120px) !important;
		max-width: 1580px !important;
		margin: 0 auto;
	}

}

#footer-50 {
	display: table;
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

#footer-50 {
	width: 100%;
}

#footer-inner-50 {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

@media screen and (min-width: 1700px) {
	#footer-inner-50 {
		width: 1700px;
	}

}

@media screen and (min-width: 1200px) {
	#footer-inner-50 {
		width: calc(100% - 120px) !important;
		max-width: 1580px !important;
		margin: 0 auto;
	}

}

#footer-58 {
	display: table;
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

#footer-58 {
	width: 100%;
}

#footer-inner-58 {
	margin: 0 auto;
	margin-left: auto !important;
	margin-right: auto !important;
}

@media screen and (min-width: 1920px) {
	#footer-inner-58 {
		width: 1920px;
	}

}

@media screen and (min-width: 1200px) {
	#footer-inner-58 {
		width: calc(100% - 120px) !important;
		max-width: 1800px !important;
		margin: 0 auto;
	}

}

/* snake */
#dtperformance-footer-icon-3 {
    width: 70px !important;
    margin-top: -15px !important;
}
/* mobius cube */
#dtperformance-footer-icon-2 {
    width: 60px !important;
    left: 10%;
    margin-top: -10px !important;
}
/* hartje */
#dtperformance-footer-icon-6 {
    width: 55px !important;
    left: 26%;
    margin-top: 45px !important;
}
/* console */
#dtperformance-footer-icon-7 {
    width: 105px !important;
    left: 33%;
    margin-top: 25px !important;
}
/* rozenkruis */
#dtperformance-footer-icon-1 {
    width: 50px !important;
    left: 44%;
    margin-top: -15px !important;
}
/* headset */
#dtperformance-footer-icon-5 {
    width: 72px !important;
    left: 55%;
    margin-top: -5px !important;
}
/* skull */
#dtperformance-footer-icon-8 {
    width: 72px !important;
    left: 70%;
    margin-top: 30px !important;
}
/* beker */
#dtperformance-footer-icon-9 {
    width: 80px !important;
    left: 80%;
    margin-top:-10px !important;
}
/* muts */
#dtperformance-footer-icon-4 {
    width: 85px !important;
    left: 90%;
    margin-top: 7px !important;
}



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

    /* snake */
    #dtperformance-footer-icon-3 {
        width: 60px !important;
        margin-top: -15px !important;
    }
    /* mobius cube */
    #dtperformance-footer-icon-2 {
        width: 50px !important;
        left: 10%;
        margin-top: -10px !important;
    }
    
    /* hartje */
    #dtperformance-footer-icon-6 {
        width: 45px !important;
        left: 26%;
        margin-top: 25px !important;
    }
    /* console */
    #dtperformance-footer-icon-7 {
        width: 95px !important;
        left: 33%;
        margin-top: 25px !important;
    }
    /* rozenkruis */
    #dtperformance-footer-icon-1 {
        width: 40px !important;
        left: 45%;
        margin-top: -40px !important;
    }


    /* headset */
    #dtperformance-footer-icon-5 {
        width: 62px !important;
        left: 55%;
        margin-top: -15px !important;
    }
    /* skull */
    #dtperformance-footer-icon-8 {
        width: 62px !important;
        left: 70%;
        margin-top: 20px !important;
    }
    /* beker */
    #dtperformance-footer-icon-9 {
        width: 70px !important;
        left: 80%;
        margin-top:-20px !important;
    }
    /* muts */
    #dtperformance-footer-icon-4 {
        width: 75px !important;
        left: 90%;
        margin-top: -3px !important;
    }

}


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

    /* hartje */
    #dtperformance-footer-icon-6 {
        width: 45px !important;
        left: 26%;
        margin-top: 35px !important;
    }
    /* console */
    #dtperformance-footer-icon-7 {
        width: 95px !important;
        left: 33%;
        margin-top: 15px !important;
    }
    /* rozenkruis */
    #dtperformance-footer-icon-1 {
        width: 40px !important;
        left: 46%;
        margin-top: -25px !important;
    }

}



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

    /* snake */
    #dtperformance-footer-icon-3 {
        width: 60px !important;
        left: 7%;
        margin-top: 15px !important;
    }
    /* mobius cube */
    #dtperformance-footer-icon-2 {
        width: 50px !important;
        left: 25%;
        margin-top: -10px !important;
    }
    
    /* hartje */
    #dtperformance-footer-icon-6 {
        width: 45px !important;
        left: 46%;
        margin-top: 25px !important;
    }
    /* console */
    #dtperformance-footer-icon-7 {
        width: 95px !important;
        left: 66%;
        margin-top: 0px !important;
    }
    
    
    
    /* rozenkruis */
    #dtperformance-footer-icon-1 {
        width: 40px !important;
        left: 4%;
        margin-top: 15px !important;
    }

    /* headset */
    #dtperformance-footer-icon-5 {
        width: 62px !important;
        left: 20%;
        margin-top: -5px !important;
    }
    /* skull */
    #dtperformance-footer-icon-8 {
        width: 62px !important;
        left: 40%;
        margin-top: 30px !important;
    }
    /* beker */
    #dtperformance-footer-icon-9 {
        width: 70px !important;
        left: 60%;
        margin-top:-10px !important;
    }
    /* muts */
    #dtperformance-footer-icon-4 {
        width: 75px !important;
        left: 75%;
        margin-top: 7px !important;
    }

}



@media screen and (min-width: 390px) and (max-width: 539px) {

    /* snake */
    #dtperformance-footer-icon-3 {
        width: 60px !important;
        left: 4%;
        margin-top: 15px !important;
    }
    /* mobius cube */
    #dtperformance-footer-icon-2 {
        width: 50px !important;
        left: 25%;
        margin-top: -10px !important;
    }
    
    /* hartje */
    #dtperformance-footer-icon-6 {
        width: 45px !important;
        left: 46%;
        margin-top: 25px !important;
    }
    /* console */
    #dtperformance-footer-icon-7 {
        width: 95px !important;
        left: 66%;
        margin-top: 0px !important;
    }
    
    
    
    /* rozenkruis */
    #dtperformance-footer-icon-1 {
        width: 40px !important;
        left: 4%;
        margin-top: 15px !important;
    }

    /* headset */
    #dtperformance-footer-icon-5 {
        width: 62px !important;
        left: 20%;
        margin-top: -5px !important;
    }
    /* skull */
    #dtperformance-footer-icon-8 {
        width: 62px !important;
        left: 40%;
        margin-top: 30px !important;
    }
    /* beker */
    #dtperformance-footer-icon-9 {
        width: 70px !important;
        left: 60%;
        margin-top:-10px !important;
    }
    /* muts */
    #dtperformance-footer-icon-4 {
        width: 75px !important;
        left: 75%;
        margin-top: 7px !important;
    }

}



@media screen and (min-width: 0px) and (max-width: 389px) {

    /* snake */
    #dtperformance-footer-icon-3 {
        width: 50px !important;
        left: 4%;
        margin-top: 15px !important;
    }
    /* mobius cube */
    #dtperformance-footer-icon-2 {
        width: 40px !important;
        left: 25%;
        margin-top: -10px !important;
    }
    
    /* hartje */
    #dtperformance-footer-icon-6 {
        width: 35px !important;
        left: 46%;
        margin-top: 25px !important;
    }
    /* console */
    #dtperformance-footer-icon-7 {
        width: 85px !important;
        left: 66%;
        margin-top: 0px !important;
    }
    
    
    
    /* rozenkruis */
    #dtperformance-footer-icon-1 {
        width: 30px !important;
        left: 4%;
        margin-top: 15px !important;
    }

    /* headset */
    #dtperformance-footer-icon-5 {
        width: 52px !important;
        left: 20%;
        margin-top: -5px !important;
    }
    /* skull */
    #dtperformance-footer-icon-8 {
        width: 52px !important;
        left: 40%;
        margin-top: 30px !important;
    }
    /* beker */
    #dtperformance-footer-icon-9 {
        width: 60px !important;
        left: 60%;
        margin-top:-10px !important;
    }
    /* muts */
    #dtperformance-footer-icon-4 {
        width: 65px !important;
        left: 75%;
        margin-top: 7px !important;
    }

}



@media screen and (min-width: 1800px) {
    
    /* snake */
    #dtperformance-footer-icon-3 {
        width: 90px !important;
        margin-top: -15px !important;
    }
    /* mobius cube */
    #dtperformance-footer-icon-2 {
        width: 80px !important;
        left: 10%;
        margin-top: -10px !important;
    }
    /* hartje */
    #dtperformance-footer-icon-6 {
        width: 75px !important;
        left: 26%;
        margin-top: 45px !important;
    }
    /* console */
    #dtperformance-footer-icon-7 {
        width: 135px !important;
        left: 33%;
        margin-top: 25px !important;
    }
    /* rozenkruis */
    #dtperformance-footer-icon-1 {
        width: 70px !important;
        left: 44%;
        margin-top: -15px !important;
    }
    /* headset */
    #dtperformance-footer-icon-5 {
        width: 102px !important;
        left: 55%;
        margin-top: -5px !important;
    }
    /* skull */
    #dtperformance-footer-icon-8 {
        width: 92px !important;
        left: 70%;
        margin-top: 30px !important;
    }
    /* beker */
    #dtperformance-footer-icon-9 {
        width: 110px !important;
        left: 80%;
        margin-top:-10px !important;
    }
    /* muts */
    #dtperformance-footer-icon-4 {
        width: 115px !important;
        left: 90%;
        margin-top: 7px !important;
    }
    
}
