html, body {
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	background-color:#fff;
	
}



@font-face {
    font-family: 'GothamSSm';
    src: url('fonts/GothamSSm-Medium.eot');
    src: url('fonts/GothamSSm-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/GothamSSm-Medium.woff2') format('woff2'),
        url('fonts/GothamSSm-Medium.woff') format('woff'),
        url('fonts/GothamSSm-Medium.ttf') format('truetype'),
        url('fonts/GothamSSm-Medium.svg#GothamSSm-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Light';
    src: url('fonts/GothamSSm-Light.eot');
    src: url('fonts/GothamSSm-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/GothamSSm-Light.woff2') format('woff2'),
        url('fonts/GothamSSm-Light.woff') format('woff'),
        url('fonts/GothamSSm-Light.ttf') format('truetype'),
        url('fonts/GothamSSm-Light.svg#GothamSSm-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}


#headerareafull{
width:100%;
float:left;
}

#header{
width:90%;
margin:0 auto;
}

#logo{
width:29%;
height:auto;
float: left;
margin-top:10px;
}

#logo img{
width:100%;
height:auto;
}

#logort{
width:11%;
height:auto;
float:right;
margin-top:20px;
}

#menuarea{
height:auto;
float:right;
margin-top:25px;
font-family: 'GothamSSm';
display:inline-block;
}

#logort img{
width:100%;
height:auto;
}

#sliderarea{
width:100%;
float:left;
}


#hometextareafull{
width:100%;
float:left;
}

#hometextarea{
width:90%;
margin:0 auto;
text-align:center;
font-family: 'Gotham-Light'; line-height:1.8; font-size:16px; color:#2c2c2c; font-weight: normal;
}

#hometextarea h1{
font-family: 'Gotham-Light'; font-size:28px; color:#2c2c2c;
text-align:center; text-transform: uppercase;

}


#hometextarea h2{
margin:0;
padding:0;
font-family: 'Gotham-Light'; font-size:28px; color:#424242; font-size:20px; text-align:center;
}

#homebox1{
width:100%;
background-color:#d2c7c5;
overflow:hidden;
text-align:center;
margin-bottom:10px;
z-index:1000;
position:relative;
}
#homebox2{
width:100%;
background-color:#dfcfbc;
overflow:hidden;
text-align:center;
margin-bottom:10px;
}

#homebox3{
width:100%;
background-color:#d7d1c4;
overflow:hidden;
text-align:center;
margin-bottom:10px;
}


#homebox4{
width:100%;
background-color:#fcf8ea;
overflow:hidden;
text-align:center;
margin-bottom:10px;
}


#homebox5{
width:100%;
background-color:#ffffff;
overflow:hidden;
text-align:center;
margin-bottom:10px;
}


#faqarea{
width:100%;
float:left;
}

#textarea{
width:90%;
padding:1% 5% 1% 5%;
vertical-align:top;
text-align:left;
}
#textarea h1{
margin:0;
padding:0;
font-family: 'Gotham-Light'; font-size:28px; color:#424242; font-size:20px;
}


.responsive-tabs{
margin-top:-20px;
font-size:14px!important;

}

#halfleft{
width:49.7%;
font-family:'Gotham-Light'; line-height:1.8; font-size:16px; color:#424242; font-weight: normal;
display:inline-block;
vertical-align:top;
overflow:hidden;
float: left;
}

#halfleft img{
width:100%;
height:auto;
display:block;
}



#halfrt{
width:49.7%;
font-family:'Gotham-Light'; line-height:1.8; font-size:16px; color:#424242; font-weight: normal;
display:inline-block;
vertical-align:top;
overflow:hidden;
float:right;
}

#halfrt img{
width:100%;
height:auto;
display:block;
}

#homeboxmenu1{
width:100%;
background-color:#94827f;
overflow:hidden;
padding-bottom:5px;
padding-top:5px;
text-align:center;
float:left;
}

#homeboxmenu2{
width:100%;
background-color:#8d7253;
overflow:hidden;
padding-bottom:5px;
padding-top:5px;
text-align:center;
float:left;
}


