@media (max-width: 768px) {
    .fixed-bottom-contact {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        background-color: transparent;
        padding: 12px 16px 20px;
        margin: 0;
        pointer-events: none;
        transition: all 0.3s ease;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .fixed-bottom-contact.hidden {
        opacity: 0 !important;
        visibility: hidden !important;
        transform: translateY(100%) !important;
        pointer-events: none !important;
    }

    .fixed-bottom-contact .smk-contact-us-box {
        width: 100%;
        text-align: center;
        pointer-events: auto;
    }
    .auto-container .nav-link{
        display: block !important;
    }
    .fixed-bottom-contact .smk-contact-us-bt {
        display: inline-block;
        padding: 12px 24px;
        background: linear-gradient(135deg, #9F5890 0%, #8A4A87 100%);
        color: #ffb500;
        border-radius: 50px;
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
        width: 61%;
        max-width: 360px;
        text-align: center;
        box-sizing: border-box;
        box-shadow: 0 4px 12px rgba(159, 88, 144, 0.3);
        border: none;
        transition: all 0.3s ease;
        letter-spacing: 0.5px;
    }

    .fixed-bottom-contact .smk-contact-us-bt:hover,
    .fixed-bottom-contact .smk-contact-us-bt:active {
        background: linear-gradient(135deg, #8B4B80 0%, #7A3F79 100%);
        color: #ffb500;
        text-decoration: none;
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(159, 88, 144, 0.4);
        opacity: 0.95;
    }
}