.nav-bar{display: none;}

header nav{background: none; z-index: 1000; width: 100%; float: left;}

header nav ul{/*display: flex; justify-content: end;*/}

header nav ul li{float: left; position: relative;}

header nav:after{content: ""; display: block; clear: both;}

header nav ul li a{color: #000; display: block; margin: 0 9px; font-size: 26px; 
font-family: 'baskervvilleregular'; position: relative; line-height: normal; padding: 0 0 3px 0;
background: -webkit-linear-gradient(#b08b21,#8d6600);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

@media (min-width: 768px) {

header nav ul li a:after, .head_wishlist:after{content: ""; position: absolute; width: 0px; height: 2px; bottom: -4px; left: 0;
background: #b0921d; transition: all 0.3s ease-in-out;}
header nav ul li a:not(ul.sub-menu li a):hover:after, .head_wishlist:hover:after{width: 100%;}

}

header nav ul li a:hover{color: ##b0921d;}
header nav ul li:last-child{/*border-right: none;*/}
header nav ul li:last-child a{/*margin-right: 0!important;*/}

/*header nav ul li:hover i{color: yellow;}*/

header nav ul li i{margin-right: 10px;}



header nav ul li .children li{margin: 0; /*float: none;*/ display: block!important; width: 100%;}

header nav ul li .children li a{display: block; color: #fff; margin: 0; text-transform: inherit;

letter-spacing: 0; padding: 13px 13px; font-size: 15px !important;}

header nav ul li .children li a:hover{ color: #000;}

header nav ul li .children li a:before{display: none;}

header nav ul li .children span{display: none; }

header nav ul li .children li{display: block; width: 100%;}

header nav ul li .fa-angle-down{position: relative;  top: 3px;}

header nav ul li a svg{width: 30px; height: 20px; float: right; margin-top: 3px;}

.mobile-logo,.mobile-footer{display: none;}



/*responsive nav style*/

@media all and (max-width: 767px) {



.nav-bar{display: block; width: auto; position: absolute; top: 5px; right: 5px; z-index: 99;}

.nav-bar span{float: left; font-size: 20px; padding: 20px; color: #fff;}

.nav-bar .fa-bars{display: block; padding:7px 10px; color: #8d6600; overflow: hidden; font-size: 24px; float: right;}

.fa-times{position: absolute; right: 0; top: 0; padding: 10px; font-size: 20px !important; color: #252525;}



header nav{width: 80%; height: auto; position: fixed; right: 100%; top : 0; overflow: hidden; height: 100%; margin: auto;  

background: #fff; box-shadow: #b1afaf61 1px 0px 7px;}

header nav ul li{margin: 0; display: block; width: 100%;}

header nav ul li a{color: #f7941e!important; padding: 10px 16px!important; font-size: 15px;}

header nav ul li i{margin-right: 0;}

header nav ul li.current-menu-item a{color:#ae1408;}

header ul li a{display: block;}

header nav ul li .children{width: 100%; position: relative; overflow: hidden; display: none;}

header nav ul li:hover .children{display: none;}

header nav ul li ul li:first-child{/*border-top: 1px solid #ffffff99;*/}

header nav ul li .children span{display: inline-block;}

header nav ul li .children a{color: #fff!important;}

header nav ul li .fa-angle-down{position: relative; top: 3px;}

header nav ul li:hover:before, header nav ul li.current-menu-item a:before{display: none;}


.noscroll{background: rgba(255,255,255,0.9); position: fixed; z-index: 1000000; top: 0; left: 0; width: 100%; height: 100%;

opacity: 1; -webkit-transition: .5s ease; -moz-transition: .5s ease; -ms-transition: .5s ease; -o-transition: .5s ease;

transition: .5s ease;}

header nav ul li:last-child{border-bottom: none;}

.icon-box{padding-top: 20px;}

}





/****************start new CSS****************/

.down-icon{position: absolute; content: ""; top: 3px; right: 4px; border: #000 solid; border-width: 0 2px 2px 0;

padding: 2px; transform: rotate(45deg); z-index: 99; width: 7px; height: 7px; cursor: pointer;}





@media (min-width: 320px) and (max-width: 767px) {



header nav ul li a svg{fill: #fff;}

header nav ul li .children{min-width: 100%; background: #f7941e;}

header nav ul li .children ul{background: #0567a6;}

.mobile-footer ul li a{text-transform: inherit; padding: 0!important; margin: 0!important; color: #fff!important;

background: none !important; font-size: 12px;}

.down-icon{/*right: 0; color: #f7941e; width: 30px;*/}

header nav ul li a{margin-right: 40px;}

.children li a{margin-right: 0;}

#cssmenu .menu{margin: 0 auto; overflow: hidden; overflow-y: scroll; height: calc(100vh - 145px);}

.mobile-logo img{max-width: 180px;}

#cssmenu .menu li:last-child{}

#cssmenu .menu li:last-child a{background: #f5aa56; color: #fff; margin: 0 16px 16px 16px; display: inline-block;

color: #fff!important;}

#menu-item-49{margin-bottom: 20px;}

.menu-header-main-menu-container /*.menu*/{height: calc(100vh - 181px); overflow: auto; margin-top: 0;}

.menu-header-main-menu-container ul li a{display: block!important; margin: 0!important; text-align: left;

font-size: 20px!important; color: #000!important;}

.down-icon i{font-size: 16px;}

header nav ul li .sub-menu li a{text-transform: inherit; font-size: 14px!important;}

.menu-header-main-menu-container #menu-header-menu{height: calc(100vh - 181px); overflow: auto; margin-top: 0;}

}



@media (min-width: 768px) {



/*.down-icon{display: none;}*/



}

/****************end new CSS****************/



/**************start 2nd step_menu*************/

header nav ul li ul.children{display: none; background: #e7e6e6; position: absolute; width: 230px; z-index: 1000; 

margin: 0; text-align: left; /*transition: all 500ms ease-in-out;*/}

header nav ul li:hover > .children{display: block;} /*after developer fix the sub menu issue un-comment it*/

header nav ul li:hover ul.children li ul.children{position: absolute; left: 230px !important; top: 0; }

header nav ul li:last-child .children{left: -95px;}



@media (min-width: 1300px) {


header nav ul li .down-icon{ display: none; }
header nav ul li ul.children .down-icon{display: block; transform: rotate(-45deg); border: #fff solid;

border-width: 0 2px 2px 0; top: 15px;}





}





/*responsive nav style*/

@media (min-width: 320px) and (max-width: 767px) {

.menu{margin-top: 50px;}

header nav ul li:hover .children { display: none; max-height: 300px; overflow-y: auto; overflow-x: hidden;}

header nav ul li:hover:before, header nav ul li.current-menu-item a:before{display: none;}

header nav ul li:hover ul.children li ul.children{position: inherit; left: 0 !important; top: 0; background: #252525;}

header nav ul li ul.children{position: relative; left: 0;}



.down-icon{right: 0; border:none; border-width: 0; width: 45px; height: 36px; margin: 0; cursor: pointer; top: 0; 

transform: rotate(0deg); position: absolute;}

.down-icon:after{content: ""; position:absolute; right: 11px; border: #212529 solid; border-width: 0 2px 2px 0; 

width: 10px; height: 10px; margin: 5px; cursor: pointer; top: 5px; transform: rotate(45deg);}



.children span.down-icon{right: 0; border:none; border-width: 0; width: 100%; height: 100%; margin: 0; cursor: pointer;

top: 0; transform: rotate(0deg); position: absolute; z-index: 999; display: block;}

.children span.down-icon:after{content: ""; position:absolute; right: 11px; border: #212529 solid; border-width: 0 2px 2px 0; 

width: 12px; height: 12px; margin: 5px; cursor: pointer; top: 8px; transform: rotate(45deg);}

header nav ul li:last-child .children{left: 0px;}



}

/**************end 2nd step_menu*************/



@media (min-width: 768px) and (max-width: 991px) {
header nav ul{/*width: 100%; text-align: center;*/}
header nav ul li{float: none; display: inline-block;}
header nav ul li a{font-size: 20px; margin: 0 5px;}
.down-icon{top: 2px; right: 2px; width: 5px; height: 5px; border-width: 0 1px 1px 0;}
.icon-box{margin-bottom: 20px;}
}


@media (min-width: 992px) and (max-width: 1199px) {
header nav ul li a{font-size: 13px; margin: 0 11px;}
.down-icon{top: 2px; right: 1px; width: 6px; height: 6px; border-width: 0 2px 2px 0;}
}


@media (min-width: 768px) {
header nav ul{display: flex; justify-content: start; padding-left: 0;}
}