.header {
  width: 100%;
  position: fixed;
z-index: 9;
}
.nav__container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 20px;
}
.nav__mobile{ 
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.nav__logo {
  max-width: 250px;
  width: 100%;
  padding: 20px;
}
.nav__logo img {
  width: 100%;
}

.cstmenu{ background: transparent !important; box-shadow: none; border-radius: 0;}
.cstmenu li{ border-left: none; background: transparent; background-image: none;}
.cstmenu a, .cstmenu a:hover, .cstmenu ul a, .cstmenu ul a:hover{
background: transparent;
background-image: none;
color: #fff;
font-family: "Montserrat";
font-weight: 500;
text-transform: uppercase;
font-size: 13px;
padding: 0 10px;
}
.cstmenu ul{ background-color: #141a14; background-image: none; padding: 30px; border: none;}
.cstmenu ul li{ background-color:transparent; background-image: none; }
.cstmenu ul li a, .cstmenu ul li a:hover{ line-height: 50px;}
.cstmenu a.has-submenu{ margin-right: 10px;}
.cstmenu a .sub-arrow{ top: 40%; left: 100%;}
.cstmenu ul a:hover, .cstmenu ul a:focus, .cstmenu ul a:active, .cstmenu ul a.highlighted
{ background: transparent; background-image: none; padding: 0 10px; 
font-family: "Montserrat";
font-size: 13px;
font-weight: 500;
text-shadow: none;}
.cstmenu a .sub-arrow{ border-color: #dfbd69 transparent transparent transparent !important;}

.scrolled {
min-height: 10px;
background: #f0ede4;
transition: 0.35s all ease;
}
.scrolled ul {
transition: 0.35s all ease;
}
.scrolled li {
color: white;
transition: 0.2s all ease-in-out;
}
.scrolled li a{ color: #141a14 !important;}
.scrolled li .sub-menu li a{ color: #f0ede4 !important;}


.menuul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
/* -ms-flex-direction: column;
flex-direction: column; */
}

.menuul li {
position: relative;
}

.menuul li:hover {
background-color: rgba(68, 68, 68, 0.479);
}


/* .menuul li::after {
content: '';
height: 60%;
width: 1px;
background-color: rgb(240, 240, 240);
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
}

.menuul li:first-child::after {
content: '';
height: 60%;
width: 0.5px;
background-color: rgb(240, 240, 240);
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
} */

.menuul li a {
color: #141a14;
text-decoration: none;
font-size: 16px;
padding: 15px;
display: block;
}

.menuul ul {
position: absolute;
min-width: 200px;
background-color: #362d2a;
display: none;
transition: ease-in 0.4s;
}
.menuul ul.sub-menu li a{color: #f0ede4;}

.menuul ul li {
display: block;
background-color: #362d2a;
}

.menuul li:hover ul {
display: block;
}

.fa-caret-down {
margin-left: 10px;
}

.toogle-btn {
color: rgb(240, 240, 240);
font-size: 24px;
padding: 10px;
cursor: pointer;
display: none;
}
.scrolled .nav__container, .nav__mobile{
  display: flex !important;
}

.scrolled .menuul{
  margin: 0px;
}
@media (min-width: 800px) {
  .menu-toggle {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      max-height: 100vh;
      overflow: visible;
    }
  .nav__container {
    width: 100%;
    margin: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0 45px;
    min-height: 85px;
    height: 100%;
    }
    .scrolled .nav__container{ min-height: 50px; max-height: 55px;}
    .nav__container,
    .nav__mobile {
      display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
    }
    .scrolled .nav__container .nav__logo{ 
      max-width: 150px; 
      padding: 10px; 
      transition: ease-in 0.5s;
      margin: 0px;
    }
}


@media(max-width: 768px) {

  .header{ background-color: #f0ede4; height: 60px; width: 100%; position: relative;}
  .nav__container { padding: 10px 15px; width: 100%;}
  .nav__logo{ max-width: 160px; padding: 0;}
  .toogle-btn { display: block; }
  .menuul {
    display: none;
    position: absolute;
    background-color: #473e3b;
    width: 100%;
    top: 100%;
    left: 0;
  }
  .menuul li {
      display: block;
  }
  .menuul ul {
      position: static;
      background-color: #473e3b;
      padding-left: 15px;
  }
  .menuul li a { font-size: 14px; padding: 7px 30px; }
}
















/***************** Home Header ****************/

.hmhdr .nav__container, .hmhdr .nav__mobile {
  display: block !important;
}
.hmhdr .menuul{ padding-top: 25px;}
.hmhdr.scrolled .menuul{ padding-top: 0;}
.hmhdr .nav__logo {margin: 0 auto; }
.hmhdr .menuul{ margin: 0 auto;}
.hmhdr .menuul li a { color: rgb(240, 240, 240); }