@media all and (min-width:768px){
  .nav_toggle{
    display: none;
  }
}
.nav_toggle{
  width: 50px;
  height: 50px;
    text-align: center;
    position: absolute;
    
    top:10px;
    left:10px;
    padding: 14px 0;
    
    background-color: #eff8fe;
    border-radius: 10px;
}

.nav_toggle.active{
  cursor: pointer;
  background: #5FBDF3;
}

.nav_toggle.active span
{
  background-color:#fff;
}

.nav_toggle span{
  display: block;
  background: #263A84;
  height: 4px;
  width: 25px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
}

@media all and (max-width:768px){
  .nav_menu.active{
    background-color: #EFF8FE;
    padding: 15px 5px 5px 5px;
    margin-bottom: 5px;
  }
  .nav_menu:not(.active){
    display: none;
  }
}