.infoContainer { clear:both; float:left; width:100%; border-bottom:1px solid #cccccc; }
.heading { clear:both; float:left; width:95%; font-size:18px; letter-spacing:0.3px; font-weight:normal; color:#333333; padding:10px 10px 10px 0px; transition: .3s color; }
.heading:hover { cursor:pointer; color:#999999; }
.info { clear:both; float:left; width:100%; font-size:14px; color:#666666; margin:0px 0px 20px 0px; overflow:hidden; }
.info span { font-weight:bold; }
.closeInfo {  display:none; float:right; width:5%; font-size:26px; color:#666666; padding:10px 0px 0px 0px; transition: .3s color; }
.closeInfo:hover { cursor:pointer; color:#999999; }
.buyContainer { clear:both; float:left; border-radius:8px; border:1px solid #cccccc; width:100%; margin:20px 0px 20px 0px; padding:20px; }

#mobileTitle { display:none; }





/* side nav */

#productsLeft ul { clear:both; float:left; list-style:none; font-size:16px; width:100%; }
#productsLeft ul li { width:100%; border-bottom:1px solid #cccccc; padding:7px 0px 7px 0px; }
#productsLeft ul li span { width:100%; display:block; }
#productsLeft ul li span:hover { cursor:pointer; }
#productsLeft ul ul { padding:14px 0px 20px 0px; width:100%; border:0; }
#productsLeft li li { font-size:15px; padding:5px 0px 5px 0px; width:100%; display:block; border:0; }
#productsLeft li li a { width:100%; display:block; }

#productsLeft h1 { margin:0px; font-size:20px; }







h1 { font-size:30px; }
h2 { color:#996633; }


/* main category */

.mainCat { position:relative;border:1px solid #cccccc;border-radius:6px;width:16.1%;float:left;padding-top:16.1%;margin:0 0.5% 0.5% 0; background-size:80% auto; background-repeat:no-repeat; background-position:center top; transition:box-shadow .3s; }
.mainCat span { position:absolute;bottom:0;left:0;width:100%;border-radius:0px 0px 6px 6px;color:rgba(153, 102, 51, 1);height:50px;text-align:center;text-decoration:none;letter-spacing:0.4px;font-size:15px;padding:3% 3% 0 3%; background-color:rgba(255, 255, 255, 1); }

.mainCat:hover { box-shadow:0px 0px 0px 2px #996633; cursor:pointer; }
.mainCat:hover span { cursor:pointer; }

.foodCupboard { background-image:url(/images/catFoodCupboard.png); background-position:0px 10px; }
.wholefoods { background-image:url(/images/catWholefoods.png);  background-position:0px 15px; }
.bakery { background-image:url(/images/catBakery.png); background-position:0px 50px; }
.drinks { background-image:url(/images/catDrinks.png); background-position:0px 10px; }
.snacks { background-image:url(/images/catSnacks.png); background-position:0px 10px; }
.supplements { background-image:url(/images/catSupplements.png); background-position:0px 15px; }
.sports { background-image:url(/images/catSports.png); background-position:0px 10px; }
.toiletries { background-image:url(/images/catToiletries.png); background-position:0px 10px; }
.household { background-image:url(/images/catHousehold.png); background-position:0px 10px; }
.pets { background-image:url(/images/catPets.png); background-position:0px 10px; }
.gifts { background-image:url(/images/catGifts.png); background-position:0px 10px; }
.chilled { background-image:url(/images/catChilled.png); background-position:0px 40px; }
.frozen { background-image:url(/images/catFrozen.png); background-position:0px 10px; }
.bakeryInStore { background-image:url(/images/catBakeryInStore.png); background-position:0px 10px; }

.antipasti { background-image:url(/images/products/suma-napoletana-pasta-sauce-350g.jpg); }


#reviewProduct { display:none; position:fixed; margin:0 auto; height:500px; width:800px; top:50%; left:50%; margin-top:-250px; margin-left:-400px; border:1px solid #cccccc; background-color:#ffffff; z-index:3; border-radius:8px; box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2); animation-name:showReview; animation-duration: 0.5s; }
@keyframes showReview { from {opacity: 0} to {opacity: 1} }

.resultFilter { clear:both; float:left; margin:0px 0px 10px 10px; }
.filterSelect { background-color:#ffffff; outline:none; padding:20px; color:#999999; border:1px solid #cccccc; border-radius:6px; font-size:14px; }

.productListItemCat { margin:0.3%; width:19.4%; border:1px solid #cccccc; border-radius:6px; padding:10px 10px 10px 10px; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:column; justify-content:space-between; transition: box-shadow .3s; }
.productListItemCat:hover { box-shadow:0px 0px 0px 2px #996633; }



#productInfoLeft { clear:both; float:left; width:45% }
#productInfoRight { float:left; width:52%; margin-left:3%; }

#productInfoRight h2 { clear:both; float:left; }
#productInfoRight h2 span { font-size:13px;color:#333333; font-style:italic; }
#productInfoRight hr { margin:20px 0px 20px 0px; }

#productInfoRight strong { font-style:italic; }

.mainProductImage { clear:both; float:left; width:100%; border-radius:8px; }

#productImageInfo { clear:both; float:left; padding:10px; margin-top:20px; font-style:italic; text-align:center; font-size:13px; color:#666666; width:100%; }

#productAllergenInfo { clear:both; float:left; padding:15px; margin-top:20px; font-size:13px; color:#666666; border-radius:8px; border:1px solid #cc3333; }
#productAllergenInfo h2 { color:#333333; margin-bottom:10px; }
#productAllergenInfo h2:last-child { margin-bottom:0px; margin-top:10px; }

#price span { color:red; font-size:12px; line-height:22px; }

#backLink { margin-top:30px; font-size:14px; }




#nutritionalInfo { clear:both; float:left; border-top:1px solid #cccccc; border-right:1px solid #cccccc; text-align:center; }
#nutritionalInfo td { padding:10px 20px 10px 20px; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; }
#nutritionalInfo td span { font-size:12px; font-style:italic; }
#nutritionalInfo tr { border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; }





#productsLeft { clear:both; float:left; width:17%; margin-right:1.6%; padding-top:50px; }
#productsRight { float:left; width:81%; }








#pageCons { float:left; width:100%; align-self:center; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:row; align:center; justify-content:center; align-items:center; }

#pageCons a.number { border:1px solid #999999; background-color:#ffffff; text-decoration:none; color:#999999; transition:border-color .3s, color .3s; border:1px solid #cccccc; padding:10px; border-radius:6px; margin:30px 3px 30px 3px; }
#pageCons a.number:hover { border-color:#333333; color:#333333; }

#pageCons a.nextPrev { border:1px solid #ffffff; background-color:#006633; text-decoration:none; color:#ffffff; transition:border-color .3s, color .3s, background-color .3s; border:1px solid #cccccc; padding:10px; border-radius:6px; margin:30px 3px 30px 3px; }
#pageCons a.nextPrev:hover { border-color:#999999; background-color:#ffffff; color:#999999; }

#pageCons a.nextPrevMobile { display:none; border:1px solid #ffffff; background-color:#006633; text-decoration:none; color:#ffffff; transition:border-color .3s, color .3s, background-color .3s; border:1px solid #cccccc; padding:10px; border-radius:6px; margin:30px 3px 30px 3px; }
#pageCons a.nextPrevMobile:hover { border-color:#999999; background-color:#ffffff; color:#999999; }









@media only screen and (max-width: 1440px) {
/* For laptop: */



}



@media only screen and (max-width: 1100px) {
/* For inbetween: */

.mainCat { width:19.5%; padding-top:19.5%; }
.productListItemCat { margin:0.3%; width:32.4%; }

}



@media only screen and (max-width: 800px) {
/* For tablets: */

.mainCat { width:24.3%; padding-top:24.3%; }
#productsLeft { display:none; }
#productsRight { width:100%; }
.productListItemCat { margin:0.3%; width:32.4%; }
#mobileTitle { display:block; }
#productInfoLeft { width:100%; }
#productInfoRight { clear:both; width:100%; margin:0; }
.mainProductImage { clear:both; float:left; width:100%; border-radius:8px; }

}


@media only screen and (max-width: 414px) {
/* For mobile phones: */

.mainCat { width:49%; padding-top:49%; }
#productsLeft { display:none; }
#productsRight { width:100%; }
.productListItemCat { margin:0.3%; width:49%; }
#mobileTitle { display:block; }
#productInfoLeft { width:100%; }
#productInfoRight { clear:both; width:100%; margin:0; }
#pageCons a.nextPrev { display:none; }
#pageCons a.nextPrevMobile { display:block; }

}