/** Shopify CDN: Minification failed

Line 308:2 Expected identifier but found whitespace
Line 412:2 Unexpected "width"
Line 484:0 Unexpected "}"
Line 696:5 Unexpected "line-height"
Line 751:2 Unexpected "width"

**/
@import url(https://fonts.googleapis.com/css?family=Oxygen:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic);

@font-face {
    font-family: 'matrixbold';
    src: url('ufonts.com_matrix-bold-webfont.eot');
    src: url('fontsufonts.com_matrix-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontsufonts.com_matrix-bold-webfont.woff2') format('woff2'),
         url('fontsufonts.com_matrix-bold-webfont.woff') format('woff'),
         url('fontsufonts.com_matrix-bold-webfont.ttf') format('truetype'),
         url('fontsufonts.com_matrix-bold-webfont.svg#matrixbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'TrajanProRegular';
    src: url('trajanpro-regular-webfont.eot');
    src: url('trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('trajanpro-regular-webfont.woff') format('woff'),
         url('trajanpro-regular-webfont.ttf') format('truetype'),
         url('trajanpro-regular-webfont.svg#TrajanProRegular') format('svg');
    font-weight: normal;
    font-style: normal;}
	
img {	max-width: 100%;	height: auto}
body {	font-family: 'Oxygen', sans-serif;	font-size: 15px; list-style: none;	text-decoration: none;	color:#333;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#600516+0,330a0a+56,360b0c+100 */
background: #600516; /* Old browsers */
background: -moz-linear-gradient(top, #600516 0%, #330a0a 56%, #360b0c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #600516 0%,#330a0a 56%,#360b0c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #600516 0%,#330a0a 56%,#360b0c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#600516', endColorstr='#360b0c',GradientType=0 ); /* IE6-9 */}

a:hover {-webkit-transition: all 0.3s ease-in-out;	-moz-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out;	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
a {	list-style: none;}

/**** 	header ****/
header {	padding:15px 0;	margin: 0 auto;	background: #73021c;	color: #FFF;	font-size: 9px}
header h2 {font-size:1.875em;font-family:matrixbold; letter-spacing:1px;}
header h3 {font-size:20px; font-family: 'Lora', serif;}
header h2, header h3{margin-top:10px; margin-bottom:10px; font-weight:bold;}

/**** 	btn ****/
.btn-group{ font-family: 'Lora', serif;}
.btn{ font-family: 'Lora', serif;}

/**** 	menu ****/
.menu ul > li > a, .sf-menu > li > a+li > a { border-right:1px solid black; padding:0px 55px ; }
.menu ul li, .sf-menu li {  padding: 13px 0px;  color:#000; display: block; font-size: 20px;  font-family: 'Lora', serif; }
.menu ul li:last-child a { border-color:#e5c985}



/**** 	cantent****/
.cantent{  padding-top:35px; padding-bottom:15px; color:#FFF; text-align:center;}
.cantent h3{ margin-top:0px;font-family: 'TrajanProRegular'; letter-spacing:-3px;}
.click-heae{ text-decoration:underline; font-family: 'Lora', serif; font-style:italic; color:#e0bf74; font-size:18px;}
.click-heae:hover{ text-decoration:none}
/**** 	about-us****/
.about-us{ color:#FFF; text-align:center; margin-bottom: 37px; }
.about-us p{font-family: 'Lora', serif; color:#FFF}
.about-us h2{ font-size:38px; font-family: 'Lora', serif; font-weight:normal; }

 /**** 	banner-2****/
.banner-2{ position:relative ; margin:0 auto; padding:0; text-align:center;  margin: 15px 0px 55px 0px; font-size:16px;}
.bann{ background:url(banner-2.png); padding:15px}
.banner-2 h2{ font-size:2.313em; display:inline-block ; margin-top:0; margin-bottom:10px; font-family: 'Lora', serif; color:#FFF; font-weight:inherit; padding: 0 2px 5px 0;
 text-shadow: 2px 3px 2px #877B64; }
 .banner h3 { font-size: 25px;}
.butt { margin-bottom:10px;    padding: 14px 16px;}
.phone img{ margin-right:5px;}
.sign-up{ font-size:1.375em;  padding: 14px 25px;  font-family: 'Lora', serif; margin:0 auto;  display:inline-block; text-decoration:none}	
.sign-up:hover { text-decoration:none;}


/**** fouter ****/
footer{   color:#FFF;  padding:0}
footer a, footer a:hover{color:#FFF}
footer .fa {    background:#999;    padding: 9px 11px;}
.footer-nav{margin:0 0 15px; padding:0; list-style:none ;  border-bottom: 1px solid #CCC}   
.footer-nav li{display:inline-block; vertical-align:middle; position:relative; padding: 0px 15px; font-size:14px;  font-family: 'Lora', serif;  }

/**** Pickity ****/
 .Pickity{ font-family: 'Lora', serif; }
/**** Sitemap ****/
.Sitemap {  font-family: 'Lora', serif; }

/**** full ****/
.full{ background-color:#FFF;margin-top: 15px; padding-bottom:20px;   font-family: 'Lora', serif; padding-top:40px;}
.full p{ font-size:15px; font-family: 'Lora', serif; margin:10px auto; padding:0px ;letter-spacing: 0px }
/**** main ****/
.main img{ margin-bottom:24px;}
.main h1{  color: #B36B14; font-size: 27px; font-weight: bold; border-bottom: 1px dashed #B36B14; margin-bottom: 30px; padding-bottom: 11px;}
/**** maanu ****/
.maanu{ margin-left:10%}
/**** product ****/
.product { margin-bottom:35px}
.product h3{ color:#642c33;   font-weight:normal; font-size:23px;  border-bottom:1px dashed #642c33; padding-bottom: 12px; margin-bottom:10px }
/**** contact-Informations ****/
.contact-Informations{ margin-bottom:35px;}
.contact-Informations h3{ color:#642c33;   font-weight:normal; font-size:23px;  border-bottom:1px dashed #642c33; padding-bottom: 12px; margin-bottom:10px }
.contact-Informations li a{ color:#000}
.contact-Informations li a:hover{ color:#000}

/**** about ****/
.about { margin-bottom: 35px;}
.about-us p { color:#FFF}
.about h3{ color:#642c33;   font-weight:normal; font-size:23px;  border-bottom:1px dashed #642c33; padding-bottom: 12px; margin-bottom:10px }
/**** gift ****/
.gift { margin-bottom:40px}
.gift h3{  color:#642c33;   font-weight:normal; font-size:23px; margin:0 auto 9px; padding:0px;  }

/**** active ****/
.active {margin-bottom: 14px; padding: 0px; list-style: outside none none; font-size: 15px; font-family: 'Lora', serif;}
.active li { position: relative;  color: #000; display: inline-block;}
.active li a{ text-decoration:underline; color:#000}
.active li a:hover{ color:#b36b14; text-decoration:none}
.active li + li::before {  content: "";  display: inline-block;  margin-right: 5px;  font-family: "FontAwesome";}

/**** Featured ****/
.Featured { margin: -19px auto 25px; padding:15px 0px 0px 0px ; font-family: 'Lora', serif; }
.Featured li{ padding: 0px 4px 0px 13px;  position: relative; color: #000; margin: 9px;} 
.Featured li:before{ content:"\f101"; position:absolute; left:0px; top:0px; font-family:'FontAwesome'}
.Featured a{ color:#333; text-decoration:none; font-size:15px;}
.Featured li{ list-style:none}
.Plus-Tax a{ font-weight:bold; font-size:15px;}




 @media (max-width:480px) {
/**** 	logo-img ****/
	 .logo img {	padding: 11px 0px 0;}
	   header button.btn-lg{margin:10px auto 0; display:block}
	 
	 
	 
	 
/**** 	btn ****/
	 .btn-group-lg > .btn, .btn-xs {  padding: 6px 16px; }
/**** 	banner****/
    .banner h3 {font-size: 16px;}
/**** 	contant ****/
    .cantent h3 { font-size: 20px;}
	.cantent h3 { letter-spacing:-2px}
/**** about-us ****/
    .about-us p {  font-size: 14px;}
/**** footer ****/
   .footer-nav li {font-size: 11px;  margin-bottom:10px;}
/**** phone ****/
    .phone img {  margin-bottom: 1px;}
/****banner-2****/
   .banner-2 h2 {  font-size: 25px;}
/**** butt ****/
 .butt {  padding: 7px;}

   }

 @media (max-width:767px) {
/**** cantent ****/	
.cantent h3 { font-size: 23px;}
.cantent {  padding-bottom: 0px;}
/**** thumbnail ****/	
.thumbnail {   margin-bottom: 5px;}
/**** banner-2 ****/
.banner-2 {    font-size: 13px;}
.banner-2 {  margin: 29px 0;}
/**** sign-up ****/
.sign-up {   padding: 9px 16px; display: inline-block;  text-decoration:none;}
/**** fouter ****/	
 .footer-nav li { font-size: 16px;  padding: 0px 26px; margin-bottom:10px;}
/**** Sitemap ****/	
 .Sitemap {  font-size: 12px;}
/**** Pickity ****/	
 .Pickity{ font-size:12px;  padding: 0px; margin: 0 auto;}
/**** full ****/	
.full img{ text-align:center;}
 /**** gift ****/
.gift {  margin-top: 21px;}
 /**** maanu ****/
.maanu {  margin-left: 0%;}
}

 @media (min-width:600px) {
.banner-2 h2{margin-right:15px}
 }

 @media (min-width:768px) {
	 
 /**** header ****/	
 header{ font-size:8px}
 header h2 {  letter-spacing: 2px;  padding-top: 15px;}
 header .phone{text-align:right}
 /**** logo ****/
.logo img {  padding-top: 24px;}
/**** i-cen ****/
.i-cen img{ width:12%}
/**** btn ****/	
.btn-lg { margin-top: 1px; padding: 2px 9px;}
.btn-lg {  padding: 6px 8px;  font-size: 12px;   margin-top: 3px;}
/**** nav****/	
.nav > li > a {font-size: 17px;	}
 /**** menu ****/
 
  .menu ul > li > a, .sf-menu > li > a { font-size: 17px; }
.menu ul > li > a, .sf-menu > li > a + li a {  padding: 0px 15px;}




/**** cantent ****/	
.cantent h3 {  font-size: 18px;}
/**** about-us ****/	
.about-us p {	font-size: 15px; color: ;}
/**** footer ****/	 
.footer-nav li {padding: 0px 7px;font-size: 13px;}
.footer-nav li { padding: 0px 17px;	font-size: 15px; margin-bottom:10px;}
 /**** Sitemap ****/
.Sitemap{ float:right}
 /**** Pickity ****/
.Pickity{ float:left; display:inline-block; font-size:14px;}
 /**** Sitemap ****/
.Sitemap{ float:right; display:inline-block ; font-size:14px;}
.phone img { width: 13%;}




 }
 
 @media (min-width:768px)  and( max-width:991){ 
 /**** i-cen ****/
 .i-cen img{ width:12%}
 /**** i-cen ****/
.btn-lg {  margin-top: 1px;  padding: 2px 9px;}
/**** cantent ****/	
.cantent h3{ font-size:19px;}
/**** Pickity ****/
.Pickity{ float:left}
 /**** phone ****/
.phone img {   width: 11%;}
 /**** gift****/
.gift img{ width:100%}

}
  
 @media (min-width:992px) {
/**** header ****/	
 header{ font-size:10px ;}
 header h2 { letter-spacing:3px;}
 header h3{font-size:26px}
 /**** menu ****/	
 .menu ul > li > a, .sf-menu > li > a { font-size: 19px;    padding: 0px 33px;}
/**** btn ****/	
 .btn-lg {   margin-top: 1px;  padding:8px 4px;  font-size: 16px; }
/**** phone ****/
  .phone img {  margin-bottom: 1px; width: 11%;}
/**** main ****/
 .main{ padding-right:0%; margin-bottom: 10px;}
/**** menu ****/
  .menu ul li, .sf-menu li {    padding: 13px 0px;}
 .maanu{ margin-left:10%}
/**** cantent ****/	
 .cantent h3 {  font-size: 24px;  letter-spacing:-3px}
  /**** Pickity ****/
.Pickity{  font-size:16px;}
 /**** Sitemap ****/
.Sitemap{  font-size:16px;}

 }
 
 @media (max-width:991px) {
/**** footer ****/	
   .footer-nav li {padding: 0px 10px;font-size: 14px;}
/**** product ****/	
    product h3{font-size: 20px;}
/**** contact-Informations ****/	
   .contact-Informations h3{ font-size:19px}
/**** about ****/	
   .about h3{ font-size:20px}
/**** gift ****/	
   .gift h3{ font-size:20px}
 }

 @media (min-width:1140px) {header{ font-size:11px}
/**** header ****/
 header h2 {  padding-top: 15px ; }
  header h3{font-size:27px}
/**** logo ****/
.logo img {   padding-top: 29px ;}
/**** footer ****/	 
 .footer-nav li { padding: 0px 17px;	font-size: 16px;}
/**** phone ****/
.phone img { margin-right: 5px;  width: 10%; margin-bottom: 1px;}
/**** btn ****/	
 .  btn-lg {   font-size: 16px;  margin-top: -5px;}
/**** menu ****/
  .menu ul li, .sf-menu li {    padding: 13px 0px;}
}

@media (min-width:1200px) { 
/**** header ****/
 header{ font-size:13px; }
 header h2 { letter-spacing:4px;}
/**** btn ****/
 .btn-lg {margin-top: -2px; padding: 11px; font-size:18px;}
 /**** menu ****/
 .menu ul > li > a, .sf-menu > li > a {   padding: 0px 39px;  font-size: 20px; }
/**** cantent****/	
 .cantent h3 {  font-size: 30px;  margin-top:5px}
/**** about-us ****/	 
 .about-us p {  font-size:19px;}
/**** banner ****/	
 .banner h3 {    font-size: 38px;}
/**** menu ****/
   .menu ul li, .sf-menu li {    padding: 12px 0px;}
/**** gift ****/
   .gift img{ width:100%}
}









.navvi{ background:url(background.png)}











.menu ul, .menu ul *, .sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family:inherit
}
.menu > ul{display:table; width:100%}






.menu ul > li > a:hover, .sf-menu > li > a:hover, .menu ul > li.selected > a {
	color:#b36b14;
	text-decoration: none
}
.menu ul li, .sf-menu li {
	position: relative;
}
.menu ul ul, .sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0; text-align:left;
	z-index: 99999;
}

.menu > ul > li{ float:left}


.menu ul li:hover > ul, .menu ul li.sfHover > ul, .sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
	display: block;
}
.menu ul a, .sf-menu a {
	display: block;
	position: relative; 
}
.menu ul > li, .sf-menu > li {
	background: transparent!important
}
.menu ul ul ul, .sf-menu ul ul {
	top: 0;
	left: 100%;
}

.menu ul ul{background:url(background.jpg)}
.menu ul ul li{display:block; font-size:14px}
.menu ul ul li a{font-size:inherit; font-weight:300!important}
.menu ul ul li a:hover{background:#a3c939; color:#333}

/*** DEMO SKIN ***/
.menu ul, .sf-menu {
	/*float: left;*/
	margin-bottom: 0px;
}
.menu ul ul, .sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	width: 15em; /* allow long menu items to determine submenu width */
 *width: 15em; /* no auto sub width for IE7, see white-space comment below */
}
.menu ul a, .sf-menu a {
    padding: .75em 1em;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.menu ul a, .sf-menu a {
	color:#000000;
}
.menu ul li, .sf-menu li {
	background: #BDD2FF;
/* no need for Supersubs plugin */
 white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.menu ul ul li, .sf-menu ul li {
	background: #a3c939;
}
.menu ul ul li a, .sf-menu ul li a {
	color: #000000}

.menu ul ul ul li, .sf-menu ul ul li {
	background: #9AAEDB;
}
.menu ul ul li:hover, .sf-menu ul li:hover, .sf-menu ul li.selcted > a, .menu ul ul li.selected a {
	background:#333; color:#FFF
}
.menu ul li:hover, .menu ul li.sfHover, .sf-menu li:hover, .sf-menu li.sfHover {
	background: #CFDEFF;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
/*	padding-right: 2.5em;
 *padding-right: 1em;  no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	display:none;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}



}






/*! ########### MeanMenu 2.0.7 #### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
    width: 100%;
	position: relative;
	background:#73021c url(background.png);
	padding: 5px 0;
	min-height: 42px;
	z-index: 999;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 8px 13px 0 13px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #5B0515;
	margin-top: 44px;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 12px 5%;
	margin: 0;
	background-color:#5b0515;
	text-align: left;
	color: #fff;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background:#e5c985; color:#360b0c
	
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 20px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: #73021c;
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background:#5B0515!important; color:#FFF
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
    .mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;}
.mean-remove {	display: none !important;}

/************************************************************************
	>>> TOP BAR
*************************************************************************/
.logowrapper{margin-top:40px;}
#topBar {
  position: fixed;
    z-index: 99999;
    left: 0;
    top: 0px;
    padding: 0;
    width: 100%;
    background-color: #73021c;
    text-align: center;
    
    margin-bottom: 10px;
    padding-right: 50px;
    padding-top: 10px;
  padding-bottom:10px;
}

#topBar #cart {
	float: right;
	list-style: none;
	margin-left: 0px;
	height: 30px;
	line-height: 30px;
}

#topBar #cart li {
	color: #FFFFFF;
    float: left;
    line-height: 30px;
    padding: 0 10px; 
}

#topBar #cart li a:link, #topBar #cart li a:visited {
	color: #fff;
    _color: #444;
}

#topBar #cart li.cartIcon {
	padding-left: 34px;
	background: url(cart.png) left 5px no-repeat;
	font-weight: bold;
}

#topBar #cart li.customer {
    border-left: 1px solid #fff;
    height: 11px;
    line-height: 11px;
    *line-height: 12px;
    margin-top: 10px; 
    margin-left: 6px;
    padding-left: 13px;
}

#topBar #cart li.customer a {
    margin-right: 9px;
}

#topBar #cart li.customer a#customer_logout_link {
    margin-left: 10px;   
}
#cart li a {
    color: #ffffff;
    font-size: 11pt;
}
.menu ul ul, .sf-menu ul {
	position: absolute;
	display: none;
	top:85%;
	left: 0; text-align:left;
	z-index: 99999;
}

.menu > ul > li{ float:left}


.menu ul li:hover > ul, .menu ul li.sfHover > ul, .sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
	display: block;
}
.menu ul a, .sf-menu a {
	display: block;
	position: relative; 
}
.menu ul > li, .sf-menu > li {
	background: transparent!important
}
.menu ul ul ul, .sf-menu ul ul {
	top: 0;
	left: 100%;
}

.menu ul ul{background:#E5C985;}
.menu ul ul li{display:block; font-size:14px}
.menu ul ul li a{font-size:inherit; font-weight:300!important}
.menu ul ul li a:hover{background:#000; color:#E5C985}

/*** DEMO SKIN ***/
.menu ul, .sf-menu {
	/*float: left;*/
	margin-bottom: 0px;
}
.menu ul ul, .sf-menu ul {
	width: 10em; /* allow long menu items to determine submenu width */
 *width: 10em; /* no auto sub width for IE7, see white-space comment below */
}
.menu ul a, .sf-menu a {
	color:#000000;
}
.menu ul li, .sf-menu li {
	background: #BDD2FF;
/* no need for Supersubs plugin */
 white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.menu ul ul li, .sf-menu ul li {
	background: #a3c939;
}
.menu ul ul li a, .sf-menu ul li a {
	color: #000000}
.menu ul ul li {border-bottom:1px dotted #000;padding:5px 0px;}
.menu ul ul li a{border:none !important;}
.menu-heading{position:absolute; right:6px; color:#FFF; top:27px; font-size:14px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; text-transform:uppercase}
.mean-container .mean-bar{position:fixed; top:0}
@media(max-width:767px){
  .logo{margin-top:30px}
  #topBar{position:fixed; z-index:1; left:0; top:54px; padding:0; width:100%; background-color:#73021c; text-align:center}
  #topBar #cart{text-align:center; float:none; margin:0; padding:0}
  #topBar #cart li{float:none; display:inline-block; vertical-align:middle}

}