#homeboxmenu3{
width:100%;
background-color:#817761;
overflow:hidden;
padding-bottom:5px;
padding-top:5px;
text-align:center;
float:left;
}

#homeboxmenu4{
width:100%;
background-color:#a49e88;
overflow:hidden;
padding-bottom:5px;
padding-top:5px;
text-align:center;
float:left;
}



#menu{
display:inline-block;
margin-left:25px!important;
margin-right:25px!important;
margin:0 auto;
font-family:'GothamSSm'; line-height:1.8; font-size:16px; color:#fff; font-weight: normal; text-transform:uppercase;
}
#menu a:link{color: #fff; text-decoration: none; 
}
#menu a:active{color: #ded1c0; text-decoration: none; 
}
#menu a:visited{color: #fff; text-decoration: none;
}
#menu a:hover {color: #ded1c0; text-decoration: none;
}


#navigation ul { 
padding: 0; 
} 

#navigation ul li { 
list-style-type: none; 
display: inline; 
font-family:'GothamSSm'; line-height:1.8; font-size:16px; color:#fff; font-weight: normal; text-transform:uppercase;
text-shadow: 0px 0px 2px rgba(3, 3, 3, 0.85);
}
#navigation ul li  a:link{color: #fff; text-decoration: none; 
}
#navigation ul li  a:active{color: #ded1c0; text-decoration: none; 
}
#navigation ul li  a:visited{color: #fff; text-decoration: none;
}
#navigation ul li  a:hover {color: #ded1c0; text-decoration: none;
}

#navigation li:before { 
content: " | "; font-family:'GothamSSm'; line-height:1.8; font-size:16px; color:#fff; font-weight: normal; text-transform:uppercase;margin-left:25px!important;
margin-right:25px!important;
} 
#navigation li:first-child:before { content: none; }









/**********************************************************************************************/


#navigation1 ul { 
padding: 0; 
} 

#navigation1 ul li { 
list-style-type: none; 
display: inline; 
font-family:'GothamSSm'; line-height:1.8; font-size:16px; color:#fff; font-weight: normal; text-transform:uppercase;
text-shadow: 0px 0px 2px rgba(3, 3, 3, 0.85);
border:1px solid #E2E2E2;
margin-left:25px!important;
margin-right:25px!important;
padding: 5px 20px 5px 20px!important;
border-radius: 8px;
}
#navigation1 ul li  a:link{color: #fff; text-decoration: none; 
}
#navigation1 ul li  a:active{color: #ded1c0; text-decoration: none; 
}
#navigation1 ul li  a:visited{color: #fff; text-decoration: none;
}
#navigation1 ul li  a:hover {color: #ded1c0; text-decoration: none;
}




#navigation1 li:first-child:before { content: none; }



#recipeareafull{
background-image: url(images/recipe_bg.jpg); background-size:100% auto;
padding-top:10px;
padding-bottom:10px;
width:100%;
float:left;
}


#recipearea{
width:80%;
margin:0 auto;
text-align:center;
font-family:'GothamSSm'; line-height:1.8; font-size:20px; color:#fff; font-weight: normal;
}

#recipearea h1{
font-family:'GothamSSm'; line-height:1.8; font-size:30px; color:#fff; font-weight: normal;
text-align:center;
}

#footerareafull{
width:100%;
float:left;
border-top:10px solid #be7f42;
}


a.knowmore{
	
	padding:0.5%;
	z-index:200;
	color:#fff;
	font-family:'GothamSSm'; 	letter-spacing:1px;
	font-size:14px;
	display: inline-block;
  	transition: all 0.5s ease 0s;
  	text-decoration:none;
	border:1px solid #FFFFFF;
	display:inline-block;
	text-align: right;
	vertical-align:top;
	margin:0 auto;

}

a.knowmore:hover {
  background-color:#505050!important;
  border:1px solid #FFFFFF;
  color:#FFF;
}

