/* Custom Styles */
/*============================================================================
  #Override Stylesheet
  #Add Custom Styles Here
==============================================================================*/
.header__content  {
    .header-menu {
        text-align: right;
    }
   
    .navbar-nav {
      display: inline-block;
      margin-top: 0;
      .dropdown {
        margin: 0 0;
        .dropdown-toggle {
          &.first {
         
          }
          &.second {
          
          }
        }
        .dropdown-menu {
          li {
            margin: 0 0;
            a {
    padding: 0px 16px;
    color: #000;
    display: block;
    margin: 0;
    line-height: 40px;
white-space: nowrap;
            }
          }
        }
        &.second {
          .dropdown-menu {
            left: auto;
            right: 0;
          }
        }
      }
    }
 

}
@media (max-width: 767px) {
    .header__content  {
        .header-menu {
            display: none;
        }
        .navbar-nav {
          display: block;
          margin-top: 0;
              text-align: left;
          .dropdown {
            margin: 0 0;
            .dropdown-toggle {
              &.first {
                margin-right: 10px;
              }
              &.second {
                margin-left: 10px;
              }
            }
            .dropdown-menu {
              position: static;
              width: 100%;
                  float: none;
              li {
                margin: 0 0;
                a {
                  padding: 0px 20px;
                  text-align: center;
                }
              }
            }
          }
        }
    }
 
    
}   
ul.nav.navbar-nav {
    list-style: none;
}

ul.dropdown-menu {
    position: absolute;
    z-index: 11111;
    background: #fff;
    padding: 6px 0px;
    box-shadow: -4px 5px 10px #00000045;
    border-radius: 4px;
    min-width: 200px;
    display: none;
}

.navbar-nav .dropdown-menu li {
    list-style: none;
    margin: 0;
    line-height: normal;
}

.navbar-nav .dropdown-menu a {
    white-space: nowrap;
    padding: 12px 10px;
    display: block;
    margin: 0;
}
.header .navbar-nav .dropdown .dropdown-menu li a:hover {
    background: #767676;
    color: #fff;
}
a.dropdown:hover .dropdown-menu{
    display: block;
}
li:hover > ul {display: block;}   
@media screen and (max-width: 767px){
    ul.dropdown-menu {
    position: static;
    z-index: 11111;
    background: #fff;
    padding: 6px 10px;
    box-shadow: none;
    border-radius: 4px;
    min-width: 200px;
    display: block;
}
}