/* header */


html{	width:100%;
		margin:0px;
		padding:0px;
	line-height: normal;
}
body {	width:100%;
		margin: 0px;
		padding:0px;
		font-family: 'Maiden Orange', cursive;
		//background-color: #ffb583;
		background-image: url("/images/backgrounds/patter_1.png");
}

.sub-header{
	font-size:60px;
	text-align: center;
	letter-spacing: 4px;
	padding-top: 20px;
	padding-bottom: 10px;
}
.sub-header img{
	
	/*padding-bottom:14px;*/
}
.divider
{
	width:80%;
	margin-left:10%;
	background-color: #fd362b;
	height:2px;
	margin-top:20px;
	margin-bottom:20px;
}
@media screen and (max-width: 900px){
  	.sub-header{
		font-size:50px;
		text-align: center;
		letter-spacing: 4px;
		padding-top: 20px;
		padding-bottom: 10px;
	}
	.sub-header img{
		width:45px;
		/*padding-bottom:14px;*/
	}
	.three-column-wrapper div.column{
		float: none;
	}
}


.header{ background-color: rgb(243, 244, 249);
color: white;
font-family: "Maiden Orange",cursive;
margin: 0;
padding: 0;
width: 100%;
z-index: 99;
		
}
.header div {margin:0;}
.header #navigation{font-size: 16px;
			
			height:40px;
			padding-top:0px;
			
			width:560px;
			float:left;
			
}


.hover-ul{background-color: #fff;}
.header #header-wrapper{
	
	width:950px;
	margin-left:auto;
	margin-right:auto;
	height:40px;
	


 }
 
 .header #header-wrapper div{padding-top:8px;}
 .header #contact{
			
			font-size:20px;
			margin:0px;
			margin-left:10px;
			float:left;
			height:30px;
			padding:0px;


 	}

 .header #contact img{height:25px;
 					
 }
 .header #contact .image {
 					float:left;	
 					height:20px;
 					margin-top:-12px;
 }
 .header #contact .text {
 					float:left;
 					margin-top:-5px;
 					height:20px;
 					
 }
 .header #logo{ 
 	float:left;
 	height:30px;
 	

	 	
 }
 .header #logo img{
 	
 	height:120px;
 	
 }
 
.sub-toggle{visibility: hidden;}

