@media screen and (max-width:1280px){
#witstrook{background-color:lightblue;}
#footer{width:96%;padding:0% 2%;}
/*______________LEATHER_______________*/
.ui-group {
  margin: 10px 15%;}
.ui-group.gender{margin:10px 35%;}
#gallery_related {width:100%;margin-left:0%;}
/*______________ ARCHITECTURE _______________*/
#keuzemenu_architectuur{margin:0% 0% 2.6% 5%;}
.ui-group-architecture {margin: 10px 15%;}
}

@media screen and (max-width:1120px){
#witstrook{background-color:green;}

#wrap_footer {max-width:1070px;
	margin:0px auto;
	padding:0px 1.5%;}
/*______________LEATHER_______________*/
.collection_groot{height:452px;}
.collection_klein{height:225px;}
.collection_titel h1{font-size:20px;} 
.collection_titel h2{font-size:20px;}
.ui-group{margin:10px 8%;}
.ui-group.gender{margin:10px 30%;}
.col_titel p{width:29%;}
.col_titel h3{margin-left:0px; margin-right:0px;}
.leather_item{width:21%;}
/*______________GRAPHICS_______________*/
#leila h3{margin:30% 0% 0% 30%;}
#joostgabi h3{margin:25% 0% 0% 25%;}
#veltion h3{margin:60% 0% 0% 30%;}
#ebec h3{margin:60% 30% 0% 30%;}
#mantama h3{margin:30% 0% 0% 28%;}
#bala h3{margin:30% 0% 0% 20%;width:50%}
#pers h3{margin:60% 25% 0% 25%; width:45%;}
/*______________GIFTCARD_______________*/
.giftcard_item{width:48%;float:left;margin-right:10px;}
.giftcard_item_2{width:48%;float:left;}
/*______________CONTACT_______________*/
#vragen{margin-bottom:7%;}
/*______________ARCHITECTURE_______________*/
.ui-group-architecture{margin:10px 10%;}
/*______________ABOUT_______________*/
#order h3.about{width:15%; margin:5% 0% 0% 0%; }
}

@media screen and (max-width:960px){
#witstrook{background-color:red;}
#logo_naam {	width: 300px;}
#footer_left{width:50%;}
#footer_middle{width:40%;}
#footer_right{width:100%;}
#navigation{margin-top:0px;}
/*______________INDEX_______________*/
#slider{padding:100px 1.5% 20px 1.5%;}
#slider h3{width:25%;margin:0.5% 37% 3% 37%;}
#giftcard h1{margin-top:10%;}
#bowtie h2{margin-top:10%;}
#about h1{margin-top:10%;}
#chrisfran h1{margin-top:10%;}
/*______________LEATHER_______________*/
.collection_groot{height:402px;}
.collection_klein{height:200px;}
.color-shape{width:29.3%;}
.leather_item{width:29.3%;}
.vier{display:none;}
#col_detail_2_van_3{width:54%}
#col_detail_1_van_3{width:40%;}
#keuzemenu{margin:0% 5% 2.6% 5%;}
.ui-group{margin:10px 0% 10px 5%;}
#quote{padding:90px 1.5% 20px 1.5%;}
/*______________LEATHER detail_______________*/
.leather_detail_2col{width:100%;margin-bottom:0%;margin-right:0%;}
.leather_detail_2col img{margin-bottom:1%;}
.right{float:left;}
#gallery_related {margin-top:1%;}
#back{margin-top:130px;margin-bottom:10px;}
#next{margin-top:130px;margin-bottom:10px;margin-right:5px;}
/*______________ARCHITECTURE_______________*/
.architecture_item{width:32.3%;}
#keuzemenu_architectuur{margin:0% 0% 2.6% 0%;}
#subkeuzemenu_architectuur{ width:98%;float:left;margin-left:0.5%;}
/*______________CONTACT_______________*/
#contact_kroon{display:none;}
/*______________GIFTCARD_______________*/
.giftcard_item{width:48%;float:left;margin-right:10px;}
.giftcard_item_2{width:48%;float:left;}
/*______________ABOUT_______________*/
.about_item{width:48%;float:left;background-size:100%;margin: 0% 0.5% 1% 1.3%;}
.about_item_2{width:48%;float:left;background-size:100%;margin:0% 0% 1% 0.5%;}
/*______________GRAPHICS_______________*/
#leila h3{margin:30% 0% 0% 28%;}
#joostgabi h3{margin:25% 0% 0% 15%;}
#veltion h3{margin:60% 0% 0% 25%;}
#marktrock h3{margin:30% 40% 0% 35%;}
#ebec h3{margin:60% 30% 0% 25%;}
#mantama h3{margin:30% 0% 0% 20%;}
#bala h3{margin:20% 0% 0% 20%;width:50%}
#pers h3{margin:50% 25% 0% 25%; width:45%;}
}

