nav .navbar .nav-links{line-height: 70px;height: 100%;}

nav .navbar .links li{position: relative;display: flex;align-items: center;justify-content: space-between;list-style: none;}
nav .navbar .links li .arrow{ height: 15px;width: 22px; color: #fff;transition: all 0.3s ease; position: absolute;right: 0;z-index: 1;top: 50%; transform: translateY(-50%);}
nav .navbar .links li .sub-menu{width: 360px; border-top:solid 4px rgba(191, 0, 151, 1);position: absolute;top: 60px;left: 0;line-height: 40px;background: #fff;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);border-radius: 0 0 10px 10px;display: none;z-index: 2;}
.shrink nav .navbar .links li .sub-menu{top: 70px;}
.navbar{padding: 0;}
/* nav .navbar .links li .sub-menu:before{ content: ''; position: absolute;top: -14px;left: 50px;width: 20px;height: 20px;border-top: solid 10px #ffa500;transform: rotate(45deg);border-left: solid 10px #ffa500;border-right: solid 10px transparent;border-bottom: solid 10px transparent;} */
nav .navbar .links li .fa-caret-down{margin-left: 10px; font-size: 14px}
nav .navbar .links li:hover .navmenu-sub-menu,
nav .navbar .links li:hover .second-sub-menu,
nav .navbar .links li:hover .third-sub-menu{display: block;}
.shrink nav .navbar .links li .arrow{color: #333;}

.links li:hover .navmenu-arrow,
.links li:hover .second-arrow,
.links li:hover .third-arrow{transform: rotate(180deg);}
.links li .sub-menu .more:hover .second-sub-menu{display: block;}
.navbar .logo a{font-size: 30px;color: #fff;text-decoration: none;font-weight: 600;}
.navbar .links li .sub-menu{padding: 10px 0;}
.navbar .links li .sub-menu li{padding: 0 20px;border-bottom: 1px solid rgba(255,255,255,0.1); display: block; text-align: left;}
.navbar .links li .sub-menu a{color: #333;font-size: 16px;font-weight: 500; padding: 0 !important;}
.navbar .links li .sub-menu a:hover{color: #BF0097;}

.navbar .links li .sub-menu .second-arrow{line-height: 40px;}
.navbar .links li .sub-menu .second-sub-menu{position: absolute;top: 0;left: 100%;border-radius: 0 4px 4px 4px;z-index: 1;display: none;}
.navbar .nav-links .sidebar-logo{display: none;}
.navbar .bx-menu{display: none; margin: 6px 0;}
.bx-menu::before{display: none;}
.bx-menu span{width: 32px;height: 2px;display: block;background: linear-gradient(94.36deg, #BF0097 0%, #0046A6 100%);margin: 0 0 6px;border-radius: 10px;}
.bx-menu span:nth-child(1){width: 18px; margin: 0 0 6px auto; transition: width .4s ease-out;}
.bx-menu span:nth-child(3){width: 18px; margin: 0 0 0 auto; transition: width .4s ease-out;}

.bx-menu:hover span{width: 18px; transition: width .4s ease-in;}
.bx-menu:hover span:nth-child(1){width: 32px; transition: width .4s ease-in;}
.bx-menu:hover span:nth-child(3){width: 32px; transition: width .4s ease-in;}

/*.shrink .bx-menu span{background: #333;}*/
/*.shrink .navbar .bx-menu{margin: 12px 0;}
*/header .center-nav-box nav .navbar .links li.mobile-menu-li {display: none;}



@media (max-width:920px) {
  nav .navbar{max-width: 100%;padding: 0 25px;}
  nav .navbar .logo a{font-size: 27px;}
  nav .navbar .links li{padding: 0 10px;white-space: nowrap;}
}

@media (max-width:1279px){
  .navbar .bx-menu{display: block;}
  nav .navbar .nav-links-menu{position: fixed;top: 0;left: -100%;display: block; height: 100vh; max-width: 270px;width: 100%;background:  #fff;line-height: 40px;padding: 20px;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);transition: all 0.5s ease;z-index: 1000; background: linear-gradient(95.58deg, #0046A6 0%, #BF0097 100%);background-size: 400% 400%;animation: gradient 15s ease infinite;}
  @keyframes gradient {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}
  nav .navbar .links{display: block;margin-top: 20px;}
  nav .navbar .links li .arrow{line-height: 40px;}
  nav .navbar .links li{display: block !important;}
  nav .navbar .links li .sub-menu{position: relative;top: 0;box-shadow: none;display: none;}
  nav .navbar .links li .sub-menu li{border-bottom: none;}
  nav .navbar .links li:hover .navmenu-sub-menu,
  nav .navbar .links li:hover .second-sub-menu,
  nav .navbar .links li:hover .third-sub-menu{display: none;}
  .navbar .nav-links .sidebar-logo{display: flex;align-items: center;justify-content: space-between;}
  
  .navbar .nav-links-menu.show1 .links .navmenu-sub-menu,
    .navbar .nav-links-menu.show2 .links .second-sub-menu, 
  .navbar .nav-links-menu.show3 .links .third-sub-menu{display: block;}
  /*.navbar .nav-links-menu.show2 .links .second-sub-menu{top: auto;}*/
  .shrink nav .navbar .links li .sub-menu{top: auto;}

  .navbar .nav-links-menu.show1 .links .navmenu-arrow, 
  .navbar .nav-links-menu.show2 .links .second-arrow, 
  .navbar .nav-links-menu.show3 .links .third-arrow{transform: rotate(180deg); top: 4px;}
  .navbar .links li .sub-menu .second-sub-menu{display: none;}
  .navbar .links li .sub-menu .more span{ display: flex;align-items: center;/* justify-content: space-between; */}
  .navbar .links li .sub-menu .second-sub-menu{display: none;position: relative;left: 0;}
  .navbar .links li .sub-menu .second-sub-menu li{display: flex;align-items: center;justify-content: space-between;}
  .navbar .bx-menu{font-size: 25px;color: #fff;}
  .sidebar-logo .logo-name{font-size: 25px;color: #fff;}
  .sidebar-logo  i,
  .links li:hover .navmenu-arrow,
  .links li:hover .second-arrow,
  .links li:hover .third-arrow{transform: rotate(0deg);}
  .links li .sub-menu .more:hover .second-sub-menu{display: none;}
  .mobile-menu {display: block;}
  header .center-nav-box.first-nav-box {display: none;}
 header .center-nav-box nav .navbar .links li.mobile-menu-li {display: block;}


}

@media (max-width:370px){
  nav .navbar .nav-links-menu{max-width: 100%;} 
}