.nav-bar{display: none;}
header nav{background: none;  z-index: 1000; width: 100%;  float: left;}
header nav ul{list-style: none; margin: 0;}
header nav ul.menu{display: flex; justify-content: center;}
header nav ul li{float: left; position: relative; margin: 0 5px 0 0;}
header nav:after{content: ""; display: block; clear: both;}

header nav ul li a{color: #232323; display: block; margin: 11px 18px; text-transform: uppercase; position: relative; font-weight: 600; letter-spacing: 1px;}
header nav ul li a:after{content: ""; position: absolute; width: 0; height: 2px; bottom: 0; left: 0; background: #212529; transition: all 0.3s ease-in-out;}
header nav ul li a:hover:after, header nav ul li.current-menu-item a:after, header nav ul li.current-menu-parent a:after{width: 100%;}
header nav ul li ul.sub-menu li a:after{display: none;}

header nav ul li a:hover{color:#232323; position: relative;}
header nav ul li:last-child a{padding-right: 0;}
header nav ul li i{margin-right: 10px;}
header nav ul li:hover .children{display: block;}
header nav ul li .children{display: none; background: #8e44ad;  position: absolute; width: 150%; z-index: 1000;}
header nav ul li:hover .sub-menu{display: block;}
header nav ul li .sub-menu{display: none; background: #212529; position: absolute; min-width: 150%; /*min-width: 105%;*/ z-index: 1000; left: 0; white-space: nowrap;}
header nav ul li .sub-menu li{margin: 0; float: none; display: block!important;}
header nav ul li .sub-menu li a{padding: 10px!important; display: block!important; color: #fff!important; font-size: 14px; text-transform: capitalize!important; margin: 0;}
header nav ul li .sub-menu li a:hover{background: #d1d0d0; color: #232323 !important;}
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;}

/**************start 2nd step_menu*************/
header nav ul li ul.sub-menu{display: none; position: absolute; z-index: 1000; left: 0; margin: 0; text-align: left; min-width: 185px;}
header nav ul li:hover ul.sub-menu li ul.sub-menu{position: absolute; /*width: 230px;*/ left: 185px!important; top: 0; background: #212529; display: none;}
header nav ul li:last-child .sub-menu{left: -95px;}

@media (min-width: 768px) {

header nav ul li:hover > .sub-menu{display: block!important;}

}

/*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;}
header nav ul li:last-child .sub-menu{left: 0px;}
header nav ul li ul.sub-menu li ul.sub-menu{background: #ffbb6a;}
header nav ul.menu{display: block; height: calc(100vh - 220px); overflow: auto; margin-top: 0;}

header nav ul li a:hover:after, header nav ul li.current-menu-item a:after, header nav ul li.current-menu-parent a:after{width: 20px;}

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

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

.nav-bar{display: block; width: auto; position: fixed; top: 32px; right: 0; z-index: 9999;}
.nav-bar span{float: left; font-size: 20px; padding: 20px; color: #fff;}
.nav-bar .fa-bars{display: block; padding:7px 10px; color: #232323; overflow: hidden; font-size: 24px; font-weight: bold; float: right;}
.fa-times{position: absolute; right: 0; top: 0; padding: 10px; font-size: 20px; color: #232323;}

header nav:not(nav.navbar){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: #232323!important; font-size: 15px;}
header nav ul li i{margin-right: 0;}
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 .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: #e6e6e6 1px solid;}
.mobile-footer{text-align: center; position: absolute; bottom: 0; width: 100%; background: #232323; padding: 10px 19px;}
.mobile-footer ul{width: 100%;}
.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;}
.logo_sec{margin-bottom: 10px;}
header nav .container{padding: 0;}
.mobile-footer li a{margin: 0;}

}

/****************start new CSS****************/
.down-icon{position: absolute; z-index: 999; top: 0; right: 0;}
.down-icon:after{content: ""; position: absolute; right: 7px; border: #212529 solid; border-width: 0 2px 2px 0; width: 6px; height: 6px; cursor: pointer; top: 20px; transform: rotate(45deg);}

header nav ul li .sub-menu .down-icon:after{border-top: 6px solid #fff; transform: rotate(270deg);}
header nav ul li ul.sub-menu .down-icon{top: 8px; right: 10px; width: 26px; height: 26px;}
header nav ul li ul.sub-menu .down-icon:after{top: 9px; right: 6px;}

@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: #181818;}
.mobile-footer ul li a{text-transform: inherit; padding: 0!important; margin-right: 0; color: #fff!important; background: none !important; font-weight: 400; font-size: 14px; letter-spacing: inherit;}
.down-icon{right: 0; top: 11px;}
.down-icon:after{top: 8px; right: 13px; width: 8px; height: 8px;}
header nav ul li .sub-menu .down-icon:after{transform: rotate(0);}
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: 236px;}
#cssmenu .menu li:last-child a{background: #f5aa56; color: #fff; margin: 0 16px 16px 16px; display: inline-block; color: #fff!important;}
.menu-header-main-menu-container .menu{height: calc(100vh - 170px); overflow: auto;}
.menu-header-main-menu-container ul li a{display: block!important; margin: 0; text-align: left;}
.down-icon{width: 42px; height: 34px;}

}

@media (min-width: 768px) and (max-width: 991px) {

header nav ul li a{margin: 11px 10px; font-size: 12px;}
.fixed-theme nav ul li a{margin: 11px 10px; font-size: 10px;}
.down-icon:after{right: 3px; top: 17px;}

}

@media (min-width: 768px) {

.current_page_ancestor .current-menu-item a{background: #d1d0d0; color: #212529 !important;}
.current_page_ancestor .sub-menu .current-menu-item:last-child a{background: #d1d0d0!important;}
#navigation .menu li:last-child{float: right; margin: 0;}
#cssmenu .menu li:last-child a{padding: 10px 33px; background: #ebebeb; color: #fff;}
#cssmenu .menu li:last-child a:hover{background: #111e2a;}
#cssmenu nav ul li:last-child:hover:before{display: none;}
.sub-menu li:hover:before{display: none!important;}

}

.cs_sec7_top  span{font-size: 50px; color: #ebebeb; text-align: center;font-family: 'cera_probold';}
.ac_app_newad1 .cs_sec4_bt_row{margin-bottom: 30px;}
.ac_app_newad1 .sce2-button{padding-top: 0; margin-bottom: 35px;}

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

header nav ul li a{margin: 11px 15px;}
.fixed-theme nav ul li a{font-size: 13px;}

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