.txt{
width:90%;
padding:8px;
border:1px solid #be7f42;
color:#be7f42
font-family:'Gotham-Light'; font-size:16px;
 border-radius:7px;
 vertical-align:top;
 opacity:0.7;

}


.txt1{
width:90%;
height:70px;
padding:8px;
border:1px solid #be7f42;
color:#be7f42
font-family:'Gotham-Light'; font-size:16px;
 border-radius:7px;
  vertical-align:top;
   opacity:0.7;
}

.but{
width:200px;
padding:6px;
border:1px solid #be7f42;
color:#fff;
font-family:'Gotham-Light'; font-size:16px;
background-color:#be7f42;
 border-radius:7px;
  vertical-align:top;
  margin:0 auto;
}

#twitterarea{
width:70%;
float:right;
}

#subareafull{
width:100%;
float:left;
}


#subarea{
width:90%;
margin:0 auto;
font-family:'Gotham-Light'; font-size:16px; line-height:1.8;
}


#subarea h1{
font-family:'Gotham-Light'; font-size:16px; line-height:1.8;
}


#footerareafull{
width:100%;
float:left;
border-top:10px solid #be7f42;
}



#sliderareasub{
width:100%;
float:left;
}


#sliderareasub img{
width:100%;
height:auto;
display:block;
}


#footerarea{
width:90%;
margin:0 auto;
text-align:center;
font-family: 'Gotham-Light'; line-height:1.8; font-size:13px; color:#be7f42; font-weight: normal;
padding-bottom:10px;
padding-top:10px;
}





/*************************************************/



.button {
  border-radius: 4px;
  background-color: #f4f0e1;
  border: none;
  color: #5f542a;
  width:120px;
  text-align: center;
  font-size:16px;
  padding:2px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 1px!important;
  display:inline-block;
  font-family:'GothamSSm';
  border:1px solid #996633;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
  background-color:#ede8d5;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

/****************************************************************************************/


#subareahd{
width:100%;
height:auto;
display:block;
padding-bottom:10px;
padding-top:10px;
font-family: 'Gotham-Light'; line-height:1.8; font-size:28px; color:#fff; font-weight: normal; text-align:center;
background-color:#918668;
margin-bottom:20px;
}


/****************************************Products***********************/


#productbox{
width:100%;

overflow:hidden;
text-align:center;

}


#pr-halfleft{
width:50%;
font-family:'Gotham-Light'; line-height:1.5; font-size:15px; color:#424242; font-weight: normal;
display:inline-block;
vertical-align:top;
overflow:hidden;
float:left;

}

#pr-halfleft img{
width:100%;
height:auto;
display:block;
}

#pr-halfright{
width:50%;
font-family:'Gotham-Light'; line-height:1.5; font-size:15px; color:#424242; font-weight: normal;
display:inline-block;
vertical-align:top;
overflow:hidden;
float:right;

}

#pr-halfright img{
width:100%;
height:auto;
display:block;
}




.responsive-tabs .responsive-tabs__panel {
padding: 1px 20px 0!important;
}

#productlogo{
width:150px;
height: auto;
float: right;
display:inline-block;
}
#productlogo img{
width:100%;
height:auto;
}

#producthead{
width:100%;
padding-bottom:10px;
border-bottom:1px solid #D2D2C2;
overflow:hidden;

}

#producthdarea{
display:inline-block;
float:left;
width:70%;
}


#producthd{
font-family: 'Gotham-Light'; font-size:24px; color:#424242; font-size:20px;
display:inline-block;
width:100%;
}

#producttag{
font-family: 'Gotham-Light'; font-size:12px!important; color:#424242; font-style:italic;
display:inline-block;
width:100%;
}


/***************************************products ends********************************************/



.responsive-tabs .responsive-tabs__panel {
background-color:#f2f1e9!important;

}

.responsive-tabs .responsive-tabs__list__item--active:hover {
    background: #f2f1e9!important;
	}
	
	
.responsive-tabs .responsive-tabs__list__item--active {
    background: #f2f1e9!important;
	}


