.nav-bar{display: none;}
header nav{background: none; z-index: 1000; width: 100%; float: left;}
header nav ul li{float: left; position: relative;}
header nav:after{content: ""; display: block; clear: both;}
header nav ul li a{color: #fff; display: block; padding: 34px 22px; font-size: 14px; text-transform: uppercase;
font-family: 'ralewayregular';}
header nav ul li a:hover{background: rgba(84,79,78,1); color: #c2943d;}
header nav ul li:last-child{border-right: none;}
header nav ul li:last-child a{margin-right: 0!important;}

@media (min-width: 768px) {

header nav ul .current_page_item a{background: rgba(84,79,78,1); color: #c2943d;}

}

header nav ul li i{margin-right: 10px;}
header nav ul li .sub-menu li{margin: 0; display: block!important; width: 100%;}
header nav ul li .sub-menu li a{display: block; color: #fff; margin: 0; text-transform: inherit;
letter-spacing: 0; background: #986a4c;}
header nav ul li .sub-menu li a:hover{color: #000; background: #393736;}
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;}
.mobile-logo,.mobile-footer{display: none;}

/*responsive nav style*/

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

.nav-bar{display: block; width: auto; position: fixed; top: 32px; right: 0; 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: #fff; overflow: hidden; font-size: 24px; float: right;
cursor: pointer;}
.fa-times{position: absolute; right: 0; top: 0; padding: 10px; font-size: 20px; color: #fff; z-index: 99; cursor: pointer;}
header nav{width: 80%; position: fixed; right: 100%; top : 0; height: 100%; margin: auto;  
background: #292929; 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 .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{}
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: #1b1b1b; text-align: center; padding: 0 10px;}
.mobile-footer{text-align: center; position: absolute; bottom: 0; width: 100%; background: #1b1b1b; padding: 15px 19px;}
.mobile-footer ul{width: 100%; margin-top: 0;}
.mobile-footer ul li{border: none; color: #fff; font-size: 15px; font-family: 'montserratregular';}
.mobile-footer ul li a{display: inline-block; text-transform: inherit!important; font-size: 18px;}
.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****************/

@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;}

.down-icon{}
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: 180px; 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 - 184px);*/ overflow: auto; margin-top: 0; background: #292929;}
.menu-header-main-menu-container ul li a{display: block!important; margin: 0!important; text-align: center;
font-size: 16px; color: #fff!important; padding: 14px 10px!important; border-bottom: #171616 1px solid; background: #353535;}
.down-icon{position: absolute; content: ""; top: 10px; right: 14px; border: #fff solid; border-width: 0 2px 2px 0;
padding: 2px; transform: rotate(45deg); z-index: 99; width: 10px; height: 10px;}
.down-icon i{font-size: 16px;}
header nav ul li .sub-menu li a{text-transform: inherit; font-size: 14px!important;}

}

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

.menu-header-main-menu-container .menu{height: calc(100vh - 400px);}

}

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

.menu-header-main-menu-container .menu{height: calc(100vh - 270px);}
.mobile-footer ul{display: flex;}
.mobile-footer ul li a{font-size: 15px;}
.menu-header-main-menu-container ul li a{font-size: 14px;     padding: 5px 10px!important;}
.menu_btns li a{font-size: 13px;}
.menu_btns{bottom: 90px;}
.menu_btns li a{margin: 10px 0; padding: 5px 10px !important;}
.down-icon:after{width: 9px !important; height: 9px !important; margin: 0 !important;}

}

@media (min-width: 768px) {

.down-icon{position: absolute; content: ""; top: 40px; right: 11px; border: #fff solid; border-width: 0 1px 1px 0;
padding: 2px; transform: rotate(45deg); z-index: 99; width: 5px; height: 5px;}

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

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

header nav ul li ul.sub-menu{display: none; background: #986a4c; position: absolute; width: 120px; z-index: 1000; left: 0;
margin: 0; text-align: left;}
header nav ul li:hover > .sub-menu{display: block;}
header nav ul li:hover ul.sub-menu li ul.sub-menu{position: absolute; left: 150px !important; top: 0; background: #0567a6;}
header nav ul li:last-child .sub-menu{left: -95px;}
header nav ul li ul.sub-menu li a{padding: 15px;}
header nav ul li ul.sub-menu li a:hover{color: #fff;}

@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: 15%; height: 100%; margin: 0; cursor: pointer; top: 0; 
transform: rotate(0deg); position: absolute;}
.down-icon:after{content: ""; position:absolute; right: 11px; border: #fff 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;}

}
/**************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: 22px 4px; font-size: 10px;}
.menu_sec{float: none; width: 100%;}
.banner_sec{margin-top: 94px;}

.down-icon{top: 24px; right: -3px;width: 3px; height: 3px; border-width: 0 1px 1px 0;}

}

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

header nav ul li a{font-size: 13px; padding: 34px 8px;}
.down-icon{top: 40px; right: 0px;width: 3px; height: 3px; border-width: 0 1px 1px 0;}

}

@media (min-width: 1200px) and (max-width: 1285px) {

header nav ul li a{padding: 34px 15px;}
.down-icon{width: 8px; height: 8px; top: 39px; right: 2px;}

}