/***********************/
/*  RESPONSIVE STYLES  */	
/***********************/	
	
@media screen and (max-width: 720px) {
/* show mobile */
#mobile{display:block; margin-bottom:20px;}
#trustmemobile{display:block; background:#5e7837}

/* reset stuff */
* {
    /* text-align:center; */
    /*color:#444; */ /*Aanpassing door XM, #KKC-712-15027*/
    margin:0;
    padding:0;
    width:auto;
    margin-left:auto !important;
    margin-right:auto !important;
    min-width:0%;
    max-width:99.9%;
    font-family:"Arial";
    font-size:12px;
    line-height:1.5;
    text-decoration:none;
    
}
.mobile_search{top:4px;width:100%; display: none; margin:0 !important;}
.mobile_content_search input{margin-top:2px; width:92%; padding:10px;box-shadow: 0px 2px 3px #d99;border:1px solid #faa; }
input:focus,
input:active{box-shadow: 0px 0px 3px #f99; }
.frontpage_block_tekstzwitsnorw b{color:#fff !important; background:#822; padding:5px; line-height:2 !important;}
div{padding:0 !important;}
html{padding:5px !important}
#boom img {
    min-height:0;
}
#boom {
    width:33%;
}
/* Reset height */
.frontpage_block_tekstzwitsnorw,
.frontpage_block_extragroot,
.frontpage_block_guirlande {height:auto !important;}

#bestelknopimage{color:#fff !important; padding-left: 5px !important;}
#footerlabel{padding-bottom: 40px;}
.footercolrechts{width:90%;}
.fp_header strong{color:#fff}
#intro{margin:0 !important; padding:5px !important; padding-right:0 !important; width:100%}

.fp_header,
.frontpage_block_homebreed .fp_subheader,
.frontpage_block_homebreed .fp_header{height:auto; padding:10px !important;}
.frontpage_block_homebreed {margin-bottom:10px !important;}
/* Dont show */
#detail_afbeelding360,
#detail_omschrijving,
#bestelstappen_centrecontent #bestelknopimage,
#detail_container td #bestelknopimage,
.general_block3,
.general_block,
.footercolrechts,
#header img,
#headeronder,
#plaatjeterug,
#plaatjeterug2,
.twitter_block,
#right,
.footercol,
#subheader{display:none;}

/* Responsive test styles */
#bestelstappen_outer,
#bestelstappen_innerwrap,
#bestelstappen_content,
#bestelstappen_centrecontent,
#content,
#centrecontent,
#innerwrap,
#outer,
body{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    min-width:0 !important;
    background:none !important;
    border:none;
}
#content p{margin-bottom:10px;}
#content strong {font-size:110%; background:#eee; color:#800; display:block; padding:5px; }
.fp_header,
.fp_subheader{height:auto !important;}
font{font-size:100% !important;}
#centrecontent{text-align:justify !important; display:block !important; }
#content{font-size:120%; !important;text-align:justify !important; }
.frontpage_block_contact2{width:100%;}

#detail_afbeelding img,
#detail_afbeelding,
#mobileheader,

img{
    min-width:0 !important;
    max-width:100%;
    height:auto !important;
    display:block;
    text-align:center;
    position:relative;
    margin-left: auto;
    margin-right: auto;
} 

#detail_container div {
    margin:0px !important;
    position: relative !important; 
    float:left; 
    width:100%;
}
#detail_container div > img {width:auto !important;}

#detail_afbeelding{width:100%;}
#detail_titel,
h1{
    text-align:center;
    font-size:100% !important;
    background:#ddd !important;
    width:100% !important;
    color:#444 !important;
    margin:5px 0 10px 0 !important;
    padding:5px !important;
}

.frontpage_block_grotebomen300,
.frontpage_block_homedorpen,
.frontpage_block_home2,
.frontpage_block_home_giant2014,
.frontpage_block_normalgroot2,
.frontpage_block_normalgroot,
.frontpage_block_normalgroot {
    border: 1px solid #ddd;
    margin:0px;
    width:32.7%;
    height:auto;
    float:left;
}
.frontpage_block_homebreed{
    width:100%;
    height:100%;
    display:block;
    float:left;
}
.fp_header2 a,
.fp_headergroot a{
    color:#800;
}
.fp_subheadergroot{display:none;}
.fp_header2,
.fp_headergroot{
    font-size:90%;
    padding:5px !important;
    background:#f4f4f4 !important;
    border-bottom:1px solid #ddd;
}
/* Product Pagina */
  /* General */
#giantbuildtree {float:left; width:100% !important; line-height:1; background:#ccc !important; padding-top:px !important;}
#giantbuildtree strong{background:none;}
#giantbuildtree img {float:left;}
#detail_opbouw2 {margin:5px;}
#detail_gianttree_tak{}
#detail_fotos{max-height:100% !important;width:100% !important ;float:left; text-align:left; margin:0 !important; padding:0 !important;}
#detail_producten{width:90% !important;}
#detail_productencompleet{width:90% !important;}
#detail_eigenschappen {width:99%; margin:auto !important; display:block; padding:0 !important;}
  /* Tabellen */
table {margin:auto;}
#detail_producten {width:100% !important; }
#detail_productencompleet{width:100% !important; }
#detail_producten td #bestelknopimage{display:block !important}
#detail_productencompleet td #bestelknopimage{display:block !important}
/* Navigatie */
#go-top{height:30px;width: 70px;border-radius: 10px 0px 0px 10px; right:0;}
#go-back{height:30px;padding-right:10px !important;border-radius: 0px 10px 10px 0px; left:0;}
a #go-top,
a #go-back {font-size:150%; color:white !important;}
#go-top,
#go-back {
    color:white;
    margin-left:auto;
    margin-right:auto;
    display:block;
    position:fixed;
    line-height:1.8;
    background:#683;
    bottom:0;
    box-shadow:1px 0px 5px black;
    z-index:999;
}
#go-top:hover,
#go-back:hover {
    background:#ddd;
    transition: 0.4s;
    color:#444;
}