/***********************************************************************************************************************/


#contactareasub{
width:98%;
background-image:url(images/contactbg.jpg); background-size:100% auto; background-position:bottom;
padding:1%;
float:left;
margin-top:20px;
}

#contacthd{
width:100%;
font-family: 'Gotham-Light'; line-height:1.8; font-size:28px; color:#fff; font-weight: normal; text-align:center;
}

#contactbox1{
width:31%;
display:inline-block;
vertical-align:top;
}






























@media only screen and (max-device-width: 1024px) {



#headerareafull{
width:100%;
float:left;
}

#header{
width:90%;
margin:0 auto;
}

#logo{
width:35%;
height:auto;
float: left;
margin-top:10px;
}

#logo img{
width:100%;
height:auto;
}

#logort{
width:11%;
height:auto;
float:right;
margin-top:20px;
}

#menuarea{
width:55%;
height:auto;
float:right;
margin-top:25px;
font-family: 'GothamSSm';
}

#logort img{
width:100%;
height:auto;
}

#sliderarea{
width:100%;
float:left;
}


#hometextareafull{
width:100%;
float:left;
}

#hometextarea{
width:90%;
margin:0 auto;
text-align:center;
font-family: 'Gotham-Light'; line-height:1.8; font-size:16px; color:#5c411b; font-weight: normal;
}

#hometextarea h1{
font-family: 'Gotham-Light'; font-size:28px; color:#9b7743;
text-align:center; text-transform: uppercase;

}


#hometextarea h2{
margin:0;
padding:0;
font-family: 'Gotham-Light'; font-size:28px; color:#424242; font-size:20px; text-align:center;
}

#homebox1{
width:100%;
background-color:#d2c7c5;
overflow:hidden;
text-align:center;
margin-bottom:10px;
}
#homebox2{
width:100%;
background-color:#dfcfbc;
overflow:hidden;
text-align:center;
margin-bottom:10px;
}

#homebox3{
width:100%;
background-color:#d7d1c4;
overflow:hidden;
text-align:center;
margin-bottom:10px;
}


#homebox4{
width:100%;
background-color:#fcf8ea;
overflow:hidden;
text-align:center;
margin-bottom:10px;
}


#homebox5{
width:100%;
background-color:#ffffff;
overflow:hidden;
text-align:center;
margin-bottom:10px;
}

#textarea{
width:90%;
padding:5%;
vertical-align:top;
text-align:left;
}
#textarea h1{
margin:0;
padding:0;
font-family: 'Gotham-Light'; font-size:28px; color:#424242; font-size:20px;
}

#halfleft{
width:49.7%;
font-family:'Gotham-Light'; line-height:1.8; font-size:16px; color:#424242; font-weight: normal;
display:inline-block;
vertical-align:top;
overflow:hidden;
float: left;
}

#halfleft img{
width:100%;
height:auto;
display:block;
}



#halfrt{
width:49.7%;
font-family:'Gotham-Light'; line-height:1.8; font-size:16px; color:#424242; font-weight: normal;
display:inline-block;
vertical-align:top;
overflow:hidden;
float:right;
}

#halfrt img{
width:100%;
height:auto;
display:block;
}

#homeboxmenu1{
width:100%;
background-color:#94827f;
overflow:hidden;
padding-bottom:5px;
padding-top:5px;
text-align:center;
}

#homeboxmenu2{
width:100%;
background-color:#8d7253;
overflow:hidden;
padding-bottom:5px;
padding-top:5px;
text-align:center;
}


#homeboxmenu3{
width:100%;
background-color:#817761;
overflow:hidden;
padding-bottom:5px;
padding-top:5px;
text-align:center;
}

#homeboxmenu4{
width:100%;
background-color:#a49e88;
overflow:hidden;
padding-bottom:5px;
padding-top:5px;
text-align:center;
}



