I did not need a search block on the site, I had to remove it, and the menu moved to the right and did not want to be centered. Tell me what the problem is please.
.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 --> 