.slicknav_menu {
	display:none;
}

@media screen and (max-width:55.000em) {
	.header .mc > div {
  text-align: center;
}
nav{padding:0;}
.logo {
  height: auto;
  max-width: 250px;
}
.cart{margin-top:15px;}
	 nav ul, .top-menu{
		display:none;
	}
	.header-right nav {
  padding: 20px 0 0;
  position: absolute;
  right: 0;
  width: 60%;
}
	
	.slicknav_menu {
		display:block;
		right:0;
		top:-10px;
		position:absolute;
		width:auto;
		margin-top:0;
		width:100%;
	}
	ul.slicknav_nav {position:absolute;z-index:400;background:#333;left: -1px;top:80px;padding-bottom: 1em;}
	.slicknav_nav a:hover{background:none !important;}
	nav.slicknav_nav {
  position: absolute;
  right:0;
  top:4px;
  width: 100%;
  z-index: 5000;
  padding:1em 0 3em;
}
.header-right nav ul li a.last {
 padding-right:11em; 
}
}
/*
    Mobile Menu Core Style
*/
.slicknav_nav .slicknav_item a {
  border: medium none;
}
.slicknav_btn { position: absolute; display: block; vertical-align: middle; float: right; padding:0.4em; line-height: 1.125em; cursor: pointer;left:auto;top:-38px;z-index: 5000000;width: 40px;height: 30px;right:16px; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_icon::after {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
  content: "";
  height: 5px;
  left: 16%;
  position: absolute;
  top: 10px;
  width: 68%;
}
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width:1.325em; height:0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li, header.bg_style .slicknav_nav li { display: block ;border:none;text-align: center;}
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em;position:absolute;right:22px;top:1em;}
.slicknav_nav .slicknav_item { display: inline-block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	/*font-size:16px;*/
}
/* Button */
.slicknav_btn {	
	text-decoration:none;	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
	background-color:#08cbc4;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #FFF;
	font-weight: bold;	
	text-shadow: 0 1px 3px #000;	
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
	padding:5px;
	padding-top:0;
}
.slicknav_nav {
	color:#fff;
	margin:0;	
	padding:0;
	font-size:0.875em;
	background:#08cbc4;
	border:none;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
} 
.slicknav_nav ul {
	padding:0;
	margin:0;
	width:100%;
	text-align:center;
}
.slicknav_nav ul li{float:none;display:inline-block;width:100%;line-height:33px;text-align:left;padding-left:0;}
.slicknav_nav ul li a{border:none;color:#fff;padding-left:1em;font:300 18px/33px 'Lato', sans-serif;   text-align: center;}
.slicknav_nav .slicknav_item {
	margin:2px 0;
}
.header-right nav.slicknav_nav a, header.bg_style .slicknav_nav a{
	padding:8px 1em;
	margin:0;
	border-bottom: 1px solid #bb0c11;
	text-decoration:none;
	color:#fff;
	text-align:left;
	position:relative;
	width:100%;
	box-sizing:border-box;
	font-size:13px;
	display: inline-block;
}
.header-right nav.slicknav_nav a a {border:none;padding-left: 0;padding: 0;}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#ccc;
	color:#fff;	
}
/*.slicknav_nav a:hover{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#ccc;
	color:#222;
}*/
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}
.slicknav_menu .slicknav_icon-bar{display:none;}
@media only screen and (max-width:480px) {
 .logo{max-width:175px;}
}
