@media only screen and (max-width: 1200px) {
	.inner{padding: 0 20px;}
	.site-header .header-third ul.site-nav li{margin-right: 20px;}
	.site-main .service .wrap .block form input.submit{font-size: 16px;}
	.site-main .service .wrap .block.img .button a{font-size: 16px;}
	.site-main .service .wrap .block.list ul li .image{width:100%; text-align: center;}
	.site-main .service .wrap .block.list ul li .text{font-size: 14px; line-height: 20px;}
	.site-main .filters .select-style{width:230px;}
	.site-main .schoenen .row .shoe .description ul li{font-size: 14px;}
	.site-main .schoenen .row .shoe .description h3{font-size: 22px;}
	.site-main .schoenen .row .shoe .description .buttons .button a{width:100%;}
	.site-main .schoenen .row .shoe .description .buttons .winkelwagen{float:left; margin-top:20px;}
	.site-main .schoenen .row .shoe .description .price .voorraad{clear:left; margin: 10px 0 0 0;}
	.site-main .schoenen .row .shoe .description .buttons .button{display: block; width:100%;}
	.site-main .shoesingle .asside-right form .buttonwrap{width:100%;}
	.site-main .shoesingle .asside-right .buttonwrap input.submit{font-size: 15px; width:100%;}
	.site-main .shoesingle .asside-right .usps .left{width:100%; border:none;}
	.site-main .shoesingle .asside-right .usps .right{width:100%; border:none; padding:0;}
	.site-main .shoesingle .left .tabs-wrap ul.tabs li{font-size: 14px; padding: 15px;}
	.site-main .shoesingle .asside-right .bijproducten .item img{width:100%;}
	.site-main .shoesingle .asside-right .bijproducten .button img{width:auto;}
	.site-main .textblockfullwidth p{font-size: 16px;}
	.site-main .one-halves p{font-size: 16px;}
	.site-main .one-halves .right .caption{font-size: 14px;}
	.site-main .one-halves .left{padding: 20px 20px 20px 0;}
	.site-main .bgimage-text p{font-size: 16px;}
	.site-main .one-halves.swap .left{padding:20px 0 20px 20px;}
	.dealers-overview .website {margin-left: 3%}
	.dealer_different_address {float: right; width: 600px; }
	.container-different_address {padding: 20px;}
}
@media only screen and (max-width: 900px) {
		.site-header .header-top{display: none;}
		.site-header .header-second .catalogus{display: none;}
		.site-header .header-second .winkelwagen{display: none;}
		.site-header .header-second .inloggen{display: none;}
		.site-header .header-third{display: none;}
		.mobile-nav-button{width: 50px; height: auto; background: url(/mvc/public/frontend/images/mobile-nav-btn.png) no-repeat center 10px #000; position: fixed; top: 20px; right: 20px; cursor: pointer; z-index: 150000000; display: block; border: 1px solid #fff;}
		.mobile-nav-button span{padding-top: 35px; display: block; text-align: center; padding-bottom: 7px; color: #fff !important;}
		.mobile-nav{font-family: 'Raleway', sans-serif; width: 265px; position: fixed; overflow-y:auto; top: 0px; bottom: 0px; left: 0px; background-color: #292929; z-index: 9000000000; margin-left: -340px; padding-top: 80px; display: block;}
		.mobile-nav-content li{width: 100%; list-style: none; position: relative; clear: both}
		.mobile-nav-content li a{color: #fff; font-size: 15px; text-transform: uppercase; font-weight: 400; padding: 15px 10px; display: block;}
		.mobile-nav-content li.current a{color: #fff;}
		.mobile-nav-content li .nav-click{width: 40px; height: 40px; position: absolute; right: 0; top: 0; background-color: #245619;}
		.mobile-nav-content li .nav-click i{width: 40px; height: 40px; display: block; background: url(/mvc/public/frontend/images/down-arrow.png) no-repeat center center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
		.mobile-nav-content li .nav-click i.nav-rotate{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
		.mobile-nav-content li .dropdown-menu{display: none;}
		.mobile-nav-content li .dropdown-menu .column{position: relative;}
		.mobile-nav-content li .dropdown-menu .column .nav-click-sub{width: 45px; height: 45px; position: absolute; right: 0; top: 0; background-color: #343333; border-bottom: 1px solid #fff;}
		.mobile-nav-content li .dropdown-menu .column .nav-click-sub i{width: 45px; height: 45px; display: block; background: url(/mvc/public/frontend/images/down-arrow.png) no-repeat center center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
		.mobile-nav-content li .dropdown-menu .column .nav-click-sub i.nav-rotate{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
		.mobile-nav-content li .dropdown-menu .column h3{padding: 10px 10px 10px 20px; border-top: 1px solid #dedede; background-color: #000; font-size: 15px; font-weight: 600;}
		.mobile-nav-content li .dropdown-menu .column ul{display: block;}
		.mobile-nav-content li .dropdown-menu .column ul li a{padding: 8px 10px 8px 30px; font-size: 14px; font-weight: 400;}
		.mobile-nav .social-links{width: 100%; padding: 10px;}
		.mobile-nav .social-links span{font-family: 'Raleway', sans-serif; font-size: 24px; color: #000; line-height: 24px; display: block; margin-bottom: 10px;}
		.mobile-nav .social-links .social-link{width: 25px; height: 25px; float: left; margin-right: 10px; background-size: contain; background-repeat: no-repeat; background-position: center center;}
		.mobile-nav .social-links .social-link:last-child{margin-right: 0;}
		.mobile-nav .social-links .social-link a{width: 100%; height: 100%; display: block;}
		.mobile-nav .contact-info{width: 100%; height: auto;}
		.mobile-nav .contact-info a{display: block; color: #fff; font-size: 12px; text-decoration: none; padding: 13px 10px 13px 50px; position: relative; border-top: 1px solid #fff;border-bottom: 1px solid #fff; background-color: #000;}
		.mobile-nav .contact-info a:last-child{margin-bottom: 0;}
		.mobile-nav .contact-info a::before{content: ''; position: absolute; left: 10px; top: 5px; background-size: contain; background-repeat: no-repeat; background-position: left center;}
		.mobile-nav .contact-info a.telephone::before{width: 26px; height: 26px; background-image: url(/mvc/public/frontend/images/phonewhite.png); top: 5px;}
		.mobile-nav .contact-info a.email::before{width: 26px; height: 26px; background-image: url(/mvc/public/frontend/images/mailwhite.png); top: 4px;}
		.logo-close-section{height: 76px; width: 100%; position: absolute; top: 0; left: 0; right: 0; padding-bottom: 10px;}
		.mobile-nav-logo{height: 58px; background: url(/mvc/public/frontend/images/site-logo.png) no-repeat center left; position: absolute; left: 10px; right: initial; top: 8px; background-size: contain; width:180px;}
		.close-mobile-nav{width: 40px; height: 40px; position: absolute; right: 0px; top: 0; background: url(/mvc/public/frontend/images/mobile-close-btn.png) no-repeat center center #e2001a; cursor: pointer;}
		.mobile-nav-overlay{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; display: none;}
		.mobile-nav .shopping-cart{margin:15px}
		.mobile-nav .shopping-cart img{vertical-align: middle;}
		.mobile-nav .winkelwagen{float:left; margin-left: 10px;margin-top:15px;  width:100%;}
		.mobile-nav .winkelwagen .button{position: relative; margin-right: 13px; border-radius: 4px; width:40px; height:40px; background:url(/mvc/public/frontend/images/winkelwagen-icon.png) center center no-repeat #7d674f; display: inline-block; vertical-align: middle;}
		.mobile-nav	 .winkelwagen .button .number{top:-7px; text-align: center;right:-7px;position: absolute; background:#009640; color:#fff; border-radius: 50%; width:20px; height:20px; font-size: 12px; padding-top:3px;}
		.mobile-nav .winkelwagen a{color:#fff; text-decoration: none;}
		.mobile-nav .catalogus{margin-top:15px; margin-left: 10px;float:left; background:#7c674e; border-radius: 4px; height:40px; width:125px; text-align: center; display: block;}
		.mobile-nav .catalogus a{display: inline-block; width:100%; height:100%; font-size: 16px; color:#fff; text-decoration: none; padding-top:10px;}
		.mobile-nav .catalogus a img{vertical-align: middle; margin-left:  10px;}
		.mobile-nav .inloggen{margin-top:15px; margin-left: 10px;float:left; width:100%;}
		.mobile-nav .inloggen .button{margin-right: 13px; border-radius: 4px; width:40px; height:40px; background:url(/mvc/public/frontend/images/person-icon.png) center center no-repeat #7d674f; display: inline-block; vertical-align: middle;}
		.mobile-nav .inloggen a{color:#fff; text-decoration: none;}
		.slider-wrapper{margin-top:108px;}
		.slider-wrapper .textarea h2{font-size: 35px;}
		.site-main .infoblock .image .button{width:90%; margin-top:0;}
		.site-main .infoblock .image .button a{font-size: 14px;padding-top:15px;}
		.site-main .infoblock .image .button a img{margin-top:0;}
		.site-main .infoblock.type2 .image .button{width:90%; margin-top:0;}
		.site-main .infoblock.type2 .image .button a{font-size: 14px;padding-top:15px;}
		.site-main .infoblock.type2 .image .button a img{margin-top:0;}
		.site-main .service .wrap .block{width:50%;}
		.site-main .service .wrap .block.list ul li .text{font-size: 16px;}
		.site-main .filters .select-style{margin-right: 30px; width:210px;}
		.site-main .schoenen .row .shoe{width:41%;}
		.site-main .shoesingle .left .tabs-wrap ul.tabs li{font-size: 12px;}
		.site-main .shoesingle .left .gallery-wrap .gallery .thumbnails li{height:55px;}
		.dealers-overview .postal_code {width: 25%}
	}

@media only screen and (max-width: 768px) {
	.slider-wrapper .usps{display: none;}
	.site-main .catalogus ul li{width:50%;}
	.site-main .infoblock .text{width: 100%;}
	.site-main .infoblock .image{width:100%;}
	.site-main .infoblock .image .button{margin-bottom: 20px;}
	.site-main .infoblock.type2 .text{width: 100%;}
	.site-main .infoblock.type2 .image{width:100%;}
	.site-main .infoblock.type2 .image .button{margin-bottom: 20px;}
	.site-main .service .wrap .block{width:100%;}
	.site-main .service .wrap .block.img{min-height: 350px;}
	.site-main .service .wrap .block.list ul li .text{width:100%; text-align: center;}
	.site-main .service .wrap .block.contact{min-height: 350px;}
	.site-footer .footer-top .column{width:100%; margin:0 0 30px 0;}
	.site-footer .footer-bottom{text-align: center;}
	.site-footer .footer-bottom .site-logo{float:initial;}
	.site-footer .footer-bottom ul{float:initial;}
	.site-footer .footer-bottom .madeby{float:initial;}
	.site-main .filters .select-style{width:100%; margin:0 0 10px 0;}
	.site-main .schoenen .row .shoe{width:45%;}
	.site-main .shoesingle .left{width:100%;}
	.site-main .breadcrums .back{float:left;}
	.site-main .shoesingle .left .tabs-wrap ul.tabs li{width:100%; text-align: center; font-size: 16px;}
	.site-main .shoesingle .left .tabs-wrap .tab-inner p{font-size: 15px;}
	.site-main .shoesingle .asside-right{width:100%;}
	.site-main .shoesingle .asside-right .bijproducten span{font-size: 14px;}
	.site-main .textblockfullwidth p{font-size: 14px;}
	.site-main .one-halves .left{width:100%; padding:20px;}
	.site-main .one-halves .right{width:100%; padding:20px;}
	.site-main .bgimage-text .text{width:100%;}
	.site-main .one-halves .right::after{display: none;}
	.site-main .one-halves.swap .left::before{display: none;}
	.site-main .one-halves.swap .left{padding:20px;}
	.site-main .bgimage-text.right .text{padding:30px 0;}
	.site-main .bgimage-text .text{padding:30px 0;}
	#cookie-bar p {width: 100%}
	.contactgegevens ul li .icon {height: auto}
	.site-main .shoesingle .left .gallery-wrap .gallery .thumbnails {display: none;}
	#shoppingcart_form .right.dealers {float: left; margin-bottom: 30px;}
	.site-main .textblockfullwidth h2 {font-size: 26px}
	.site-main.shoppingcart .dealers-overview {padding-top: 120px; text-align: left;}
}

@media only screen and (max-width: 500px) {
	.slider-wrapper {display: none}  
	.site-main.index {margin-top: 80px}
	.site-main .infoblock .text h1 {font-size: 25px; line-height: 25px;}
	.slider-wrapper .textarea span{font-size: 14px!important;} 
	.site-main .service .wrap .block {height: auto}
	.slider-wrapper .textarea h2{font-size: 18px;}
	.site-header .header-second .site-logo{width:150px;}
	.slider-wrapper .textarea{margin-top:30px;}
	.slider-wrapper .hero-content, .slider-wrapper .hero-content li{height:350px !important;}
	.site-main .catalogus .button a{font-size: 18px;}
	.site-main .catalogus .button{height:48px;}
	.site-main .infoblock .text h3{font-size: 23px;}
	.site-main .infoblock .text{padding: 50px 20px;}
	.site-main .infoblock .text p{font-size: 14px;}
	.site-main .infoblock.type2 .text h3{font-size: 23px;}
	.site-main .infoblock.type2 .text{padding: 50px 20px;}
	.site-main .infoblock.type2 .text p{font-size: 14px;}
	.site-main .service .wrap .block.list{padding:20px;}
	.site-footer .footer-bottom .site-logo{width:90%;}
	.site-main .schoenen .row .shoe{width:100%; margin:0 0 30px 0;}
	.site-main .breadcrums ul.crums{text-align: center; float:initial;}
	.site-main .shoesingle .left .gallery-wrap .gallery .thumbnails{width:100%;}
	.site-main .shoesingle .left .gallery-wrap .gallery .thumbnails li{height:auto; overflow: hidden;}
	.site-main .shoesingle .left .gallery-wrap .gallery .preview{width:100%;}
	.site-main .shoesingle .left .tabs-wrap .tab-inner{padding: 20px 0;}
	.site-main .shoesingle .left .tabs-wrap .tab-inner p{font-size: 14px;}
	.site-main .one-halves p{font-size: 14px;}
	.site-main .bgimage-text p{font-size: 14px;}
	.site-main .one-halves .right .caption{margin-left: 0;}
	.site-footer .footer-top::before {background: none;}
	.site-footer .footer-top .column.links {min-width: 0px;}
	.site-main .one-halves .right.dealers {padding-top: 20px;}     
	.site-main .one-halves .right.dealers input {width: 55%; float: left; margin: 0 20px 20px 20px}
	.site-main .one-halves .right.dealers button{float: left; width: 25%; margin: 0; padding: 9px 20px} 
	#map_dealers {height: 390px;}
	.site-main .breadcrums ul.crums li {float: left;}
	.site-main .breadcrums .back {clear: both; margin-top: 10px;}
	.site-main.shoppingcart .one-halves .left {padding-right: 0px}
	.shoppingcart h1 {font-size: 28px!important;} 
	.form-group p.desc.short {margin-right: 20px}
	.form-bar input[type="text"] {width: 100%}
	.form-bar textarea {width: 100%}
	.site-main .contact.left, .site-main .contact.right { width: 100%}
	.site-main .contact.right.klantenservice {padding: 0 0 0 0}
	.site-footer .footer-top {padding: 20px 0;}
	.column.links.responsive {display: none}
	.dealers-overview .title {width: 100%}
	.dealers-overview .street {width: 100%}
	.dealers-overview .postal_code {width: 100%}
	.dealers-overview .distance {width: 100%}
	.dealers-overview .dealer_card {}
	.dealer_different_address {width: 100%}
	.shoppingcart-container .total-price-container.div_width {width: 100%}
	.form-groups.date {width: 100%}
	.form-groups.text {width: 100%}
	.shoppingcart-container .container-labels .label {font-size: 12px!Important}
	.price-original {width: 30%!important;}
	.shoppingcart-container .shoppingcart-line .line-item:not(:nth-child(6)) {float: right; width: 100%}
	.shoppingcart-container .shoppingcart-line .line-item:nth-child(2) {width: 30%}
	.shoppingcart-container .shoppingcart-line .line-item:nth-child(5), .shoppingcart-container .shoppingcart-line .line-item:nth-child(6) {width: 40%}
	.line-item.discount {width: 40%!important}
	.shoppingcart-container { margin-top: 20px; }
	.shoppingcart-container .container {float: left; /*width: 500px; overflow-x: scroll*/}
	.site-footer .footer-top .column ul li {height: 48px; line-height: 48px}
	.site-footer .footer-top .column ul li::before {top: 20px}
	.mobile-nav .contact-info a {height: 48px;}
	.mobile-nav .catalogus a {height: 48px;}
	.mobile-nav-content li a {height: 48px;}
	.site-footer .footer-bottom ul li {height: 48px}
}