.white-text{color:#fff;}
.ki-background-red{background-color: #fd362b;}
.ki-background-orange{background-color: #ffb583;}
.ki-background-green {background-color: #00a33f;}
.ki-opacity{
	opacity:.7;
	cursor: pointer;
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;
}
h4{
		font-size:30px;
		padding:0px;
		margin-top: 5px;
		margin-bottom: 0px;
		width:100%;
		text-align: center;
		letter-spacing: 1.5px;
	}

 @media screen and (max-width: 900px){
  	.header #navigation,  .header #header-wrapper{width:100%;}
  	.header #contact, .header #logo{display:none;}
  	 .fa,   .fa-bars{display:block;}
  	.sub-toggle{visibility: visible;}
  }



/* picture banner */

.picture-banner{
		width:100%;
		height:300px;
		z-index:-1;
		
		clear:both;
		position: relative;
		margin:0px;
		
		
	}
	.picture-banner img{
		width:100%;

	}
	@media screen and (max-width: 900px){
  	.picture-banner img {height:100%;}
  	.picture-banner {height:200px;}
  }



/* TWO COLUMN ************************/
.two-column-wrapper div{}
	.two-column-wrapper{	width:100%;	
				max-width:900px;
				margin-left:auto;
				margin-right:auto;
				
				

	}
	#menu-items {height:300px;}
	.two-column-wrapper .column{
		width:47%;
		margin-left:1%;
		margin-right:1%;
		float:left;
		height:100%;

	}
	.two-column-wrapper .column ul{
		width:100%;
		margin: 0px;
		padding:0px;
	}
	.two-column-wrapper .column li{
		border:thin solid red;
		list-style: none;
		margin:0;
		font-size: 30px;
		width:300px;
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		padding-top:20px;
		text-align: center;
		padding-bottom: 10px;
		cursor: pointer;
	}
	.two-column-wrapper .column li:hover
	{
		color:white;
		background-color: #fd362b;

	}

	@media screen and (max-width: 900px){
		.two-column-wrapper .column {width:100%; }
		
		#menu-items .column{height:300px;}
		#menu-items {height:600px;}
	}




/* three column  *************************/

	.three-column-wrapper{	
		width:100%;	
		max-width:900px;
		margin-left:auto;
		margin-right:auto;
		
		height:400px;
		margin-bottom:25px;

	}
	.three-column-wrapper .column{
		width:31%;
		margin-left:1%;
		margin-right:1%;
		float:left;

	}
	
	.item-wrapper{
		/*height:120px;*/
		margin:25px 0px 25px 0px;
		text-align: center;
	}
	.item-wrapper:hover{
		color:white;
		cursor: pointer;
	}
	.item-wrapper img
	{
		border:thin solid red;
		width:220px;
		
		min-height:70px;
	}
	@media screen and (max-width: 900px){
		.three-column .three-column-wrapper{
			min-height:1020px;
		}
		.three-column-wrapper .column 
		{
			width:100%; 
		}
		#menu-item-wrapper .main-image 
		{	
			
			margin:0 auto 0 auto;
		}
	}
/* menu item detail **(********************************************/

	.two-column-wrapper{	width:100%;	
				max-width:900px;
				margin-left:auto;
				margin-right:auto;
				
				height:780px;
				position: relative;
				

	}
	.two-column-wrapper-background
	{
		position:absolute;
		background-color: #fff1df; /*ki tan background */
		top:124px;
		z-index: -1;
		height:600px;
		width:114%;
		right:-7%;
	}
	.two-column-wrapper .column{
		width:47%;
		margin-left:1%;
		margin-right:1%;
		float:left;
		height:100%;

	}
	.menu-header{
	font-size:40px;
	text-align: center;
	letter-spacing: 4px;
	padding-top: 20px;
	padding-bottom: 20px;
	}

	#icon-horizontal-list{
		
	}
	#icon-horizontal-list 
	{
		
		width:380px;
		margin:5px auto 0 auto;
		padding:0px;

	}
	#icon-horizontal-list li
	{
	list-style: none;
	display:inline-block;
	border:none;
	width:70px;
	height:50px;
	padding:0px;
	margin:0;
	margin-left:16px;
	}
	#icon-horizontal-list li:hover{
		background-color: transparent;
	}
	#icon-horizontal-list li img {width:70px;}
	
	#ingredients {
		width:350px;
		min-height: 50px;
		margin-right: auto;
		margin-left: auto;
		
	}
	#ingredients h4{
		font-size:30px;
		
		padding:10px 0 0 0;
		margin-top: 5px;
		margin-bottom: 0px;
		width:100%;
		text-align: center;
		letter-spacing: 1.5px;
	}
	#ingredients p{
		padding:0px 10px 10px 10px;
		
		font-size:20px;
	}
	#nutrition{
		position: relative;
		width:100%;
		height:458px;
		margin-top:10px;
		overflow: hidden;

	}
	#nutrition img
	{position: absolute;
	 top:0;
	 right:0;

	}


	#menu-item-wrapper .main-image{
		width:100%;
		
		
	}
	#menu-item-wrapper .main-image img {width:100%;}
	#menu-item-wrapper .text 
	{
		text-align: center;
		font-size:34px;
		padding:10px;
	}
	#menu-item-wrapper .text  p{
		margin:0px;
		padding:0px;
	}
	@media screen and (max-width: 900px){
		.two-column-wrapper .column 
		{
			width:100%; 
			height:450px;
		}
		#menu-item-wrapper .two-column-wrapper
		{
			height:1100px;
		}
		#menu-item-wrapper .main-image 
		{	
			width:200px;
			margin:0 auto 0 auto;
		}
		#nutrition {
			width:350px;
			margin:10px auto 0 auto;
		}
		.two-column-wrapper-background{
			display: none;
		}
		.menu-header{
			font-size:28px;
		}

	}



/* footer */

#footer, #mobile-footer {
  background-color: rgb(243,244,249);
  color: white;
  margin: 10px 0 0;
  width: 100%;
  padding-top:20px;
}
#mobile-footer{
	display:none;
}
#footer-item-wrapper{	
				width:100%;	
				max-width:900px;
				margin-left:auto;
				margin-right:auto;
				height:100%;
				position: relative;
				
	}
	
#footer-item-wrapper ul
{
	height:30px;
	top:50%;
	margin:-15px 0 0 0;
	padding:0;
	min-width: 300px;
	position: absolute;
	


}
#footer-item-wrapper li
{
	display:inline-block;
	
	font-size: 18px;
	padding:10px 5px 5px 5px;
	margin-left:10px;
}

#footer-social-wrapper
{
	width:260px;
	position: absolute;
	right:0;
	height:30px;
	top:50;
	margin-top:-30px;
}
#footer-social-wrapper li
{
	float:right;
	height:25px;
	padding:0;
	border:none;
	
}
#footer-social-wrapper li:hover, #footer-item-wrapper li:hover
{
	opacity:.7;
	cursor: pointer;
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;

}
#footer-social-wrapper li img{
	height:25px;
}	
#footer-social-wrapper ul{
	height:30px;
	top:0;
	margin:0px;
	padding:0;
	min-width: 0px;
	
}

