Не получается отцентрировать меню

.main-menu { 
  position: relative; 
  z-index: 1; 
  width: 100%; 
  height: 80px; 
} 
 
.main-menu .classy-navbar { 
  height: 80px; 
} 
 
.main-menu .classynav ul li a { 
  margin: auto; 
  color: rgba(0, 0, 0, 0.45); 
  font-weight: 600; 
} 
 
@media only screen and (min-width: 992px) and (max-width: 1199px) { 
  .main-menu .classynav ul li a { 
    padding: 0 8px; 
  } 
} 
 
.main-menu .classynav ul li a:hover, 
.main-menu .classynav ul li a:focus { 
  color: rgba(0, 0, 0, 0.8); 
} 
 
.main-menu .search-area { 
  position: relative; 
  z-index: 1; 
} 
 
.main-menu .search-area form { 
  position: relative; 
  z-index: 10; 
  width: 230px; 
  height: 40px; 
  margin: 0 50px; 
} 
 
@media only screen and (min-width: 992px) and (max-width: 1199px) { 
  .main-menu .search-area form { 
    width: 170px; 
    margin: 0 15px; 
  } 
} 
 
@media only screen and (min-width: 768px) and (max-width: 991px) { 
  .main-menu .search-area form { 
    margin: 15px auto; 
  } 
} 
 
@media only screen and (max-width: 767px) { 
  .main-menu .search-area form { 
    margin: 15px auto; 
  } 
} 
 
.main-menu .search-area form input { 
  width: 100%; 
  height: 40px; 
  border-radius: 6px; 
  border: 1px solid #ebebeb; 
  padding: 0 15px 0 50px; 
  font-size: 14px; 
  color: rgba(0, 0, 0, 0.35); 
  font-weight: 600; 
  -webkit-transition-duration: 500ms; 
  transition-duration: 500ms; 
} 
 
.main-menu .search-area form input:focus { 
  border: 1px solid rgba(0, 0, 0, 0.5); 
} 
 
.main-menu .search-area form button { 
  position: absolute; 
  width: 50px; 
  height: 40px; 
  background-color: transparent; 
  top: 0; 
  left: 0; 
  z-index: 10; 
  border: none; 
  text-align: center; 
  cursor: pointer; 
  outline: none; 
}

<!-- Navbar Area --> 
<div class="main-menu"> 
  <div class="classy-nav-container breakpoint-off"> 
    <!-- Menu --> 
    <nav class="classy-navbar justify-content-between" id="cleverNav"> 
 
      <!-- Logo --> 
      <a class="nav-brand" href="index.html"><img src="img/core-img/logo.png" alt=""></a> 
 
      <!-- Navbar Toggler --> 
      <div class="classy-navbar-toggler"> 
        <span class="navbarToggler"><span></span><span></span><span></span></span> 
      </div> 
 
      <!-- Menu --> 
      <div class="classy-menu"> 
 
        <!-- Close Button --> 
        <div class="classycloseIcon"> 
          <div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div> 
        </div> 
 
        <!-- Nav Start --> 
        <div class="classynav"> 
          <ul> 
            <li><a href="#">#</a></li> 
            <li><a href="#">#</a> 
              <ul class="dropdown"> 
                <li><a href="#">#</a></li> 
                <li><a href="#">#</a></li> 
                <li><a href="#">#</a></li> 
                <li><a href="#">#</a></li> 
                <li><a href="#">#</a></li> 
                <li><a href="#">#</a></li> 
                <li><a href="#">#</a></li> 
                <li><a href="#">#</a></li> 
              </ul> 
            </li> 
            <li><a href="#">#</a></li> 
            <li><a href="#">#</a></li> 
            <li><a href="#">#</a></li> 
          </ul> 
 
          <!-- Search Button --> 
 
 
          <!-- Register / Login --> 
          <div class="register-login-area"> 
            <a href="#" class="btn" data-target="#Register" data-toggle="modal">Регистрация</a> 
            <a href="#" class="btn active">Войти</a> 
          </div> 
 
        </div> 
        <!-- Nav End -->