#menu{
display:inline-block;
margin-left:25px!important;
margin-right:25px!important;
margin:0 auto;
font-family:'GothamSSm'; line-height:1.8; font-size:16px; color:#fff; font-weight: normal; text-transform:uppercase;
}
#menu a:link{color: #fff; text-decoration: none; 
}
#menu a:active{color: #ded1c0; text-decoration: none; 
}
#menu a:visited{color: #fff; text-decoration: none;
}
#menu a:hover {color: #ded1c0; text-decoration: none;
}


#navigation ul { 
padding: 0; 
} 

#navigation ul li { 
list-style-type: none; 
display: inline; 
font-family:'GothamSSm'; line-height:1.8; font-size:16px; color:#fff; font-weight: normal; text-transform:uppercase;
text-shadow: 0px 0px 2px rgba(3, 3, 3, 0.85);
}
#navigation ul li  a:link{color: #fff; text-decoration: none; 
}
#navigation ul li  a:active{color: #ded1c0; text-decoration: none; 
}
#navigation ul li  a:visited{color: #fff; text-decoration: none;
}
#navigation ul li  a:hover {color: #ded1c0; text-decoration: none;
}

#navigation li:before { 
content: " | "; font-family:'GothamSSm'; line-height:1.8; font-size:16px; color:#fff; font-weight: normal; text-transform:uppercase;margin-left:25px!important;
margin-right:25px!important;
} 
#navigation li:first-child:before { content: none; }



#recipeareafull{
background-image: url(images/recipe_bg.jpg); background-size:100% auto;
padding-top:10px;
padding-bottom:10px;
width:100%;
}


#recipearea{
width:80%;
margin:0 auto;
text-align:center;
font-family:'GothamSSm'; line-height:1.8; font-size:20px; color:#fff; font-weight: normal;
}

#recipearea h1{
font-family:'GothamSSm'; line-height:1.8; font-size:30px; color:#fff; font-weight: normal;
text-align:center;
}

#footerareafull{
width:100%;
float:left;
border-top:10px solid #be7f42;
}


a.knowmore{
	
	padding:0.5%;
	z-index:200;
	color:#fff;
	font-family:'GothamSSm'; 	letter-spacing:1px;
	font-size:14px;
	display: inline-block;
  	transition: all 0.5s ease 0s;
  	text-decoration:none;
	border:1px solid #FFFFFF;
	display:inline-block;
	text-align: right;
	vertical-align:top;
	margin:0 auto;

}

a.knowmore:hover {
  background-color:#505050!important;
  border:1px solid #FFFFFF;
  color:#FFF;
}

.txt{
width:80%;
padding:3px;
border:1px solid #be7f42;
color:#be7f42
font-family:'Gotham-Light'; font-size:16px;
}


.txt1{
width:80%;
height:120px;
padding:3px;
border:1px solid #be7f42;
color:#be7f42
font-family:'Gotham-Light'; font-size:16px;
}

.but{
width:15%;
padding:3px;
border:1px solid #be7f42;
color:#fff;
font-family:'Gotham-Light'; font-size:16px;
background-color:#be7f42;
}

#twitterarea{
width:70%;
float:right;
}

#subareafull{
width:100%;
float:left;
}


#subarea{
width:90%;
margin:0 auto;
font-family:'Gotham-Light'; font-size:16px; line-height:1.8;
}


#subarea h1{
font-family:'Gotham-Light'; font-size:16px; line-height:1.8;
}


#footerareafull{
width:100%;
float:left;
border-top:10px solid #be7f42;
}



#sliderareasub{
width:100%;
float:left;
}


#sliderareasub img{
width:100%;
height:auto;
display:block;
}


#footerarea{
width:90%;
margin:0 auto;
text-align:center;
font-family: 'Gotham-Light'; line-height:1.8; font-size:13px; color:#be7f42; font-weight: normal;
padding-bottom:10px;
padding-top:10px;
}





/*************************************************/