@media screen and (max-width:750px){
#witstrook{background-color:pink;}
.js #navigation {display:none;}
.js .slicknav_menu {display:block;}
#logo {margin-top:-47px;	}
#logo_naam {	margin-top:-40px; margin-left:50px;}
#language_nl{display:none;}
#language_en{display:none;}
#header{position:relative;}
#search{display:none;}
#menu_topright{width:50px;}
#navigation li.left{margin-left:0px;}
#footer_left{width:49%;padding:0% 1%;}
#footer_middle{width:48%;}
#footer_right{width:100%;padding:0px 0px;float:left;}
/*______________INDEX_______________*/
#slider{padding:0px 1.5% 0px 1.5%; margin-top:-25px;}
#slider h1{font-size:24px;}
#slider h3{margin:4% 35% 5% 35%;}
#container_eenderde{width:96%;padding:0.5% 2% 0% 2%;}
#giftcard{width:48.7%;}
#bowtie{width:48.7%;padding-bottom:0;float:right;}
#array{width:96%;padding: 2% 2% 1% 2% ;}
#duffel{width:96%;padding: 1% 2%;}
#scenes{width:46.5%;padding:1% 1.25% 1% 2%;}
#upnot{width:46.5%; padding:1% 2% 1% 1.25%;}
#meme{width:96%;padding: 1% 2%;}
#fashion{width:46.5%;padding:1% 1.25% 1% 2%;}
#groen{width:46.5%; padding:1% 2% 1% 1.25%;}
#container_eenderde_rechts{width:96%;padding:0.7% 2% 0% 2%;}
#about{width:48.6%;}
#chrisfran{width:48.6%;float:right;}
#giftcard h1{margin-top:15%;}
#bowtie h2{margin-top:15%;}
#about h1{margin-top:15%;}
#chrisfran h1{margin-top:15%;}
/*______________GRAPHICS_______________*/
#graphics_eenderde_rechts{width:96%;padding:0.5% 2% 1.7% 2%;}
#leila{width:48.7%;padding-bottom:0px;}
#joostgabi{width:48.7%;padding-bottom:0px;float:right;}
#graphics_108_meme{display:none;}
#graphics_108_meme_smartphone{display:block;width:96%;padding: 1.7% 2% 0.7% 2%;}
#graphics_108_meme_smartphone img{width:100%;height:auto;}
#graphics_108_meme_smartphone h3{margin:30% 40% 0% 40%;}
#veltion{display:none;}
#marktrock{width:96%;padding: 1% 2% 1% 2%;}
#veltion_smartphone{display:block;width:47%;float:left;padding:1.7% 1% 1% 2%;}
#veltion_smartphone img{width:100%;height:auto;}
#ebec{display:none;}
#container_eenderde_midden{width:96%;float:left; padding: 0.5% 2% 0% 2%;}
#mantama{width:48.7%;padding-bottom:0px;}
#bala{width:48.7%;padding-bottom:0px;float:right;}
#pers{width:47%;padding:1.7% 2% 1% 1%;}
#joostgabi h3{margin:30% 0% 0% 25%;}
#veltion h3{margin:60% 0% 0% 25%;}
#marktrock h3{margin:30% 40% 0% 38%;}
#mantama h3{margin:27% 0% 0% 25%;}
#bala h3{margin:27% 0% 0% 25%;width:50%}
#veltion_smartphone h3{margin:60% 25% 0% 25%;width:45%;}
#pers h3{margin:60% 25% 0% 25%; width:45%;}
/*______________LEATHER_______________*/
.collection_groot{height:322px;width:66%;}
.collection_klein{height:160px;}
.collection_titel_groot{margin-top:60%;}
.collection_titel_groot h1{line-height:0px;}
.collection_titel h2{line-height:20px;margin-top:0px;}
#collection_02{display:none;}
#collection_05{display:none;}
#collection_03{width:30%;}
#collection_04{width:30%;}
#keuzemenu{margin:0% 2% 2.6% 2%;}
.ui-group{margin:10px 0% 10px 0%;}
.ui-group.gender{DISPLAY:none;}
.button{padding:10px 5px;font-size:11px;}
.button-group .button {margin-right: 2px;}
.col_titel h3{width:50%;float:left;text-align:left;}
.col_titel p{width:30%;margin-top:13px;}
.leather_item{width:44%; margin:2% 2%;}
/*______________leather-detail_______________*/
#back h3{margin:0.5% 0% 2.6% 2.6%;}
#col_detail_2_van_3{width:48%}
#col_detail_1_van_3{width:46%;}
.drie{display:none;}
#back{width:49%; float:left;margin-top:0px;}
#next{width:49%; float:right; margin-top:0px;}
#col_detail_titel h5{width:70%;float:left;margin-top:10px;margin-bottom:10px;}
.leather_item.een{width:43.8%; margin:2% 2%;}
#col_detail_1_van_3 h1{color:black;text-align:left;padding:1.3% 1.3% 0% 1.3%; line-height:30px; margin-top:0px;width:100%;float:left;}
#price h2{line-height:30px;margin-bottom:0px;}
/*______________GIFTCARD_______________*/
.giftcard_item_2{display:none;}
.giftcard_item{width:96%;float:left;margin-left:2%;}
#tekst_giftcard h1{margin:50px 2% 10px 2%;width:96%;}
#tekst_giftcard p{margin: 0px 2% 15px 2%;width:96%;text-align:center;}
#order.giftcard{width:40%; margin:0px 30% -50px 30%;}
/*______________ARCHITECTURE_______________*/
#quote{padding:0px 1.5% 20px 1.5%;margin-top:-50px;}
.architecture_item{width:48%;margin:1% 1%;}
#zevergem_ipad{display:block;}
#zevergem{display:none;}
#terrive_ipad{display:block;}
#terrive{display:none;}
/*_____________NEWS_______________*/
.flex-sizer, .flex-item{width:48%;margin:1% 1%;}
/*______________ABOUT_______________*/
.about_item{width:96%;float:left;background-size:100%;margin: 1% 2%;}
.about_item_2{width:96%;float:left;background-size:100%;margin:1% 2%;}
#order h3.about{width:20%; margin:10% 0% 0% 0%; }
/*______________CONTACT_______________*/
#container_eenderde.contact{width:20%;}
#contact_moerbeke_klein{display:none;}
#adres{width:100%;float:left;}
#map{width:71%;padding: 1% 1% 0% 1%;}
}


