@media (max-width:767px) {

    .header-section .desktop-nav {
        display: none;
    }

    .header-section .hamburger {
        display: block;
    }

    .header-section .cta-button {
        display: none;
    }

    .header-section .header-container {
        padding: 12px 16px;
    }

    /* Hamburger animation when open */
    .header-section .hamburger.open span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 6px);
    }

    .header-section .hamburger.open span:nth-child(2) {
        opacity: 0;
    }

    .header-section .hamburger.open span:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -6px);
    }
}