/* header */
#header{
    margin-top:10px;
    margin-bottom:5px;
    box-shadow:0px -3px 8px 0px #ccc;
    border-bottom:1px solid #fee;
    border-top:1px solid #fdd;
    height:auto;
}
#mobileheader{
    margin-top:60px;
}
#footermenu {height:auto; padding:10px !important;margin:0 !important}
#footerlabel a{color:white; background:#800; text-decoration:none;}
#footerlabel a:hover{color:white; text-decoration: underline;}
#footerlabel strong{color:white !important;}
#footerlabel table:td{color:white !important;}
#footerlabel table:tr{color:white !important;}
#footerlabel table{color:white !important;}
#footerlabel{
    width:100%;
    float:none;
    border-top: 5px solid black;
    text-align:center;
    padding:5px !important;
    padding-right:0 !important;
    margin:0 !important;
    margin-top:10px !important;
    margin-bottom:50px !important;
    color:white !important;
    background:#822;
}
}
/* search results */
.searchresults a{font-weight:700; font-size: 14px;display:inline-block;margin-top:-1px; width:100%;border-top:1px solid #ddd; border-bottom:1px solid #ddd !important; background:#fff9f9; padding:13px; text-shadow:0px 1px 1px #fff; color:#555 !important;}

/* Smartphonies <= 500px */


@media screen and (max-width: 500px) {
	.frontpage_block_grotebomen300,
    .frontpage_block_homedorpen,
	.frontpage_block_giant2014,
    .frontpage_block_home2,
    .frontpage_block_normalgroot2,
    .frontpage_block_normalgroot,
    .frontpage_block_normalgroot {
	width:49.35556666%; 
  }
    .frontpage_block_homedorpen img,
	.frontpage_block_home_giant2014 img,
    .frontpage_block_home2 img,
    .frontpage_block_normalgroot2 img,
    .frontpage_block_normalgroot img,
    .frontpage_block_normalgroot img{
        max-width:100%;
        height: 100%
   }
#boom img {
    max-height:none !important;
    min-height:0;
}
#boom {
    width:50%;
}
     /* Tabellen */
