/*******************************************
			 RESPONSIVE FIX V2.5 - 20/11/2014
******************************************/
/* ⚠ Klasse statt id: die beiden Bloecke der Startseite (Lebensmittel,
   Growshop) trugen bis zum 19.8.2026 BEIDE id="beliebtestemain" - eine id darf
   es nur einmal geben. Sie heissen jetzt beliebteste-lebensmittel und
   beliebteste-growshop und teilen sich diese Klasse.

   ⚠ Die Breitenregel gilt nur noch auf schmalen Schirmen. Ohne die Media Query
   ueberschrieb sie col-sm-4 auch auf dem Desktop, und die drei Kacheln standen
   dort untereinander statt nebeneinander. Aufgefallen ist das nie, weil in
   beiden Bloecken jahrelang gar nichts stand. */
@media (max-width: 767px) {
	.beliebtestemain .col-xs-12 { width: 100%; }
	.beliebtestemain .col-sm-4  { width: 100%; }
}

#variante .item-container {
    /* width: 970px; */
	padding: 33px 0px 0px 0px;
	min-height: 50px;
}
#variante .image-column {
    min-height: 50px;
	min-width: 50px;
}

@media (min-width: 992px)
.container {
    /* width: 970px; */
}
@media (max-width: 359px) {
	.listing-grid .item-block,
	.h4-itemgrid .item-block { width:100%!important; }
	#header-main .csearch { padding-bottom: 10px;}
}
@media (min-width:360px) and (max-width: 601px) {
	.listing-grid .item-block,
	.h4-itemgrid .item-block { width:50%!important; }
	#header-main .csearch { padding-bottom: 10px;}
}
@media (max-width: 601px) {
	.product-content { 
	flex-direction: column;
	flex-basis: 100%; 
	}
	
}
@media (max-width: 415px) {
	.product-thumbnail  { 
	max-width: calc(100% - 100px);
	}
	.product-thumbnail .img-responsive  { 
	max-width: calc(100% - 120px) !important;
	position: absolute;
	}
}
@media (min-width:601px) and (max-width:992px) {
	#header-main .col-md-3 { float:left; width:25%; }
	#header-main .col-md-6 { float:left; width:50%; padding-top: 1%;}
	#header-main .csearch { padding-top: 1%; width:75%;}
	#header-main .col-md-3 { float:left; width:25%;}
	.pubbtn span { display:none; }
	#header-main .btn { width:100%; }
	#header-main .logo img { /* margin-top:5px; */}
	#socialmedia .social a {
    padding: 0 2%;
	}
	.listing-grid .item-block,
	.h4-itemgrid .item-block {  width:25%!important; }
	.item-block .image-column {
    width: 100% !important;
	}	
}
@media (min-width: 768px) and (max-width:992px) {
	#sidebar .latestitem { margin-top: 10px; }
	/* .container { width: auto;} */
}


@media (min-width:992px) {
	
	#header-main .col-md-6 { padding-top: 1%; }
	#header-main .csearch { padding-top: 1%; width:75%;}
	/* .container { width: auto;} */
	
}
@media (max-width:1199px) {	
	.container { width: auto;}	
}
	
@media (min-width:120px) and (max-width:600px) {
	#header-main .col-md-3 { text-align:center; /* margin-bottom:15px; */ }
	#header-main .col-md-3 .img-responsive { display:inherit; }
	#header-main .btn { width:100%; margin-top:15px;}
	#header-main { padding:0px; /* padding:10px 0; */}
	#socialmedia .social {
    text-align: center;
	}
	#socialmedia .social a {
	height: 30px;
    overflow: hidden;
    padding: 0 1%;
    width: 40px;
	}	
	#socialmedia .social .fa {
    font-size: 30px;
    padding: 0;
	}	
	.navbar-right .fa { font-size:20px;}
	
	.item-block .image-column {
    width: 100% !important;
	}
	.item-block .item-column {
    clear: both;
	}
	#footer-widgets .col-md-2 { text-align:center; }
/*.listing-grid .col-sm-4 { width:100%; }*/
}