@media only screen and (min-width: 768px) {
   nav ul {
      width: 100px;
   }

      nav ul li a {
         font-size: 18px;
         line-height: 18px;
      }
      nav ul li ul li a {
         font-size: 16px;
         line-height: 16px;
      }

   .sidebar-btn {
      padding: 8px;
   }

      .sidebar-btn hr {
         margin: 5px 0;
      }
}

@media only screen and (min-width: 992px) {
   nav ul {
      width: 125px;
   }

      nav ul li a {
         font-size: 20px;
         line-height: 25px;
      }
      nav ul li ul li a {
         font-size: 17px;
         line-height: 22px;
      }

   .sidebar-btn {
      padding: 5px;
   }

      .sidebar-btn hr {
         margin: 6px 0;
      }
}

@media only screen and (min-width: 1200px) {
   nav ul {
      width: 140px;
   }

      nav ul li a {
         font-size: 23px;
         line-height: 29px;
      }
      nav ul li ul li a {
         font-size: 20px;
         line-height: 26px;
      }

   .sidebar-btn {
      padding: 3px;
   }

      .sidebar-btn hr {
         margin: 7px 0;
      }
}

@media only screen and (min-width: 1440px) {
   nav ul {
      width: 160px;
   }

      nav ul li a {
         font-size: 26px;
         line-height: 35px;
      }
      nav ul li ul li a {
         font-size: 23px;
         line-height: 32px;
      }

   .sidebar-btn {
      padding: 0;
      padding-top: 0.01px;
   }

      .sidebar-btn hr {
         margin: 9px 0;
      }
}