.menu_outer{ clear:both; margin-left:0px; margin-right:0px;

background:#000;

	}

@media (min-width: 768px)

{

#header_menu{ padding:0px !important; margin:0px !important; position:inherit;}

.wpmegamenu > ul {

    display: block;

    clear: both;

    font-size: 0;

	padding:0px;

	margin:0px;

	height:33px;

	position:relative;

	border-top:0px solid #fff;

}

.wpmegamenu > ul > li {

    display: inline-block;

    margin: 0px;

	padding:0px;

    text-align: left;

    height: 33px;

	font-weight: 700;

    text-transform: capitalize;

    font-size: 14px;

    color: #fff;

}

 .wpmegamenu  .title{padding:0px 20px;color:#fff; padding-right:28px; position:relative;}

 .wpmegamenu  a .title{ color:#fff; text-transform:capitalize; font-family:"ImbBold";}

 .wpmegamenu  a:hover .title{

    color: #fff;}

	

 .wpmegamenu .hassubmenu .title:after{

	 content: "\f107";

	font-family: "FontAwesome";

	font-size: 12px;

	text-align: center;

	color: #fff;

	position:absolute;

	top:0px; right:10px;

	}

.no-touch .wpmegamenu .root:hover .root-item > .title {

    color: #174c74;

	

}

.root-item.no-description.hassubmenu .title:before {

    padding-top: 0;

    border-color: #c71432 transparent transparent;

    -webkit-transition: padding .3s ease 0s;

    -moz-transition: padding .3s ease 0s;

    -o-transition: padding .3s easet 0s;

    transition: padding .3s ease 0s;

}

.root-item .title:hover{ background:#c71432;}

.root-item.no-description.hassubmenu .title:hover:before {

    content: " ";

    display: block;

    position: absolute;

    left: 50%;

    margin-left: -5px;

    padding-top: 5px;

    bottom: -10px;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 5px 5px 0 5px;

    z-index: 9999999;

}



.wpmegamenu > ul > li:last-child {

    margin-right : 0;

}



.wpmegamenu .root > li {

    overflow: hidden;

}

.wpmegamenu .root-item {

    float: left;

    cursor: pointer;

    padding: 10px 0;

    white-space: nowrap;

}



.wpmegamenu .icon {

    margin-right: 10px;

}



.wpmegamenu .root-item.no-description{

    line-height: 33px;

    padding: 0;

}



.wpmegamenu .description {

    display: block;

    clear: both;

    font-size: 11px;

    color: #84888f;

}



.wpmegamenu .menu-items {

	

    display: none;

    position: absolute;

    z-index: 99999;

	background:#fff !important;

	border-bottom: 1px solid #eee;

}



/* inline-block hack */

.wpmegamenu .menu-items ul {

    font-size: 0;

}



/* General Styles */

.wpmegamenu .menu-items li {

    font-size: 13px;

}



.wpmegamenu .menu-items > li {

    float: left;

    margin: 0 1%;

	background:#fff;

    background: -moz-linear-gradient(right,#f0f0f0 0,#fbfbfb 5px,#fff 15px);

    background: -webkit-gradient(linear,top right,top left,color-stop(0%,#f0f0f0),color-stop(5px,#fbfbfb),color-stop(15px,#fff));

    background: -webkit-linear-gradient(right,#f0f0f0 0,#fbfbfb 5px,#fff 15px);

    background: -o-linear-gradient(right,#f0f0f0 0,#fbfbfb 5px,#fff 15px);

    background: -ms-linear-gradient(right,#f0f0f0 0,#fbfbfb 5px,#fff 15px);

    background: linear-gradient(to left,#f0f0f0 0,#fbfbfb 5px,#fff 15px);

	padding:30px 0px;

}



.wpmegamenu .menu-items > li h4.categorytitle{font-family: 'ImbCondensed', sans-serif; text-transform:uppercase; font-size:26px; color:#5d5d5d;}

.wpmegamenu .menu-items > li h4.categorytitle a{ font-size:26px; padding:0px 8px 8px 8px;}

.wpmegamenu .menu-items > li h4.categorytitle a:hover{ color:#c71432; }

.wpmegamenu .menu-items > li a{ color:#666; font-size:12px; font-weight:normal;}





.wpmegamenu .menu-items > li h4.allcategoryproducts{ text-transform:capitalize; font-size:20px; color: #40403e; font-weight:bold;}

.wpmegamenu .menu-items > li h4.allcategoryproducts a{ font-size:13px; padding:0px 8px 8px 8px;font-weight:bold;}

.wpmegamenu .menu-items > li h4.allcategoryproducts a:before{content: "\f105";

	font-family: "FontAwesome";

	font-size: 14px;

	text-align: center;

	color: #c71432; padding-right:7px;

}

.wpmegamenu .menu-items > li h4.allcategoryproducts a:hover{ color:#c71432; }



.wpmegamenu .menu-item.depth-1 > .title {

    margin: 0 0 10px 0;

    padding: 5px 0 10px 0;

    border-bottom: 1px solid #c0c0c0;

    font-weight: bold;

    font-size: 14px;

}

.wpmegamenu .menu-item.depth-1 li{ line-height:20px; text-transform:capitalize; padding:0px 8px;}

.wpmegamenu .menu-item.depth-1 li:hover {background:transparent; color:#c71432 !important;}

.wpmegamenu .menu-item.depth-1 li:hover a{ color:#5acb89 !important}

.wpmegamenu .menu-item > .title {

    padding: 7px 0;

}



.wpmegamenu .submenu {

    overflow: hidden;

    margin-left: -1%;

    margin-right: -1%;

}



.wpmegamenu .submenu > li {

    margin: 0 1%;

}



.wpmegamenu .submenu > li .submenu > li {

    padding-left: 10px;

}



.wpmegamenu .submenu > li.no-title > .submenu > li {

    padding-left: 0;

}



.wpmegamenu .submenu .title {

    float: none;

}



/* Divider */

.wpmegamenu .menu-item.divider {

    position: relative;

    display: block;

    float: none;

    clear: both;

    margin: 0;

    padding: 15px 1%;

    width: 100%;

    border: none;

}



/* Custom Content */

.wpmegamenu .custom-content p {

    padding: 5px 0;

}



.wpmegamenu .custom-content ul {

    list-style-type: disc;

}



.wpmegamenu .custom-content ol {

    list-style-type: decimal;

}



.wpmegamenu .custom-content li {

    margin-left: 16px;

}



/* Products */

.wpmegamenu .product.withimage {

    display: inline-block;

    float: none;

    vertical-align: top;

    padding: 1px 0!important;

}



.wpmegamenu .product .product-image{

    display: block;

}



.wpmegamenu .product.withimage .title{

    margin-top: 10px;

}



.wpmegamenu .depth-1.product .title{

    font-weight: normal;

    font-size: 13px;

    border: none;

    margin: 10px 0;

    padding: 0;

}



/* Manufacturers */

.wpmegamenu .manufacturer.withimage {

    display: inline-block;

    float: none;

    vertical-align: top;

    padding: 1px 0!important;

}



.wpmegamenu .manufacturer.withimage .title{

    margin-top: 10px;

}



.wpmegamenu .depth-1.manufacturer .title{

    font-weight: normal;

    font-size: 13px;

    border: none;

    margin: 10px 0;

    padding: 0;

}



/* Suppliers */

.wpmegamenu .supplier.withimage {

    display: inline-block;

    float: none;

    vertical-align: top;

    padding: 1px 0!important;

}



.wpmegamenu .supplier.withimage .title{

    margin-top: 10px;

}



.wpmegamenu .depth-1.supplier .title{

    font-weight: normal;

    font-size: 13px;

    border: none;

    margin: 10px 0;

    padding: 0;

}



/* Column System */

[class*="menucol-"] {

    float: left;

}



.menucol-1-1 {

    width: 98%!important;

}



.menucol-1-2 {

    width: 48%!important;

}



.menucol-1-3 {

    width: 31.33%!important;

}



.menucol-2-3 {

    width: 64.67%!important;

}



.menucol-1-4 {

    width: 23%!important;

}



.menucol-3-4 {

    width: 73%!important;

}



.menucol-1-5 {

    width: 18%!important;

}



.menucol-1-6 {

    width: 14.66%!important;

}



.menucol-1-10 {

    width: 8%!important;

}



/* Inline */

.wpmegamenu .inline ul {

    font-size : 0;

}



.wpmegamenu .inline li {

    display: inline-block;

    float: left;

    padding: 0 10px;

    width: 20%;

    vertical-align: top;

    font-size: 12px;

}



/* Text Alignment */

.wpmegamenu .text-center ul,

.wpmegamenu .text-center li {

    text-align: center;

}



.wpmegamenu .menu-item.no-title > .title {

    display: none;

}



.wpmegamenu .menu-item.no-description > .description {

    display: none;

}



/*----------------------------------------------------------------*/

/*  Mobile Menu Styles

/*----------------------------------------------------------------*/

#header_mobile_menu {

    clear: both;

    width: 100%;

    text-align: center;

    padding-top: 20px;

}



#header_mobile_menu .wpmegamenu > ul > li {

    float: none;

    clear: both;

    margin: 0;

    width: 100%;

    height: 100%;

    min-height: 0;

    border-bottom: 1px dotted #d7dce2;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



#header_mobile_menu .wpmegamenu > ul > li:first-of-type {

    border-top: 1px dotted #d7dce2;

}



#header_mobile_menu .wpmegamenu .wpmegamenu-mobile-handle {

    display: block;

    float: right;

    vertical-align: middle;

    text-align: center;

    margin: 0;

    padding: 25px 10px;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



#header_mobile_menu .wpmegamenu .menu-items {

    position: relative;

    top: 0;

    padding: 15px;

    margin: 0;

    z-index: auto;

    overflow: hidden;

    -webkit-box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.25);

    -moz-box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.25);

    box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.25);

}



#header_mobile_menu .wpmegamenu .description {

    white-space: nowrap;

}

.maindividermenu{ clear:both; float:none; height:10px;}

.freedeliverymenu{clear:both; float:none; height:35px; line-height:35px; background-color:#f4f4f4; position:relative; font-weight:normal;}

.freedeliverymenu_inner{color:#c71432;}

.freedeliverymenu .freedeliverymenu_inner a{ color:#666;}

}

/*----------------------------------------------------------*/

/*

/* Media Queries

/*

/*----------------------------------------------------------*/



/*---------------------------------------*/

/* width >= 1680px

/*---------------------------------------*/

@media only screen and (min-width: 1680px)

{



}



/*---------------------------------------*/

/*  1280px <= width < 1680px

/*---------------------------------------*/

@media only screen and (max-width: 1679px)

{



}



/*---------------------------------------*/

/* 1136px <= width < 1280px

/*---------------------------------------*/

@media only screen and (max-width: 1279px)

{



}



/*---------------------------------------*/

/* 1024px <= width < 1136px

/*---------------------------------------*/

@media only screen and (max-width: 1135px)

{



}



/*---------------------------------------*/

/* 960px <= width < 1024px

/*---------------------------------------*/

@media only screen and (max-width: 1023px)

{



}



/*---------------------------------------*/

/* 768px <= width < 960px

/*---------------------------------------*/

@media only screen and (max-width: 959px)

{



    #header_mobile_menu .wpmegamenu .menu-items > .menu-item {

        width: 98%!important;

        margin: 0 0 30px 0;

    }



    #header_mobile_menu .wpmegamenu .menu-item.divider {

        padding: 0 1%;

        margin: 0;

    }



    /* force to menucol-1-4 */

    .menucol-1-5 {

        width: 23%!important;

    }



    .menucol-1-6 {

        width: 23%!important;

    }



    .menucol-1-10 {

        width: 23%!important;

    }



}



/*

	jQuery.mmenu CSS

*/

/*

	jQuery.mmenu oncanvas CSS

*/

#mobile_menu_data{ display:none;}

#mm-blocker {

  background: rgba(3, 2, 1, 0.3);

  display: none;

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left : 0;

  z-index: 999999; }



html.mm-opened #mm-blocker,

html.mm-blocking #mm-blocker {

  display: block; }



.mm-menu.mm-offcanvas {

  display: none;

  position: fixed; }

.mm-menu.mm-current {

  display: block; }



.mm-menu {

  width: 80%;

  min-width: 140px;

  max-width: 440px;}



html.mm-opening .mm-slideout {

  -webkit-transform: translate(-60%, 0);

  -moz-transform: translate(-60%, 0);

  -ms-transform: translate(-60%, 0);

  -o-transform: translate(-60%, 0);

  transform: translate(-60%, 0); }





html.mm-opening #mobile_menu_data{ position:fixed; top:0px;

width:60%;

display:block;

z-index:9999999;

    background: #143157;

    border-left: 1px solid #1e4880;





}

html.mm-opening #mobile_menu_data #innermenu_mobile{ overflow:auto;padding:30px 0px;-webkit-overflow-scrolling: touch; height:100%;}



/*

	LAYOUT

*/

#mobilem

{

	box-sizing: border-box;

	display: none;

	width: 90px;

	height: 45px;

	position:absolute;

	top: 3px;

	left: 10px;

	z-index: 9999;

}

#mobilem strong{ color:#1a65a6; font-size:14px; text-transform:uppercase; line-height:45px;}

#mobilem:before,

#mobilem:after,

#mobilem span

{

	background: #1a65a6;

	content: '';

	display: block;

	width: 30px;

	height: 5px;

	position: absolute;

	right: 10px;

}

#mobilem:before

{

	top: 10px;

}

#mobilem span

{

	top: 20px;

}

#mobilem:after

{

	top: 30px;

}



/* mobilem animation */

#mobilem:before,

#mobilem:after,

#mobilem span

{

	-webkit-transition: none 0.5s ease 0.5s;

	transition: none 0.5s ease 0.5s;



	-webkit-transition-property: transform, top, bottom, left, opacity;

	transition-property: transform, top, bottom, left, opacity;

}

html.mm-opening #mobilem{ display:none;}

html.mm-opening #mobilem:before,

html.mm-opening #mobilem:after

{

	top: 20px;	

}

html.mm-opening #mobilem span

{

	left: -50px;

	opacity: 0;

}

html.mm-opening #mobilem:before

{

	transform: rotate( 45deg );

}

html.mm-opening #mobilem:after

{

	transform: rotate( -45deg );

}

html.mm-opening #mobilem{ position:fixed; top:0px;}



#close_mm_menu{ display:none;}

html.mm-opening #close_mm_menu

{

	display: block;

    width: 30px;

    height: 30px;

    position: absolute;

    right: -40px;

    top: 6px;

    z-index: 9999999;

}

html.mm-opening #close_mm_menu:before

{

	display: block; height: 29px;

    line-height: 29px;

    content: "\f00d";

    font-family: "FontAwesome";

    font-size: 30px;

    text-align: center;

	width:30px;

    color: #fff;

}



/*---------------------------------------*/

/* 640px <= width < 768px

/*---------------------------------------*/

@media (max-width: 767px)

{

	.freedeliverymenu{ display:none !important;}

	.menu_outer #header_bottom{ display:none;}

	#mobilem{ display:block; left:inherit; right:10px; width:45px; padding-top:30px;}

	html.mm-opening #close_mm_menu{ left:-40px; right:inherit;}

	#mobile_menu_data li.root .title{    font-weight: 700;

    text-transform: uppercase;

    font-size: 15px; color:#5d5d5d; border-top:1px solid #dedede; line-height:40px; padding:0px 25px; position:relative;}

	#mobile_menu_data li.root .hassubmenu .title:after{height: 29px;

    line-height: 29px;

    content: "+";

    font-family: "FontAwesome";

    font-size: 18px;

    text-align: center;

    position: absolute;

    right: 13px;

    top: 6px;

    color: #5d5d5d;}

	#mobile_menu_data li.root .hassubmenu .title.open:after{ content:"-";}

	

	ul.menu-items li.customcontent .categorytitle:after{height: 29px;

    line-height: 29px;

    content: "+";

    font-family: "FontAwesome";

    font-size: 18px;

    text-align: center;

    position: absolute;

    right: 13px;

    top: 6px;

    color: #5d5d5d;}

	ul.menu-items li.customcontent .categorytitle.open:after{ content:"-";}

	

	

	#mobile_menu_data li.root ul.menu-items{ display:none;}

	#mobile_menu_data li.root ul.menu-items.menuitemsshow{ display:block;}

	#mobile_menu_data li.root ul.menu-items br{ display:none;}

	#mobile_menu_data li.root ul.menu-items li a{font-size: 14px;

    padding: 0 25px;

	display:block;

	background:#fff; color:#888;

    border-bottom: 1px solid #d5d5d5;

    line-height: 42px;}

	

	ul.menu-items li.customcontent ul{ display:none;}

	#mobile_menu_data li.root ul.menu-items li .categorytitle  a{}

	ul.menu-items li.customcontent .categorytitle, ul.menu-items li.customcontent .allcategoryproducts{ margin:0px; position:relative;}

	ul.menu-items li.customcontent .categorytitle{ }

	 ul.menu-items li.customcontent .allcategoryproducts{ display:none;}

	#mobile_menu_data li.root ul.menu-items p{ margin-bottom:0px;}

	html.mm-opening body{ overflow:hidden;  overflow: -moz-scrollbars-none;  -ms-overflow-style: none; position:fixed;}

	#mobilem{ width:90px; background:#e6e6e4; color:#fff; padding-left:0px; height:60px; left:18px; top:0px;-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px; padding-top:0px;}

	#mobilem:before, #mobilem:after, #mobilem span{ left:7px; right:inherit; padding-left:40px; height:4px; -webkit-border-radius: 1px;

-moz-border-radius: 1px;

border-radius: 1px; color:#8c8c8c; background:#8c8c8c; }

#mobilem strong{ line-height:32px; font-size:12px; color:#fff;}

#mobilem:before

{

	top: 18px;

}

#mobilem span

{

	top: 28px;

}

#mobilem:after

{

	top: 38px;

}

	

}





/*---------------------------------------*/

/* 420px <= width < 480px

/*---------------------------------------*/

@media  (max-width: 750px)

{

	#mobilem{ width:90px; background:#e6e6e4; color:#fff; padding-left:0px; height:60px; left:18px; top:0px;-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px; padding-top:0px;}

	#mobilem:before, #mobilem:after, #mobilem span{ left:7px; right:inherit; padding-left:40px; height:4px; -webkit-border-radius: 1px;

-moz-border-radius: 1px;

border-radius: 1px; color:#8c8c8c; background:#8c8c8c; }

#mobilem strong{ line-height:32px; font-size:12px; color:#fff;}

#mobilem:before

{

	top: 18px;

}

#mobilem span

{

	top: 28px;

}

#mobilem:after

{

	top: 38px;

}



   .menu_outer #header_bottom{ display:none;} 

	html.mm-opening .mm-slideout {

  -webkit-transform: translate(80%, 0);

  -moz-transform: translate(80%, 0);

  -ms-transform: translate(80%, 0);

  -o-transform: translate(80%, 0);

  transform: translate(80%, 0); }



	html.mm-opening #mobile_menu_data{ position:fixed; top:0px; left:0px;

width:80%;

display:block;

z-index:9999999;

    background: #E6E6E4;

    border-left: 1px solid #1e4880;

}



html.mm-opening #close_mm_menu

{

   

}



html.mm-opening #close_mm_menu {

	left:105%;

    top: 6px;

    z-index: 9999999;

}



}

@media (max-width: 640px)

{

.menu_outer #header_bottom{ display:none;}

#mobilem{ width:55px; left:6px;}

}

@media (max-width: 480px)

{

	.menu_outer #header_bottom{ display:none;}

	#mobilem{ height:40px;}

	#mobilem:before, #mobilem:after, #mobilem span{}

	#mobilem:before

{

	top: 10px;

}

#mobilem span

{

	top: 18px;

}

#mobilem:after

{

	top: 26px;

}

}



/*---------------------------------------*/

/* 320px <= width < 420px

/*---------------------------------------*/

@media (max-width: 419px)

{



}



/*---------------------------------------*/

/* 0px <= width < 320px

/*---------------------------------------*/

@media (max-width: 319px)

{

.menu_outer #header_bottom{ display:none;}

}