.button {
  border-radius: 4px;
  background-color: #f4f0e1;
  border: none;
  color: #5f542a;
  width:120px;
  text-align: center;
  font-size:16px;
  padding:5px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 1px;
  display:inline-block;
  font-family:'GothamSSm'; 
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
  background-color:#ede8d5;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

/****************************************************************************************/


#subareahd{
width:100%;
height:auto;
display:block;
padding-bottom:10px;
padding-top:10px;
font-family: 'Gotham-Light'; line-height:1.8; font-size:28px; color:#25241b; font-weight: normal; text-align:center;
background-color:#dddbcd;
}


/****************************************Products***********************/


#productbox{
width:100%;
overflow:hidden;
text-align:center;
margin-bottom:10px;
}


#pr-halfleft{
width:49.7%;
font-family:'Gotham-Light'; line-height:1.5; font-size:15px; color:#424242; font-weight: normal;
display:inline-block;
vertical-align:top;
overflow:hidden;
float:left;

}

#pr-halfleft img{
width:100%;
height:auto;
display:block;
}

#pr-halfright{
width:49.7%;
font-family:'Gotham-Light'; line-height:1.5; font-size:15px; color:#424242; font-weight: normal;
display:inline-block;
vertical-align:top;
overflow:hidden;
float:right;

}

#pr-halfright img{
width:100%;
height:auto;
display:block;
}




.responsive-tabs .responsive-tabs__panel {
padding: 1px 20px 0!important;
}

#productlogo{
width:150px;
height: auto;
float: right;
display:inline-block;
}
#productlogo img{
width:100%;
height:auto;
}

#producthead{
width:100%;
padding-bottom:10px;
border-bottom:1px solid #EAEAEA;
overflow:hidden;

}

#producthdarea{
display:inline-block;
float:left;
width:70%;
}


#producthd{
font-family: 'Gotham-Light'; font-size:24px; color:#424242; font-size:20px;
display:inline-block;
width:100%;
}

#producttag{
font-family: 'Gotham-Light'; font-size:12px!important; color:#424242; font-style:italic;
display:inline-block;
width:100%;
}


/***************************************products ends********************************************/





}

























@media only screen and (max-device-width: 860px) {

#headerareafull{
width:100%;
float:left;
}

#header{
width:90%;
margin:0 auto;
}

#logo{
width:95%;
height:auto;
float: none;
margin-top:10px!important;
margin-bottom:10px!important;
margin:0 auto;
}

#logo img{
width:100%;
height:auto;
}

#logort{
width:17%;
height:auto;
float:right;
margin-top:20px;
}

#menuarea{
visibility:hidden;
display:none;
}

#logort img{
width:100%;
height:auto;
}

#sliderarea{
width:100%;
float:left;
}


#hometextareafull{
width:100%;
float:left;
}

#hometextarea{
width:90%;
margin:0 auto;
text-align:center;
font-family: 'Gotham-Light'; line-height:1.8; font-size:16px; color:#5c411b; font-weight: normal;
}

#hometextarea h1{
font-family: 'Gotham-Light'; font-size:28px; color:#9b7743;
text-align:center; text-transform: uppercase;

}


#hometextarea h2{
margin:0;
padding:0;
font-family: 'Gotham-Light'; font-size:28px; color:#424242; font-size:20px; text-align:center;
}

#homebox1{
width:100%;
background-color:#d2c7c5;
overflow:hidden;
text-align:center;
margin-bottom:10px;
}
#homebox2{
width:100%;
background-color:#dfcfbc;
overflow:hidden;
text-align:center;
margin-bottom:10px;
}

#homebox3{
width:100%;
background-color:#d7d1c4;
overflow:hidden;
text-align:center;
margin-bottom:10px;
}


#homebox4{
width:100%;
background-color:#fcf8ea;
overflow:hidden;
text-align:center;
margin-bottom:10px;
}


#homebox5{
width:100%;
background-color:#ffffff;
overflow:hidden;
text-align:center;
margin-bottom:10px;
}

#textarea{
width:90%;
padding:5%;
vertical-align:top;
text-align: center;
}
#textarea h1{
margin:0;
padding:0;
font-family: 'Gotham-Light'; font-size:28px; color:#424242; font-size:20px;
}