form#kitchen_cart table{
	background: #F4F2E3;
}
form#kitchen_cart,
form#kitchen_order {
	font-family: Arial;
}

form#kitchen_cart th,
form#kitchen_order th {
	font-size: 16px;
	padding-bottom: 10px;
}

@media screen and (max-width: 900px){
	#footer{display:none;}
	#mobile-footer{
		height:150px;
		display:block;
	}
	#footer-item-wrapper{display:none;}
	#mobile-footer ul{
		float:right;
		width:140px;
		
	}
	#mobile-footer li{
		list-style: none;
		margin:5px;
		

	}
	#mobile-footer .social-wrapper
	{
		float:left;
	}
	#mobile-footer .logo{
		width:120px;
		
		float:left;
		margin:30px 0px 0px 10px;
	}
	}

.site-footer
{
    background:rgb(240,241,246);
	position: relative;
}
.footer-info .title {
    font-weight: 800;
}
.footer-info .title {
    color: #000 !important;
    font-family: Lato,sans-serif !important;
    font-size: 16px !important;
    margin-bottom: 0 !important;
    margin-top: 8px !important;
}
.phone {
    float: right;
}
.site-footer  h4 {
    color: #000 !important;
float: left;
font-family: Lato,sans-serif !important;
font-size: 16px !important;
margin-bottom: 0 !important;
margin-top: 8px !important;
text-align: left !important;
}
.site-footer p {
    float: left;
    margin:0 0 10px;
    font-size:14px;
    color:black;
}
.site-footer a
{
    float: left;
    margin:0 0 10px;
    font-size:14px;
    color:black;
}
.dropdown-menu a
{
    text-decoration:none !important;
}



/*Mohit change*/
/* Categoy Page */
body{
	font-family:Lato,Arial,sans-serif;
	text-align: left;
}
.h2, h2 {
    font-size: 30px;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.wrap {
    width: 1170px;
	margin: 0 auto;
}
.taxonomy_name {
    position: relative;
    text-transform: uppercase;
    color: #531d57;
    font-weight: bold;
    font-family: Lato,sans-serif;
    font-size: 30px;
    line-height: 1.1;
    word-spacing: normal;
    text-align: left;
	letter-spacing: 0;
}
.taxonomy_name::before {
    top: 58px;
    position: absolute;
    content: '';
    display: block;
    background-color: #f1f2f8;
    height: 2px;
    width: 100px;
}
.taxonomy_name::after {
    margin-top: 25px;
    position: absolute;
    content: '';
    display: block;
    background-color: #36ba52;
    height: 2px;
    width: 30px;
}
.item_products {
    text-align: left;
    font-weight: 700;
    margin: 40px 0;
}
 .item_products a {
    display: block;
}
.product_name {
    font-size: 16px;
    color: #36ba52;
    font-weight: 900;
    text-decoration: none;
    letter-spacing: 0;
    min-height: 18px;
}
.product_name:hover {
	text-decoration: underline;
}
.product_name h4 {
    text-align: left;
    font-size: 16px;
    text-decoration: none;
    border: none;
    letter-spacing: 0;
}
.product_image {
    padding: 20px;
    text-align: center;
    background-color: #f1f2f8;
    margin-top: 20px;
}
.item_products img {
    /*width: 100%;*/
    text-align: left;
    border: none;
}
.three-column.wrap {
    border-radius: 30px;
    margin-top: 40px;
    padding: 0 20px;
}

/*Product page*/
.single_products {
    position: relative;
    padding: 70px 0 150px;
}
.single_products .container-wrap {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.single_products .entry-title {
    color: #521c56 !important;
    font-size: 37px;
    text-transform: uppercase;
    font-weight: 900;
    font-family: Lato,sans-serif;
}
.single_products .entry-title a {
    color: #521c56 !important;
    margin-left: -12px;
}
.sizes_nutr li {
    color: #5cc673;
    font-weight: 800;
    margin-bottom: 35px;
    font-size: 14px;
}
.single_product_info {
    background-color: #f1f2f8;
    padding: 5% 15%;
}
.single_product_info [class*=" col-"] {
    text-align: center;
}
.single_products img {
    max-width: 100%;
}
body .navbar-inverse .navbar-toggle{
	border-color: #521c56;
}
body .navbar-inverse .navbar-toggle .icon-bar{
	background-color: #521c56;
}
body .navbar-inverse .navbar-toggle:focus,
body .navbar-inverse .navbar-toggle:hover{
	background-color: #521c56;
}
body .navbar-inverse .navbar-toggle:focus .icon-bar,
body .navbar-inverse .navbar-toggle:hover .icon-bar{
	background-color: #fff;
}

@media (max-width: 767px){
	body .navbar-nav{
		display: block;
	}
	body .navbar-nav > li{
		float: none;
	}
	body .header > div{
		width: 100vw !important;
	}
}