I can not make an adaptive menu, so that at resolutions lower than 992px the menu opens through a hamburger, and less than 768px menu and phone. What I just did not do .. But the hamburger did it myself, but nothing was opened by clicking. I am making up for bootstrap 4. Training project. I'm ready now. That's just decided to make a hamburger menu. Help solve the problem. Tried and ready-made solutions, no sense from them. Attaching clippings from the layout. 
<header id="header"> <nav id="navbar"> <div class="overlay"></div> <div class="container"> <div class="row"> <div class="col-lg-2 col-5 col-sm-5"> <img class="logo" src="img/logo.png" alt="Ëîãîòèï"> </div> <div class="col-lg-7 d-none d-lg-block main-menu"> <ul class="main_menu_list d-flex justify-content-center"> <li class="main_menu_list_item"> <a href="#">Главная</a> </li> <li class="main_menu_list_item"> <a href="about.html">О компании</a> </li> <li class="main_menu_list_item"> <a href="move.html">Недвижимость и переезд</a> </li> <li class="main_menu_list_item"> <a href="contacts.html">Контакты</a> </li> </ul> </div> <div class="tel col-lg-3 d-lg-flex col-sm-5 col-md-4 d-sm-flex d-none align-items-center"> <div class="icon"> <img class="modal1" src="img/phone.png" alt="icon"> </div> <div class="phone"> +7 (495) 12-321-345<br> +7 (495) 12-321-345 </div> </div> </div> </div> </nav> </header> 