table {margin:auto;}
#detail_producten {width:100% !important; }
#detail_productencompleet {width:100% !important; }
#detail_producten td #bestelknopimage{display:block !important}
#detail_productencompleet td #bestelknopimage{display:block !important}
#detail_producten tbody,
#detail_productencompleet tbody,
#detail_producten table{margin:auto !important;}
#detail_productencompleet table{margin:auto !important;}
#detail_producten th{display:block; text-align:left; background:#822; color:#fff; padding:5px;}
#detail_productencompleet th{display:block; text-align:left; background:#822; color:#fff; padding:5px;}
#detail_producten td{font-size:12px;display:block; float:left;margin-right:auto; margin-left:auto; ;width:100%;}
#detail_productencompleet td{font-size:12px;display:block; float:left;margin-right:auto; margin-left:auto; ;width:100%;}
#detail_producten td:first-child{
    color: #333 !important; 
    padding:15px;
    font-size:13px;
    background:#ddd !important; 
    color:#000 !important; 
    border:1px solid white; 
    font-weight:700;
}

#detail_productencompleet td:first-child{
    color: #333 !important; 
    padding:15px;
    font-size:13px;
    background:#ddd !important; 
    color:#000 !important; 
    border:1px solid white; 
    font-weight:700;
}

}

/* Smartphonies <= 350px */
@media screen and (max-width: 350px) {
	.frontpage_block_grotebomen300,
    .frontpage_block_homedorpen,
	.frontpage_block_home_giant2014,
    .frontpage_block_home2,
    .frontpage_block_normalgroot2,
    .frontpage_block_normalgroot,
    .frontpage_block_normalgroot {
	width:99.4%; 
  }
  #boom img {
      max-width:60%;
    min-height:0;
}
#boom {
    padding:5px;
    border:1px solid #ddd;
    width:100%;
}
}

#footermobile {
	color:#fff !important;
}
	
