/* For Mobile Devices */ @media screen and (max-width: 768px) { /* The menu container */ .hamburger-menu { position: fixed; /* Fixed to the screen */ top: 0; /* Align with the top of the viewport */ left: 0; /* Align with the left of the viewport */ width: 100%; /* Full width of the viewport */ height: 100%; /* Full height of the viewport */ background-color: #1f2c44; /* Menu background color */ z-index: 9999; /* Ensure it appears above all content */ display: none; /* Initially hidden */ flex-direction: column; /* Stack items vertically */ justify-content: center; /* Center items vertically */ align-items: center; /* Center items horizontally */ padding: 20px; /* Padding around the menu */ box-sizing: border-box; /* Include padding in size */ overflow-y: auto; /* Scrollable if content exceeds viewport */ } /* Show the menu when opened */ .hamburger-menu.open { display: flex; /* Make menu visible */ } /* Hamburger icon */ .hamburger-icon { position: fixed; top: 15px; right: 15px; z-index: 10000; /* Ensure it's above everything */ background-color: #ff9900; /* Your brand color */ width: 40px; height: 40px; cursor: pointer; } /* Menu items styling */ .hamburger-menu ul { list-style: none; padding: 0; margin: 0; width: 100%; text-align: center; } .hamburger-menu ul li { padding: 15px 0; width: 100%; /* Full width for better alignment */ } .hamburger-menu ul li a { color: #ffffff; /* White text for contrast */ text-decoration: none; font-size: 1.5rem; /* Readable on mobile */ display: block; /* Ensure full-width clickable area */ } /* Prevent background scroll when menu is open */ body.menu-open { overflow: hidden; } }

Oops! Sorry!!


This site doesn't support Internet Explorer. Please use a modern browser like Chrome, Firefox or Edge.

Thank You for Your Submission!

We've Received Your Request!

Thank you for reaching out to Boon Box Productions! Your project details have been successfully submitted, and we’ll review them shortly

What Happens Next?

  • Step 1: Review & Estimate

    We’ll analyze your request and prepare a custom quote.

    Step 2: Get Your Quote & Contract

    Expect an email within 24-48 hours with pricing, payment options, and a contract for review.

    Step 3: Approve & Start

    Once you approve the quote and sign the contract, we begin working on your project!

    Thank you for considering Boon Box Productions - we can’t wait to work with you!

    © 2025 Boon Box Productions