.nav-bar{display: none;}
header nav ul li{float: left; position: relative; color: #fff;}
/* header nav ul li:hover{background: #986a4c; color: #fff;}
header nav ul li:hover a{color: #fff;} */
header nav:after{content: ""; display: block; clear: both;}
header nav ul li a{color: #616670; display: block; padding: 8px 5px; font-size: 16px; letter-spacing:0; font-family: 'outfitregular'; transition: inherit; position: relative;} 
/*header nav ul li a:hover{color: #fff; background: #986a4c position: relative;}*/
header nav ul li:last-child{/*float: right; */ 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;}

@media (min-width: 992px) {

.menu-topmenu-container ul.menu li a:not(ul.sub-menu li a):after{content: ""; width: 7px; position: absolute; height: 7px; border-radius: 10px; background: #996947; top: 21px; right: 2px;
transform: translate(9px ,-20%);}

}

header nav ul li .sub-menu li{margin: 0; /*float: none;*/ display: block!important; width: 100%;}
header nav ul li .sub-menu li a{display: block; color: #fff; margin: 0; text-transform: inherit; padding: 8px 12px; letter-spacing: 0; font-size: 14px;}
header nav ul li .sub-menu li a:hover{color: #000;}
header nav ul li .sub-menu li a:before{display: none;}
header nav ul li .children span{display: none; }
header nav ul li .children li{display: block; width: 100%; border-bottom: 1px solid #ffffff99;}
header nav ul li .children li a{margin-left: 30px; }
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; display: none;}
.mobile-logo,.mobile-footer{display: none;}
.sub-menu li::after{content: ""; display: none;}
.nav_links_grps  .sub-menu  li:last-child a{background: transparent; /*padding: 8px 5px;*/}

/*responsive nav style*/
@media all and (max-width: 767px) {

.nav-bar{display: block; width: auto; position: fixed; top: 19px; left:  0; z-index: 99;}
.nav-bar span{float: left; font-size: 20px; padding: 20px; color: #fff;}
.nav-bar .fa-bars{display: block; padding:0 10px; color: #946a54; overflow: hidden; font-size: 24px; float: left;}
.fa-times{position: absolute; right: 0; top: 0; padding: 10px; font-size: 20px; color: #946a54;}

header .mobile_menu 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 i{margin-right: 0;}
header nav ul li.current-menu-item a{color:#ae1408;}
header ul li a{display: block;}
header nav ul li .sub-menu{width: 100%; position: relative; overflow: hidden; display: none;}
header nav ul li:hover .sub-menu{display: none;}
/*header nav ul li ul li:first-child{border-top: 1px solid #ffffff99;}*/
header nav ul li .sub-menu span{display: inline-block;}
header nav ul li .sub-menu 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;}
.mobile-logo,.mobile-footer{display: block;}
.mobile-logo{background: #fff; text-align: center; padding: 20px 10px; border-bottom: #946a54 1px solid;}
.mobile-footer{text-align: center; position: absolute; bottom: 0; width: 100%; background: #252525; padding: 10px 19px; overflow: hidden;}
.mobile-footer ul{width: 100%; margin-top: 0;}
.mobile-footer ul li{border: none; color: #fff; font-size: 14px;}
.mobile-footer ul li a{display: inline-block; text-transform: inherit!important;}
.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;}

}

/****************start new CSS****************/
.down-icon{position: absolute; content: ""; top: 10px; right: 14px; border: #0567a6 solid; border-width: 0 2px 2px 0; padding: 2px; transform: rotate(45deg); z-index: 99; width: 10px; height: 10px;}

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

header nav ul li a svg{fill: #fff;}
header nav ul li .sub-menu{min-width: 100%; background: #f7941e;}
header nav ul li .sub-menu 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: 14px;}
/*.down-icon{right: 0; color: #f7941e; width: 30px;}*/
header nav ul li a{margin-right: 40px;}
.sub-menu li a{margin-right: 0;}
#cssmenu .menu{margin: 0 auto; overflow: hidden; overflow-y: scroll; height: calc(100vh - 145px);}
.mobile-logo img{max-width: 95px; height: auto;}
/* #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 - 225px); overflow: auto; margin-top: 0;}
.menu-header-main-menu-container ul li a{display: block!important; margin: 0!important; text-align: left; font-size: 15px!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;}

}

@media (min-width: 768px) {

.down-icon{display: none;}

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

/**************start 2nd step_menu*************/
header nav ul li ul.sub-menu{display: none; background: #986a4c; position: absolute; width: 190px; z-index: 1000; left: 0;margin: 0; text-align: left;}
header nav ul li:hover > .sub-menu{display: block;}
.sub-menu:hover header nav ul li a{background: #ff0000;}
header nav ul li:hover ul.sub-menu li ul.sub-menu{position: absolute; left: 230px !important; top: 0; background: #0567a6;}
header nav ul li:last-child .sub-menu{left: -95px;}

@media (min-width: 1300px) {

header nav ul li ul.sub-menu .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) {

header nav ul li:hover .sub-menu { 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.sub-menu li ul.sub-menu{position: inherit; left: 0 !important; top: 0; background: #252525;}
header nav ul li ul.sub-menu{position: relative;}

.down-icon{right: 0; border:none; border-width: 0; width: 50px; height: 48px; 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: 12px; height: 12px; margin: 5px; cursor: pointer; top: 8px; transform: rotate(45deg);}
.sub-menu 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;}
.sub-menu 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 .sub-menu{left: 0px;}
.menu-topmenu-container ul.menu{overflow: auto; height: calc(100vh - 290px);}

}
/**************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{padding: 8px 3px; font-size: 13px;}

}

@media (min-width: 992px) and (max-width: 1199px) {

header nav ul li a{font-size: 14px; margin: 0 6px; padding: 8px 10px;}
.feature_box .feature_box_header h3{font-size: 19px;}
.menu-topmenu-container ul.menu li a:not(ul.sub-menu li a):after{top: 13px; right: -3px;}

}