#halfleft{
width:92.5%;
font-family:'Gotham-Light'; line-height:1.8; font-size:16px; color:#424242; font-weight: normal;
display:inline-block;
vertical-align:top;
overflow:hidden;
float:none;
margin:0 auto;
}

#halfleft img{
width:100%;
height:auto;
display:block;
}



#halfrt{
width:92.5%;
font-family:'Gotham-Light'; line-height:1.8; font-size:16px; color:#424242; font-weight: normal;
display:inline-block;
vertical-align:top;
overflow:hidden;
float:none;
margin:0 auto;
}

#halfrt img{
width:100%;
height:auto;
display:block;
}

#homeboxmenu1{
width:100%;
background-color:#94827f;
overflow:hidden;
padding-bottom:5px;
padding-top:5px;
text-align:center;
}

#homeboxmenu2{
width:100%;
background-color:#8d7253;
overflow:hidden;
padding-bottom:5px;
padding-top:5px;
text-align:center;
}


#homeboxmenu3{
width:100%;
background-color:#817761;
overflow:hidden;
padding-bottom:5px;
padding-top:5px;
text-align:center;
}

#homeboxmenu4{
width:100%;
background-color:#a49e88;
overflow:hidden;
padding-bottom:5px;
padding-top:5px;
text-align:center;
}



#menu{
display:inline-block;
margin-left:25px!important;
margin-right:25px!important;
margin:0 auto;
font-family:'GothamSSm'; line-height:1.8; font-size:16px; color:#fff; font-weight: normal; text-transform:uppercase;
}
#menu a:link{color: #fff; text-decoration: none; 
}
#menu a:active{color: #ded1c0; text-decoration: none; 
}
#menu a:visited{color: #fff; text-decoration: none;
}
#menu a:hover {color: #ded1c0; text-decoration: none;
}


#navigation ul { 
padding: 0; 
} 

#navigation ul li { 
list-style-type: none; 
display: inline; 
font-family:'GothamSSm'; line-height:1.8; font-size:16px; color:#fff; font-weight: normal; text-transform:uppercase;
text-shadow: 0px 0px 2px rgba(3, 3, 3, 0.85);
}
#navigation ul li  a:link{color: #fff; text-decoration: none; 
}
#navigation ul li  a:active{color: #ded1c0; text-decoration: none; 
}
#navigation ul li  a:visited{color: #fff; text-decoration: none;
}
#navigation ul li  a:hover {color: #ded1c0; text-decoration: none;
}

#navigation li:before { 
content: " | "; font-family:'GothamSSm'; line-height:1.8; font-size:16px; color:#fff; font-weight: normal; text-transform:uppercase;margin-left:25px!important;
margin-right:25px!important;
} 
#navigation li:first-child:before { content: none; }



#recipeareafull{
background-image: url(images/recipe_bg.jpg); background-size:100% auto;
padding-top:10px;
padding-bottom:10px;
width:100%;
}


#recipearea{
width:80%;
margin:0 auto;
text-align:center;
font-family:'GothamSSm'; line-height:1.8; font-size:20px; color:#fff; font-weight: normal;
}

#recipearea h1{
font-family:'GothamSSm'; line-height:1.8; font-size:30px; color:#fff; font-weight: normal;
text-align:center;
}

#footerareafull{
width:100%;
float:left;
border-top:10px solid #be7f42;
}


a.knowmore{
	
	padding:0.5%;
	z-index:200;
	color:#fff;
	font-family:'GothamSSm'; 	letter-spacing:1px;
	font-size:14px;
	display: inline-block;
  	transition: all 0.5s ease 0s;
  	text-decoration:none;
	border:1px solid #FFFFFF;
	display:inline-block;
	text-align: right;
	vertical-align:top;
	margin:0 auto;

}

a.knowmore:hover {
  background-color:#505050!important;
  border:1px solid #FFFFFF;
  color:#FFF;
}

