.menu-toggle svg{width: 22px; height: 22px; fill: #f6efdf; margin: 0 auto; display: block;}

.Navigation_Container{height:45px; position: relative;font-size: var(--font16);font-weight: var(--font600);border-bottom: 1px solid var(--clr-grey);}

.navbar ul li.Mobile_Menu_Footer,
span.dropdown,
.navbar ul li.ViewAll{display: none !important;}

.menu-toggle,
.Menu_Logo{display: none;}

/*** TEMP CSS START ***/
.navbar.NewMenu ul{width:100%;}
.navbar.NewMenu ul li a{ line-height: 43px;padding: 0 29px;}
/*** TEMP CSS END ***/

/*** DESKTOP NAVIGATION START ***/
.navbar{width: 100%;text-align: left; display: flex; justify-content:space-evenly; position: relative; font-size: 16px;}
.navbar ul{padding: 0;list-style: none;margin: 0;}
.navbar ul li{display: inline-block; width: auto;float: left;padding: 0 5px; box-sizing: border-box;border-right: 0px solid #ccc; display: inline-block; margin: 0;height:43px;}
.navbar ul li.TopDeals{border:0px;}
.navbar ul li.TopDeals a,
.navbar ul li.TopDeals:hover a{line-height: 45px; color:var(--top-green);}
.navbar ul li.Home a{display: flex; height: 43px; padding: 3px 5px 0 5px;display: flex;align-items: center;}
.navbar ul li:first-child{border-left: 0px solid #ccc;}
.navbar ul li.Home svg{fill: var(--siteYellow); width: 22px; height: 22px; display: inline-block; float: right; margin:-4px 5px 0 0}
.navbar ul li:hover{color:var(--top-green);}
.navbar ul li a{padding: 0 25px 0 25px; color:#393d46; line-height:43px;}
.navbar ul li .dropdown{color: #393d46;line-height: 40px;display: block; width: 100%; box-sizing: border-box; cursor: pointer; padding: 2px 30px 0 20px; position:relative}
.navbar ul li .dropdown::after{content: "";cursor: pointer;border-bottom:2px solid #393d46;border-right:2px solid #393d46; transform:rotate(43deg); width:8px; height:8px; margin:0 auto;position:absolute; top:35%; right:10px;}
.navbar ul li:hover .dropdown::after{transform:rotate(43deg);}
.navbar ul li:hover .sub-menu{display: block; opacity:10; visibility: visible;}
.navbar ul li:hover a{color: var(--top-green);}

.navbar ul li.HealthMenu .sub-menu{width:300px;}
.navbar ul li.BabyKidsMenu .sub-menu{width:185px;}
.navbar ul li.HealthMenu,
.navbar ul li.BabyKidsMenu{position:relative;}
.navbar ul li.HealthMenu ul li,
.navbar ul li.BabyKidsMenu ul li{width:100%;}

.sub-menu{position: absolute; z-index: 12345;opacity:0; visibility: hidden;box-shadow: 0px 0px 12px rgba(0,0,0,0.15);width: 100%;left: 0; top:45px;padding: 15px; box-sizing: border-box; font-size: 14px;font-weight: 400;background: #f7f7f7; transition: 0.05s;}
.sub-menu ul li{width: 25%; float: left; margin: 0; position: relative; padding: 0 0 0 15px;border: 0 !important; height:auto;}
.sub-menu ul li::before{content: ''; position: absolute; left: 5px; top: 12px; width: 5px; height: 5px; background: #333; border-radius: 50px;}
.sub-menu ul li a{color: #111 !important; background: none !important; padding: 0;line-height: 30px;}
.sub-menu ul li a:hover,
.sub-menu ul li:hover{color:var(--top-green) !important; background: none !important;}
/*.sub-menu ul li:hover a{padding: 0 0 0 5px;}*/

.sub-menu .Shop_by_Type{width:100%;}
.sub-menu .Shop_by_Type span.Shop_tyle_Title{text-transform:uppercase; font-weight:600; display:inline-block; width:100%; padding-bottom:10px; color:var(--top-green);}
.sub-menu .Shop_by_Type li{width:100% !important;}
.sub-menu .Shop_by_Type li.NoStyle{position:unset}
.sub-menu .Shop_by_Type li.NoStyle::before{display:none;}
.sub-menu .Shop_by_Type li.NoStyle .TopMenu_Content{width:25%; float:left;}

/*** DESKTOP NAVIGATION END ***/


/*** RESPONSIVE NAVIGATION START ***/
@media only screen and (max-width:1100px),(max-width:1299px){
.navbar ul li.Home a{padding: 3px 5px 0;}	
.navbar ul li .dropdown{padding: 2px 25px 0 15px;}
}

@media only screen and (max-width:1000px),(max-width:1030px){
.navbar ul li .dropdown{padding: 2px 30px 0 7px;}
.navbar.NewMenu ul li a{padding: 0 12px;}
.navbar{font-size:13px;}
.navbar ul li .dropdown{background: url(/images/HealthSupp/icon-arrow-down-white.png) no-repeat right 10px; background-size: 22px; padding:2px 25px 0 15px;}
.navbar ul li:hover .dropdown{background: url(/images/HealthSupp/icon-arrow-up-white.png) no-repeat right 10px; background-size: 22px;}
}

@media only screen and (max-width:900px),(max-width:999px){
.navbar ul li:first-child{border:0;}
.navbar ul li:hover .sub-menu{display: block; opacity:10; visibility: visible;}
.navbar ul li.Home{display: none;}
.Navigation_Container .wrapper{padding: 0;}
.menu-toggle {display: flex; align-items: center; justify-content: center; width: 32px; padding: 5px 0; background: var(--Primary); float: left; position: absolute; top: 15px;right: 10px;z-index: 12345; border-radius: 50px;}

.Navigation_Container{background: none;position: fixed;height: 100%;overflow-y: scroll; overflow-x: hidden;left: 0;top: 0;display: block;transform: translateX(-100%);transition: all 0.5s ease;width: 85%;z-index: 10;background: #fff;z-index:12345;}
.Navigation_Container.open {transform: translateX(0); display:inline-block;}

.overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9;opacity: 0;visibility: hidden;background: rgba(0, 0, 0, 0.75);transition: all 0.3s ease-in-out;}
.overlay.is-active{opacity: 10;visibility: visible;}
.overlay .menu-toggle-link{background: none; position: absolute; width: 100%; height: 100%;cursor: default;}
.overlay .menu-toggle-link.closed{background: none;}

.Menu_Logo{width:100%; float:left; display:block; padding:0 10px; background:var(--top-green);line-height:48px; font-size:17px;}
.Menu_Logo a{color:#fff; padding-left:10px;}
.Menu_Logo img{width:150px;}
.menu-toggle {display: block;width: 40px;height: 40px;float: right;position: relative;z-index: 123;right: 5px;top: 3px;position: absolute; background:none;}
.menu-toggle svg{width: 25px; height: 25px; fill: #fff; margin: 0 auto; display: block;}
.menu-toggle-link{width: 100%;height: 100%;position: relative;display: block;float: left;}
.menu-toggle-link svg path{stroke:#111;}
.navbar ul li{height:auto;}
.navbar ul li.Mobile_Menu_Footer{display: block !important; width: 100%; float: left; padding: 10px 0; background: #fff; text-align: right;font-size: 14px;border: 0; height: auto;}
.navbar ul li .dropdown{display: none !important;}
.navbar ul li.Mobile_Menu_Footer .Footer_Contact .CustomerSupport{width: 100%;letter-spacing: normal;}
.navbar ul li.Mobile_Menu_Footer .Footer_Contact p.Title{color: var(--top-green);padding-bottom: 10px;font-size: 18px;text-transform: uppercase;}
.navbar ul li.Mobile_Menu_Footer .Footer_Contact p{text-align:center;}
.navbar ul li.Mobile_Menu_Footer .Footer_Contact{font-size: 16px;}
.navbar ul li.Mobile_Menu_Footer a{padding: 0 !important;}
.navbar ul li.Mobile_Menu_Footer .SocialIcon{padding-top: 25px;}
.navbar ul li.Mobile_Menu_Footer .SocialIcon svg{fill: rgb(17, 17, 17);width: 20px;height: 20px;}
.navbar ul li.Mobile_Menu_Footer .SocialIcon a {width: 35px;height: 35px;border: 1px solid var(--brd-grey);display: flex !important;border-radius: 100px; margin:0 5px;}

.navbar ul li.Mobile_Menu_Footer .Footer_Contact .CustomerSupport .Phone{background:none; padding: 0; }
.navbar ul li.Mobile_Menu_Footer .Footer_Contact .CustomerSupport .Email{background:none; padding: 15px 0 0 0;}
.navbar ul li.Mobile_Menu_Footer .Footer_Contact .CustomerSupport a{display: inline-block !important;padding: 0 0 5px 0 !important;}

.navbar {background: #fff;width: 100%;min-height: 100vh;transition: all 0.5s ease;padding: 0;z-index: 9999;float: left;}
.navbar ul{display: block; padding: 0; margin: 0;}
.navbar ul li{border: 0px; display: inline-block; width: 100%; float: left; border-bottom: 1px solid var(--brd-grey); position: relative;}
.navbar ul li a,
.navbar ul li span.dropdown{color: #000; padding: 0 0 0 15px !important;display: block !important; line-height: 48px; font-size:17px;}
.navbar ul li a{line-height:30px;}
.navbar ul li a.normalLink{line-height:48px;border-bottom:var(--brd-grey); font-size:17px;}
.navbar ul li span.dropdown{padding: 7px 0 7px 20px; position: relative;}
.navbar ul li span.dropdown::after{content: ''; display:none;}
.navbar ul li:hover .dropdown,
.navbar ul li span.dropdown{background: url(/images/HealthSupp/icon-arrow-down.png) no-repeat 98% 7px var(--clr-grey); background-size: 30px; color: #111; margin-bottom:1px;}
.navbar ul li span.dropdown.active{background: url(/images/HealthSupp/icon-arrow-down.png) no-repeat 98% 7px var(--header-grey); background-size: 30px;}
.navbar ul li:hover .sub-menu{display:inline-block; background: #fff;}
.navbar ul li .sub-menu{padding: 0;}
.navbar ul li .sub-menu{position:relative; top:0; width: 100%;transition:unset; float: left; border-top: 0; border-bottom:5px solid var(--top-green); background: #fff !important; max-height: 335px; overflow: hidden scroll !important;        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); font-size:16px;}
.navbar ul li:hover .sub-menu{display: none;}


.sub-menu ul li.ViewAll{display: block !important; text-align: center; padding: 10px 0;width: 100%; position: unset; font-weight: 600; text-transform: uppercase;}
.sub-menu ul li.ViewAll a{background: var(--top-green) !important;padding: 8px 20px !important;width: auto;display: inline-block !important;line-height: normal !important;color: #fff !important;border-radius: 10px 0 10px 0; font-size:14px;}

.navbar ul li.HealthMenu .sub-menu,
.navbar ul li.BabyKidsMenu .sub-menu{width:100%;}

.sub-menu{display: none; opacity:10; visibility: visible;}
.sub-menu ul li a{padding-left:10px !important;}
.sub-menu ul li{width: 50%;}
.sub-menu ul li::before{left: 13px; top:12px;}

.sub-menu .Shop_by_Type li.NoStyle .TopMenu_Content{width:33.333%; padding:15px 0;}

}


@media only screen and (max-width: 500px), (max-width: 599px) {
.Navigation_Container{width: 100%;}
.sub-menu ul li {width: 100%;}
.sub-menu .Shop_by_Type li.NoStyle .TopMenu_Content{width:100%; padding:15px 0 0 0;}
.Menu_Logo a{padding-left:5px;}
}