@media (max-width: 768px) {
    .main {
        padding: 0;
        margin: 0;
        font-size: 1em;
    }

    .title_menu .menu ul li,
    .title_menu .menu td {
        padding: 0 !important;
        margin: 0 !important;
    }

    div.page-content {
        margin: 8px;
        padding: 4px;
    }

    h1 {
        font-size: 1.6rem;
        padding-bottom: 0px;
        margin-bottom: 0px;
        color: #000000;
    }

    h2 {
        font-size: 1.6rem;
        font-weight: 600;
    }

    h3 {
        margin: 4px;
        padding: 0px;
    }

    .SiteMapPathStyle {
        margin: px 4px;
        padding: 16px 6px;
    }


    .hero-title {
        font-size: 2rem;
    }

    .hero-section {
        padding: 6px 2px !important;
    }

    .hero-section h1 {
        font-size: 1.5rem !important;
    }

    .hero-section p {
        font-size: 0.8rem !important;
    }

    .hero-subtitle {
        font-size: 0.5rem;
    }

    .cta-buttons {
        gap: 8px;
    }

    .powerby {
        font-size: 0.8rem;
        margin: 8px;
    }

    .cta-buttons {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .cta-buttons .btn,
    a.btn-primary,
    a.btn-secondary {
        display: inline-flex !important;
        width: auto !important;
        white-space: nowrap !important;
        font-size: 0.8rem;
    }
}