.txt{
width:80%;
padding:3px;
border:1px solid #be7f42;
color:#be7f42
font-family:'Gotham-Light'; font-size:16px;
}


.txt1{
width:80%;
height:120px;
padding:3px;
border:1px solid #be7f42;
color:#be7f42
font-family:'Gotham-Light'; font-size:16px;
}

.but{
width:15%;
padding:3px;
border:1px solid #be7f42;
color:#fff;
font-family:'Gotham-Light'; font-size:16px;
background-color:#be7f42;
}

#twitterarea{
width:100%;
float: none;
}

#subareafull{
width:100%;
float:left;
}


#subarea{
width:90%;
margin:0 auto;
font-family:'Gotham-Light'; font-size:16px; line-height:1.8;
}


#subarea h1{
font-family:'Gotham-Light'; font-size:16px; line-height:1.8;
}


#footerareafull{
width:100%;
float:left;
border-top:10px solid #be7f42;
}



#sliderareasub{
width:100%;
float:left;
}


#sliderareasub img{
width:100%;
height:auto;
display:block;
}


#footerarea{
width:90%;
margin:0 auto;
text-align:center;
font-family: 'Gotham-Light'; line-height:1.8; font-size:13px; color:#be7f42; font-weight: normal;
padding-bottom:10px;
padding-top:10px;
}





/*************************************************/



.button {
  border-radius: 4px;
  background-color: #f4f0e1;
  border: none;
  color: #5f542a;
  width:120px;
  text-align: center;
  font-size:16px;
  padding:5px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 1px;
  display:inline-block;
  font-family:'GothamSSm'; 
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
  background-color:#ede8d5;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

/****************************************************************************************/


#subareahd{
width:100%;
height:auto;
display:block;
padding-bottom:10px;
padding-top:10px;
font-family: 'Gotham-Light'; line-height:1.8; font-size:28px; color:#25241b; font-weight: normal; text-align:center;
background-color:#dddbcd;
}


/****************************************Products***********************/


#productbox{
width:100%;

overflow:hidden;
text-align:center;
margin-bottom:10px;
}


#pr-halfleft{
width:90%;
font-family:'Gotham-Light'; line-height:1.5; font-size:15px; color:#424242; font-weight: normal;
display:inline-block;
vertical-align:top;
overflow:hidden;
float:none;
margin:0 auto;

}

#pr-halfleft img{
width:100%;
height:auto;
display:block;
}

#pr-halfright{
width:90%;
font-family:'Gotham-Light'; line-height:1.5; font-size:15px; color:#424242; font-weight: normal;
display:inline-block;
vertical-align:top;
overflow:hidden;
margin:0 auto;
float:none;
}

#pr-halfright img{
width:100%;
height:auto;
display:block;
}




.responsive-tabs .responsive-tabs__panel {
padding: 1px 20px 0!important;
}

#productlogo{
width:150px;
height: auto;
float: right;
display:inline-block;
}
#productlogo img{
width:100%;
height:auto;
}

#producthead{
width:100%;
padding-bottom:10px;
border-bottom:1px solid #EAEAEA;
overflow:hidden;

}

#producthdarea{
display:inline-block;
float:left;
width:70%;
}


#producthd{
font-family: 'Gotham-Light'; font-size:24px; color:#424242; font-size:20px;
display:inline-block;
width:100%;
text-align:left;
}

#producttag{
font-family: 'Gotham-Light'; font-size:12px!important; color:#424242; font-style:italic;
display:inline-block;
width:100%;
text-align:left;
}


/***************************************products ends********************************************/





}











@media only screen and (max-device-width: 640px) {

#headerareafull{
width:100%;
float:left;
}

#header{
width:90%;
margin:0 auto;
}

#logo{
width:95%;
height:auto;
float: none;
margin-top:10px!important;
margin-bottom:10px!important;
margin:0 auto;
}

#logo img{
width:100%;
height:auto;
}

#logort{
width:17%;
height:auto;
float:right;
margin-top:20px;
}

#menuarea{
visibility:hidden;
display:none;
}
}