@media screen and (max-width:640px){
#witstrook{background-color:lightgreen;}
/*______________INDEX_______________*/
#slider{margin-top:-45px;}
#giftcard h1{margin-top:10%;}
#bowtie h2{margin-top:10%;}
#about h1{margin-top:10%;}
#chrisfran h1{margin-top:10%;}
#title_extra  {width:70%;}
/*______________GRAPHICS_______________*/
#leila h3{margin:27% 0% 0% 25%;}
#joostgabi h3{margin:27% 0% 0% 15%;}
#marktrock h3{margin:30% 40% 0% 35%;}
#mantama h3{margin:27% 0% 0% 18%;}
#bala h3{margin:27% 0% 0% 14%;width:65%}
#veltion_smartphone h3{margin:60% 25% 0% 22%;width:45%;}
#pers h3{margin:60% 25% 0% 17%; width:60%;}
/*______________LEATHER_______________*/
#teaser{display:none;}
.gender{display:none;}
.button.datafilter{margin-right:300px;}
/*______________ARCHITECTURE_______________*/
button.button.all {display:none;}
button.button.is-checked.datafilter{margin-right:75%;}
/*______________CONTACT_______________*/
#contact_moerbeke_groot{width:55%;}
#container_eenderde.contact{width:30%;}
#contact_moerbeke_klein{display:none;}
#adres{width:100%;float:left;}
#map{width:61%;padding: 1% 1% 0% 1%;}
}


@media screen and (max-width:500px){
#witstrook{background-color:red;}

#logo {display:none;	}
#logo_naam{display:none;}
#logo_smartphone{display:block;width:90%;margin:0px 0 0 0;
	float:left;
	height:30px;
	background-repeat:no-repeat;
	background-image: url(../img/vancroonenburg_logo_klein.png);
	cursor:pointer;}
