.banner
	{
		width:100%;
		height:550px;
		background-image:url("../images/Mykitchen.jpg");
		background-position:center center;
		background-size:cover;
		top: 0;
		left: 0;
		opacity:1;
	} 

.listmenu
	{
		/* width:80%; 
		height:80px;
		padding-top:10px;*/
		box-sizing:border-box;	
		display:inline-block;
		float:left;
		position:static;
	}
.listmenu .listmenu-cat
	{
		text-decoration:none;
		padding:0 30px 0 0;
		color:black;
		font-size:21px;
	}
	
*, *:after, *:before 
	{
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box; 
	}
*, *:after, *:before 
	{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
	}

                       /* Main container */
/* .cbp-vm-switcher 
	{
		padding: 20px;
	} */
                /* options/select wrapper with switch anchors */
.cbp-vm-options 
	{
		text-align: center;
		width: 20%;
		float: right;
		/* height:80px;
		padding-top: 10px;		*/
		box-sizing:border-box;
	}

.cbp-vm-options a 
	{
		display: inline-block;
		width: 40px;
		height: 40px;
		overflow: hidden;
		white-space: nowrap;
		color: #d0d0d0;
		margin: 2px;
	}
.cbp-vm-options a:hover,
.cbp-vm-options a.cbp-vm-selected 
	{
		color: #47a3da;
	}

.cbp-vm-options a:before 
	{
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 30px;
		text-align: center;
		display: inline-block;
	}

			/* General style of switch items' list */

.cbp-vm-switcher ul 
	{
		list-style: none;
		padding: 0;
		margin: 0;
	}
			/* Clear eventual floats */
.cbp-vm-switcher ul:before, 
.cbp-vm-switcher ul:after 
	{ 
		content: " "; 
		display: block; 
	}
.cbp-vm-switcher ul:after 
	{ 
		clear: both; 
	}

.cbp-vm-switcher ul li 
	{
		display: block;
		/* position: relative; */
	}
/* Common icon styles  grid and list*/
.cbp-vm-icon:before
	{
		font-family: 'fontawesome';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		color:#209fcc;
		-webkit-font-smoothing: antialiased;
	}
.cbp-vm-grid:before
	{
		content: "\f00a";
	}
.cbp-vm-list:before 
	{
		content: "\f00b";
	}

                                     /* Individual view mode styles */

                          /* Large grid view */
.cbp-vm-view-grid ul {
	text-align: center;
}

.cbp-vm-view-grid ul .product {
	width: 33%;
	padding: 10px;
	display: inline-block;
	vertical-align: top;
	height:auto;
}
.title 
	{
		text-align:center !important;
		font-weight:bold;
		margin-bottom:10px;		
	}
/* .cbp-vm-view-grid .figure
	{
		width:100%;
		height:375px;
	} */
.cbp-vm-view-grid .pdt-soon
	{
		width: 50%;
		font-size: 16px;
		border-radius: 2px;
		background-color: transparent;
		border:1px solid #e32226;
		box-shadow: 0 1px 3px 0 rgba(0,0,0,.12);
		text-align: center;
		padding: 10px 15px;
		text-transform: uppercase;
		margin-left: 50%;
		-webkit-transform: translateX(-50%);
		/* transform: translateX(-50%); */
		margin-top: -55%;
		margin-bottom:45%;
		color:#36190a;
	}	
 .cbp-vm-view-grid .figcontent
	 {
		padding-right:20px;
		margin-top:10px;
		width:100%;
		color:#8c8b8b;
		line-height:1.7;
		font-style: normal;
		font-weight: normal;
		box-sizing:border-box;
		text-align: justify;
		padding-left:15px;
	}
.cbp-vm-view-grid .figcontent .title 
	{
		text-align:center !important;
		font-weight:bold;
	}
.cbp-vm-view-grid .figcontent b
	{
		text-align:center;
	}
.cbp-vm-view-grid .figcontent p
	{
		margin:5px !important;
	}
.cbp-vm-view-grid .figcontent h4
	{
		font-size:18px;
	}
	

				/* List view */
.cbp-vm-view-list ul 
	{
		text-align: center;
	}
.cbp-vm-view-list ul .product 
	{
		width:100%;
		padding: 20px 0;
		margin-bottom:20px;
		box-sizing:border-box;
		height:420px;
	}
.cbp-vm-view-list .figure 
	{
		/* width: 30%; */
		float:left;
		height:400px;
	}
.cbp-vm-view-list .pdt-soon
	{
		width: 12%;
		height:40px;
		font-size: 16px;
		border-radius: 2px;
		background-color: transparent;
		position:absolute;
		border:1px solid #e32226;
		box-shadow: 0 1px 3px 0 rgba(0,0,0,.12);
		text-align: center;
		padding: 8px 15px;
		text-transform: uppercase;
		-webkit-transform: translateX(-50%);
		margin-left: 130px;
		margin-top: 235px;
		color:#36190a;
	}
.cbp-vm-view-list .figcontent
	{
		width: 70%;
		padding: 70px 10px 0 10px;
		white-space: normal;
		height:400px;
		color:#8c8b8b;
		line-height:1.7;
		float:right;
		text-align:center;
		box-sizing:border-box;
		vertical-align:middle
	}
.cbp-vm-view-list .figcontent h4
	{
		font-size:18px;
	}

@media screen and (min-width: 320px) and (max-width: 480px){
.listmenu
	{
		padding:0;
		height:35px;
	}
.listmenu .listmenu-cat
	{
		font-size:16px;
		padding:0 5px;
	}
.cbp-vm-options
	{
		width:100px;
		display:none;
		height:50px;
	}
.cbp-vm-view-grid ul .product 
	{
		width:100%;
		display:block;
	}
.cbp-vm-view-list ul .product 
	{
		width:100%;
		display:inline-block;
	}
.cbp-vm-view-list ul .figure
	{
		width:40%;
	}
.cbp-vm-view-list ul .figcontent
	{
		width:60%;
	}
.cbp-vm-view-grid .pdt-soon
	{
		margin-top:-55%;
	}
}

@media screen and (min-width: 481px) and (max-width: 767px){
.listmenu .listmenu-cat 
	{
		font-size:20px;
		padding:0 10px;
		display:inline-block;
	}
.cbp-vm-options
	{
		width:100%;
		display:block;
		height:50px;
		float:none;
	}
.cbp-vm-view-grid ul .product 
	{
		width:100%;
		max-width:700px;
		float:none;
		display:block;
	}	
.cbp-vm-view-grid .pdt-soon
	{
		width:30%;
		margin-top:-30%;
	}
.cbp-vm-view-list .pdt-soon
	{
		width: 26%;
		height: 40px;
		position: absolute;
		padding: 8px 15px;
		margin-left: 120px;
		margin-top: 240px;
}
.cbp-vm-view-list ul .product
	{
		max-width:700px;
	}
.cbp-vm-view-list ul .figure
	{
		width:40%;
	}
.cbp-vm-view-list ul .figcontent
	{
		width:60%;
	}
#spices
	{
		max-width:700px;
	}
#pickels
	{
		max-width:700px;
	}
#healthmix
	{
		max-width:700px;
	}
#flour
	{
		max-width:700px;
	}
}