.header{
    width: 100%;
    /*background-color: #131418;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);*/
    display: flex;
    align-items: center;
/*    justify-content: space-between;*/
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    padding: 10px 0;
}

.header .content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header_sticky{background: #131A29;}

nav,.navbar{width:100%;float:left;}
.navbar .nav-container{width:100%;max-width: 1920px;margin: 0 auto; display: flex;align-items: center;justify-content: space-between;}
.navbar .nav-header{float:left;padding:10px 0}
.navbar .logo{width:100%;max-width:140px}
.navbar .logo a{font-weight:700;text-decoration:none;}
.navbar .logo img{max-width:100%}
.navbar .nav-links{margin:0;float:right}
.navbar .nav-links .nav-item{position:relative;list-style:none;float:left}
.navbar .nav-links .nav-item .nav-link{padding:10px 0px;margin:0 15px;display:block;text-decoration:none;color: #fff;font-weight: 500;font-size: 18px;letter-spacing: 0.18px;}
.navbar .menu-show,.menu-hide{transition:.4s;cursor:pointer;display:none}
.navbar .menu-show{margin:0;float:right}
.navbar .nav-link:hover,.menu-show:hover,.menu-hide:hover{color:gray}
.navbar #menu-toggle{position:absolute;visibility:hidden;z-index:-1}

.has-dropdown a{position: relative;}

.navbar .has-dropdown li a:before{display: inline-block;margin-right: 10px;font-weight: 100;font-size: 8px;}

.navbar .has-dropdown ul li a:hover:before{color: #fff;}

.has-dropdown > a:after{content: '';
  margin-left: 6px;
  display: inline-block;
  content: "\f107"; 
  color: #fff;
  font-family:'FontAwesome';
 vertical-align: middle;}

@media (min-width: 1100px){
    .navbar .has-dropdown ul  {position: absolute;left: -50%;top: 100%;width: 230px;padding: 0;border: unset;z-index: 100;opacity: 0;visibility: hidden;-moz-transform: translateY(30px);-webkit-transform: translateY(30px);-ms-transform: translateY(30px);-o-transform: translateY(30px);transform: translateY(30px);-webkit-box-shadow: 0px 4px 6px -2px rgba(0,0,0,.12);-ms-box-shadow: 0px 4px 6px -2 rgba(0,0,0,.12);-o-box-shadow: 0px 4px 6px -2 rgba(0,0,0,.12);-moz-box-shadow: 0px 4px 6px -2 rgba(0,0,0,.12);box-shadow: 0px 4px 6px -2 rgba(0,0,0,.12);-webkit-transform-origin: top;-ms-transform-origin: top;transform-origin: top;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;z-index: 1;border-radius: 0;
        border-radius: 10px;
    }
    .navbar .has-dropdown ul:before{
          position: absolute;
          top: -14px;
          left:50%;
          margin-left: -15px;
          content:"";
          display:block;
          border-left: 14px solid transparent;
          border-right: 14px solid transparent;
          border-bottom: 14px solid #FFF; 
        }

    .navbar .has-dropdown:hover ul {visibility:visible;opacity:1;-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;display:block!important}
    .navbar .has-dropdown ul li {background-color: #fff;overflow: hidden;width: 100%;position: relative;display: block;line-height: 24px;font-weight: 500;font-size: 15px;text-transform: capitalize;color: #222;text-align: left;transition: all 500ms ease;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
    .navbar .has-dropdown ul li a {position: relative;display: block;padding: 12px 25px!important;line-height: 24px;font-weight: 500;font-size: 13px;text-transform: capitalize;color: #000!important;border-bottom: 1px solid rgba(34,34,34,.06);text-align: left;transition: all 500ms ease;-moz-transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;}
    .navbar .has-dropdown ul li a:hover{background:#F4F6FA;color: #000!important;}

    .navbar .has-dropdown ul li:first-child{border-top-left-radius: 8px;border-top-right-radius: 8px;}
    .navbar .has-dropdown ul li:last-child{border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}

}
@media (max-width:1099px) {
    .navbar .menu-show,.menu-hide{display:block;}
    .navbar .nav-links{position:fixed;width:250px;height:100vh;top: 0;right:-100%;padding:50px 0;transition:0.5s;background:#131A29}
    .navbar .nav-links .nav-item{width:100%}
    .navbar .nav-links .nav-item .nav-link{padding:15px 20px;text-align: left; border-bottom: 1px solid #212c41; font-size: 1.1rem;}
    .navbar .menu-hide{position:absolute;top:15px;right:20px}
    .navbar #menu-toggle:checked ~ .nav .nav-links{right:0}
    .navbar .has-dropdown ul{display:none}
    .navbar .dropdown-menu{margin:0;padding:0;border:0px solid #0000001c;flex-direction: column;background: #1d2433;border-radius: 0; position: relative;float: left;}
    .navbar .dropdown-menu li:not(:last-child){border-bottom: 0px solid #0000001c;}
    .navbar .nav-links .has-dropdown .dropdown-menu .nav-link{font-size: 16px}

    .navbar #menu-toggle:checked ~ .nav .line3{display: none;}

    .navbar .nav-links .nav-item .nav-link{margin: 0;}
}