#slider h1{line-height:30px;margin-top:0px;}
#slider h3{margin-bottom:1px;}
#footer_left{width:100%;}
#footer_middle{width:100%;float:left;}
#title_extra {width:85%; float:left;}
#footer_titelbalk{width:100%;}
#footer p{width:100%;}
/*______________INDEX_______________*/
#container_eenderde{width:96%; padding:40px 2% 0px 2%;}
#giftcard{width:100%}
#bowtie{width:100%;padding:2% 0%;}
#array{width:96%;padding: 2% 2% 1% 2% ;}
#duffel{width:96%;padding: 1% 2%;}
#scenes{width:96%;padding:1% 2%;}
#upnot{width:96%; padding:1% 2%;}
#meme{width:96%;padding: 1% 2%;}
#fashion{width:96%;padding:1% 2%;}
#groen{width:96%; padding:1% 2%;}
#container_eenderde_rechts{width:96%;padding:0.7% 2% 0% 2%;}
#about{width:100%;}
#chrisfran{width:100%;}
#giftcard h1{margin-top:17%;}
#bowtie h2{margin-top:17%;}
#array h1{margin-top:17%;}
#duffel h2{margin-top:17%;}
#meme h1{margin-top:17%;}
#about h1{margin-top:17%;}
#chrisfran h1{margin-top:17%;}
/*______________ARCHITECTURE_______________*/
.architecture_item{width:96%;margin:1% 2%;}
/*______________GRAPHICS_______________*/
#container_eenderde_rechts{width:96%;padding:0.7% 2% 0% 2%;}
#leila{width:100%;padding-bottom:2%;}
#joostgabi{width:100%;}
#container_eenderde_midden{width:96%;padding:0.7% 2% 0% 2%;}
#mantama{width:100%;padding-bottom:2%;}
#bala{width:100%;padding-bottom:1%;}
#veltion_smartphone{width:96%;padding:1% 2%;}
#pers{width:96%;padding:1% 2%;}
#leila h3{margin:27% 0% 0% 32%;}
#joostgabi h3{margin:27% 0% 0% 25%;}
#graphics_108_meme_smartphone h3{margin:27% 0% 0% 30%;}
#marktrock h3{margin:27% 0% 0% 25%;}
#mantama h3{margin:27% 0% 0% 25%;}
#bala h3{margin:27% 0% 0% 20%;width:50%;}
#veltion_smartphone h3{margin:60% 0% 0% 25%;width:45%;}
#pers h3{margin:60% 0% 0% 25%; width:45%;}
/*______________LEATHER_______________*/
.gender{float:left;}
.goods{float:right;margin-top:-20px;}
.leather_item{width:80%; margin:4.5% 9%;}
.button {margin:0px 0px;}
.button-group .button {margin:0px 0px;}
/*______________LEATHER detail_______________*/
.detail{width:98%; margin-left:1%;}
#col_detail_2_van_3{display:none;}
#col_detail_1_van_3{width:96%;margin-left:2%; padding:0 0;margin-top:10px;}
#col_detail_1_van_3 h1{text-align:center;padding: 0 0;width:100%;float:left;font-size:24px;}
#price h2{padding:15px 0 10px 0;width:100%;float:left;text-align:center;font-size:18px;}
h4{text-align:center;padding:0px 0 15px 0;}
#order h3{margin:0 33%;}
#order{border-bottom:none;margin-bottom:0;}
#col_images_smartphone{display:block;}
#array_03{margin-bottom:15px;}
.twee{display:none;}
.leather_item.een{width:93%; margin:2% 2%;}
#related_products h2{margin-top:20px;}
/*_____________NEWS_______________*/
.flex-sizer, .flex-item{width:96%;margin:2% 2%;}
/*_____________ABOUT_______________*/
#col_detail_1_van_3.about{width:96%;float:left;}
#col_detail_titel h5.about{margin-left:0px;text-align:left;margin-bottom:0px;}
#col_detail_2_van_3.about{display:block;width:96%; float:left; padding: 0% 2% 0% 2%;}
.about_item_2{margin:2% 2% 1% 2%;}

/*_____________CONTACT_______________*/
#contact_moerbeke_groot{width:96%;padding:1% 2%;}
#vragen{width:96%;padding:1% 2%;margin-bottom:0px;}
#vragen p{margin-top:-10px;}
#container_eenderde.contact{width:96%;margin-top:0px;}
#container_eenderde.contact h5{margin-top:-30px;}
#container_eenderde.contact p{margin-top:-10px;}
#map{width:96%;padding: 1% 2%;}
/*_____________GIFTCARD_______________*/
#order.giftcard{width:50%; margin:0px 25% -50px 25%;}
#price h2{margin-top:0px;}
}



@media screen and (max-width:320px){
#witstrook{background-color:yellow;}
/*______________ARCHITECTURE_______________*/
.architecture_item{margin:1.5% 2%;}

}