/*Menu */
.nav-button { display: none; } /* hide the navigation button by default */

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

	/* Navigation Button
	-------------------------------------------------------- */

	.nav-button {
		display: block;
		position: fixed;
		top: 6px;
		left: 7px;
		width: 40px;
		height: 39px;
		background: url('/uploads/7/Image/css/menuiconlarge.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/uploads/7/Image/css/menuiconlarge.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/uploads/7/Image/css/menuiconlarge.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/uploads/7/Image/css/menuiconlarge.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 23px, 100%;
		cursor: pointer;
		border: 0 none;
		border-bottom: 1px solid rgba(255,255,255,.1);
		box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
		border-radius: 3px;
		z-index: 999;
		text-indent: -9999px;
	}
	.nav-button:hover { 
		background-color: rgba(0,0,0,.1); 
	}
	.nav-button.open {
		background: url('/uploads/7/Image/css/closeiconlarge.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/uploads/7/Image/css/closeiconlarge.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/uploads/7/Image/css/closeiconlarge.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('/uploads/7/Image/css/closeiconlarge.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 20px, 100%;
	}

	/* Navigation Bar
	-------------------------------------------------------- */

	body { padding-top: 50px; } 

	.primary-nav {
		width: 100%;
		float: none;
		background-color: #800; /* change the menu color */
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		display: block;
		height: 50px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 998;
		clear: both;
	}
	.primary-nav li {
		display: none;
		width: 100%;
		font-family: Arial;
	}
	.primary-nav li a {
		display: block;
		width: 90%;
		padding: 10px 5%;
		font-size: 14px;
		font-weight: bold;
		text-shadow: -1px -1px 0 rgba(0,0,0,.15);
		color: white;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1); 
	}
	.primary-nav li a:hover {
		background-color: rgba(0,0,0,.5);
		border-top-color: transparent;
	}
	.primary-nav > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

	.primary-nav.open { 
		height: auto; 
		padding-top: 50px;
	}
	.primary-nav.open li { 
		display: block; 
	}

	/* Submenus ? optional .parent class indicates dropdowns */

	.primary-nav > li:hover > a {
		background: rgba(0,0,0,.5);
		border-bottom-color: transparent;
	}
	.primary-nav li.parent > a:after {
		content: "▼";
		color: rgba(255,255,255,.5);
		float: right;
	}
	.primary-nav li.parent > a:hover {
		background: rgba(0,0,0,.75);
	}
	.primary-nav li.home > a:after {
		content: url(/uploads/7/Image/css/nav_home.png);
		color: rgba(255,255,255,.5);
		float: right;
	}
	.primary-nav li.home > a:hover {
		background: rgba(0,0,0,.75);
	}
	.primary-nav li.shop > a:after {
		content: url(/uploads/7/Image/css/winkelwagenm2.png);
		margin:-10px 0px 0px 0px;
		color: #fff;
		float: right;
	}
	.primary-nav li.shop > a:hover {
		background: rgba(0,0,0,.75);
	}
	#cp2
	{
		color: #fff;
	}
	.primary-nav li ul {
		display: none;
		background: rgba(0,0,0,.5);
		border-top: 0 none;
		padding: 0;
	}
	.primary-nav li ul a {
		border: 0 none;
		font-size: 12px;
		padding: 10px 5%;
		font-weight: normal;
	}
	.primary-nav li:hover ul {
		display: block;
		border-top: 0 none;
	}
	
	.contact_button{
    float: right;
	}
	
	.info_contact_button{
    width: 35px;
    height: 35px !important;
    display: block;
    position: fixed;
    margin-right: 10px !important;
    float: right;
    z-index: 999;
    clear: both;
	top: 10px;
	right: 0px;
	}
	
	#shipping_info1 {
    float: none;
    color: white;
    font-size: 13.2px;
    font-weight: bold;
    margin-bottom: 2px;
    width: 249px;
    margin-top: 7px;
    clear: both;
    margin-left: auto;
    margin-right: auto;
	}
	
   #searchfilter {
    background-color: floralwhite !important;
    width: 97% !important;
    position: relative !important;
    z-index: 100;
    border: solid 6px #5e7838 !important;
    display: block;
	margin-top: 0px;
}

textarea,
input[type="text"],
input[type="button"],
input[type="radio"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}

.searchfilter-searchfield {
    color: floralwhite !important;
    cursor: pointer !important;
    padding: 5px !important;
    border-bottom: solid 1px gray !important;
    height: 20px !important;
    background-color: #800 !important;
    border: solid 1px white !important;
}

.searchfilter-optioncounter {
    padding-left: 10px !important;
    width: 20px !important;
    height: 25px !important;
    float: right !important;
    margin-right: 6px !important;
}

#item_properties_container_filter{
	display: none;
}

.column {
    position: relative;
    display: initial;
    margin-left: 0px !important;
}

.product_title{
    float: left !important;
    text-align: center;
    width: 99.9% !important;
}

.column img {
    width: auto;
    height: auto !important;
}

.even {
    float: right;
    position: relative;
    clear: both;
    margin-right: 91px;
    margin-top: -20px;
}

.even1 {
    float: left !important;
    margin-bottom: 3px;
}

.price {
    float: none !important;
    font-size: 20px !important;
    display: block;
	text-align: center;
}

.pricetext{
    font-size: 20px;
    font-weight: bold;
}

p{
	padding: 5px;
}


} /* End Mobile Styles */