body{
box-sizing: border-box;
margin: 0;
padding: 0;

}

.main{

<div class="nav-bar h-nav-resp">
<div class="nav-left v-resp">
<h3 class="logo">PaathShala</h3>
<nav class="nav-menu">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact Us</a></li>

burger = document.querySelector(".burger")
navbar = document.querySelector(".nav-bar")
navRight = document.querySelector(".nav-right")
navLeft = document.querySelector(".nav-left")

burger.addEventListener("click",()=>{
navRight.classList.toggle('v-resp');
navLeft.classList.toggle('v-resp');