@media (max-width: 1366px) {
    ::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 1200px) {
    .service-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .navbar {
        margin: 0 20px;
    }
}

@media (max-width: 991px) {
    .navbar {
        margin: 0 10px;
    }
    .navbar a {
        padding: 20px 10px;
    }

    .logo {
        font-size: 20px;
        font-weight: bold;
    }

    .project_align {
        width: 33.33%;
    }

    .pricing-table .ptable-item {
        width: 50%;
    }

}

/* Compact nav — links move to the fixed .mnav tab bar; the top bar only
   holds the logo and the theme/language cluster. */
@media (max-width: 991px) {
    .logo_section {
        margin-right: 0;
    }

    .responsive_menu_sec .language-switcher {
        display: block;
    }

    .lang-btn {
        width: 32px;
        height: 32px;
    }

    .lang-btn-globe {
        font-size: 18px;
    }

    .lang-dropdown {
        width: 10rem;
        padding: 8px;
    }

    /* scope to the header pill — a bare `nav` selector would flatten the
       floating .mnav tab bar's corners too */
    header nav {
        background-color: var(--Primary-colour);
        border-radius: 0 !important;
        padding: 10px 10%;
    }

    header .navbar {
        display: none;
    }

    /* The hamburger bar holds the mobile switcher; hide the desktop one here. */
    .nav-actions .language-switcher {
        display: none;
    }

    .switch_theme {
        height: 32px;
        width: 32px;
    }

    .switch_theme svg {
        height: 18px;
        width: 18px;
    }

    #phone-switch-them {
        display: block;
    }

    #desktop-switch-them {
        display: none;
    }
}

@media (max-width: 881px) {
    :root {
        --big-font: 2.7rem;
        --medium-font: 2.5rem;
    }

    .typing {
        font-size: 1.5rem;
    }

    .global-header::after {
        width: 200px;
    }
}

@media (max-width: 768px) {
    :root {
        --big-font: 2.5rem;
        --medium-font: 2.2rem;
        --small-font: 1rem;
        --p-font: 0.641rem;
    }

    .logo img {
        height: auto;
        width: 100px;
    }

    #home-down {
        padding-top: 0px !important;
    }

    .banner_header {
        padding: clamp(64px, 10vw, 90px) 20px clamp(40px, 6vw, 56px);
    }

    .contact-page-section {
        padding: 56px 0 68px;
    }

    .contact-page-intro h1 {
        font-size: 2rem;
    }

    .contact-form-footer,
    .contact-map-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .contact-submit-btn {
        width: 100%;
        justify-content: center;
    }

    .contact-map-frame {
        height: 280px;
    }

    .pricing-table .ptable-item {
        width: 50%;
    }

}

@media (max-width: 576px) {
    .pricing-table .ptable-item {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .project_align {
        width: 100%;
    }
}

@media (min-width: 601px) and (max-width: 992px) {
    .project_align {
        width: 50%;
    }
}

@media (max-width: 480px) {
    .slider-item img {
        max-width: 200px;
        aspect-ratio: 4 / 3;
    }
}

@media (max-width: 400px) {
    .sllider-bg {
        height: 300px;
    }
}