@media (max-width: 1075px) {
     .logo {
          font-size: 23px;
     }
     .nav-menu a {
          font-size: 12px;
     }
}

@media (max-width:  940px) {
     .logo {
          font-size: 17px;
     }
     .nav-menu a {
          font-size: 11px;
     }
}

@media (max-width:  835px) {
     .logo {
          font-size: 12px;
     }
     .nav-menu a {
          font-size: 9px;
     }
}

@media (max-width: 715px) {
     .nav-menu {
          display: none;
     }
     .logo {
          font-size: 15px !important;
     }
     
     .menu-toggle {
          display: block;
     }

     .sidebar {
          right: 0;
          transition: right 0.3s ease;
     }

     .sidebar.open {
          right: 0;
     }
}