/* start navbar coding here */
  
  @media(max-width:768px) {
      .top ul {
          margin-top: 30px;
      }
      .add-header {
          font-size: 30px;
          line-height: 60px;
          position: relative;
          top: 50px;
          margin-bottom: 0;
      }
      .add-desc {
          font-size: 25px;
          font-weight: bold;
      }
      .service img {
          width: 30%;
      }
      .project img {
          width: 50%;
      }
  }
  
  @media(max-width:576px) {
      .top #brand {
          font-size: 18px;
      }
      .top .laptop {
          font-size: 25px;
      }
      .top .menu {
          font-size: 20px;
      }
      .top li a {
          font-size: 15px !important;
      }
      .top ul {
          margin-top: 30px;
      }
      .add-header {
          font-size: 22px;
          line-height: 35px;
          letter-spacing: 2px;
          margin-bottom: 0;
      }
      .add-desc {
          font-size: 15px;
          font-weight: bold;
      }
  }
  
  @media(max-width:320px) {
      .top #brand {
          font-size: 18px;
      }
      .top .laptop {
          font-size: 22px;
      }
      .top .menu {
          font-size: 18px;
      }
      .top li a {
          font-size: 12px !important;
      }
      .top ul {
          margin-top: 30px;
      }
  }
  /* end navbar coding here */