.content-wrapper {
  max-width: 100%;
}
.header.main {
  padding: 41px 0 35px;
  /*   position: relative; */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
}
.header.main .two-col {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.col.header-logo a {
  display: block;
  color: #FFF;
  font-size: 18px;
  line-height: 21px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
}

nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
nav ul li {
  margin: 0 6px;
}
nav ul li a {
  display: block;
  width: max-content;
  color: #FFF;
  font-size: 18px;
  line-height: 21px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  transition: all 0.25s ease;
  position: relative;
}
a:hover,
a:active,
a:focus {
  font-weight: 600 !important;
  color: #FFF;
}

.underline-effect::after {    
  background: none repeat scroll 0 0 transparent;
  bottom: -2px;
  content: "";
  display: block;
  height: 3px;
  left: 50%;
  position: absolute;
  background: #fff;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.underline-effect:hover::after { 
  width: 100%; 
  left: 0; 
}

.col.navigation-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}



.mobile-toggle {
  display: none;
}

.hamburger-btn span{
  width: 40px;
  height: 3px;
  background-color: #ecf0f1;
  display: block;
  margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hamburger-btn:hover{
  cursor: pointer;
}
.hamburger-btn.open span {
  width: 30px;
}
.hamburger-btn.open span:nth-child(2){
  opacity: 0;
}
.hamburger-btn.open span:nth-child(1){
  -webkit-transform: translateY(13px) rotate(45deg);
  -ms-transform: translateY(13px) rotate(45deg);
  -o-transform: translateY(13px) rotate(45deg);
  transform: translateY(13px) rotate(45deg);
}
.hamburger-btn.open span:nth-child(3){
  -webkit-transform: translateY(-8px) rotate(-45deg);
  -ms-transform: translateY(-8px) rotate(-45deg);
  -o-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg);
}

.spacer {
  display: block;
  height: 138px;
}

@media (max-width: 1330px) {
  .logo-wrapper {
    max-width: 196px; 
  }
  nav ul li a {
    font-size: 16px;
    line-height: 18px;
  }
  .spacer {
    height: 117px;
  }
}

@media (max-width: 1100px) {
  .mobile-toggle.visible {
    display: block;
    margin-right: 15px;
  }
  .spacer {
    display: block;
    /*     height: 82px; */
    height: 87px;
  }
  .header.main {
    /*     position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9; */
    padding: 23px 0;
  }
  .header.main nav {
    position: absolute;
    top: 100%;
    right: -100%;
    left 100%;
    z-index: 9;
    height: calc(100vh - 87px);
    background: #000;
    transition: all 0.75s ease;
    padding: 32px 18px;
    max-width: 360px;
    width: 100%;
  }
  .header.main.active nav {
    right: 0;
  }
  nav ul {
    flex-direction: column;
    width: fit-content;
    margin: 0 auto;
  }
  nav ul li {
    margin: 0 0 42px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  nav ul li a {
    font-size: 14px;
    line-height: 16px;
  }
}