/* ===================================
   RESPONSIVE
=================================== */

  @media(max-width:991px) {

      .desktop-nav,
      .header-btn {
          display: none;
      }

      .menu-btn {
          display: block;
      }

      .logo {
          font-size: 24px;
      }

      .mega-menu {
          display: none;
      }
  }

  @media(max-width:480px) {

      .mobile-drawer {
          width: 100%;
          right: -100%;
      }

      .mobile-drawer.active {
          right: 0;
      }

      .logo {
          font-size: 22px;
      }
  }


  /* mobile responsive  */
  @media (max-width: 767px) {

      .theme-search {
          max-width: 100%;
          margin-bottom: 20px;
      }

      .tools-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
          gap: 16px;
      }

      .tool-card {
          padding: 10px 5px;
          border-radius: 14px;
      }

      .tool-card-img-box {
          width: 75px;
          height: 75px;
      }

      .tool-card-img-box img {
          width: 44px;
          height: 44px;
      }

      .tool-card h3 {
          font-size: 15px;
      }

      .theme-content-box {
          padding: 10px;
          border-radius: 5px;

      }

      .theme-preview-box,
      .theme-loading-box,
      .theme-result-box {
          padding: 20px;
      }

      #fileName {
          font-size: 18px;
      }

      #convertBtn,
      #downloadBtn,
      #resetBtn {
          width: 100%;
          min-width: 100%;
      }

      #previewImage {
          max-height: 250px;
      }
  }