@media screen and (max-width: 1160px) {
    .social-share {
        position: static;
    }

    .social-share li {
        display: inline-block;
    }

    .social-share li a {
        margin-right: 5px;
    }
	
	.social-share .socialSharesCounterDiv a {
		width: auto;
		padding: 10px 15px;
	}
	
	.social-share .socialSharesCounterDiv .shareIcon {
		display: inline;
		padding-right: 5px;
	}
}

@media screen and (max-width: 990px) {
    .home-bottom .type-post {
        width: 32%;
    }

    .site-footer .site-info {
        float: left;
        width: 25%;
    }
}

@media screen and (max-width: 860px) {
    .homeBox .services-list {
        grid-template-columns: 1fr;
    }

    .logged-in .single-post .entry-header {
        top: 164px !important;
    }

    .single-post .entry-header {
        top: 111px;
    }

    /* ── Mobile menu toggle button ── */
    .site-header .main-content .mobile-menu {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .menu-toggle-btn {
        font-size: 22px;
    }

    /* ── Mobile nav panel ── */
    .site-header .main-content .main-menu {
        /* Reset desktop flex layout */
        display: block;
        align-items: unset;
        justify-content: unset;
        /* Full-screen overlay */
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #0d1b2a;
        z-index: 9999995;
        overflow-y: auto;
        overflow-x: hidden;
        transform: translateX(-100%);
        visibility: hidden;
        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
                    visibility 0.35s ease;
        padding-top: 16px;
        padding-bottom: 40px;
    }

    .site-header .main-content .main-menu.is-open {
        transform: translateX(0);
        visibility: visible;
        top: var(--header-height);
    }

    /* Disable desktop animated underlines on mobile */
    .site-header .main-content .main-menu > ul > li > a::after,
    .site-header .main-content .main-menu #header-menu > li > a::after {
        display: none;
    }

    /* ── Utilities row (LinkedIn, search, lang) ── */
    .site-header .main-content .main-menu > ul {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 4px;
        padding: 14px 16px;
        margin: 0;
        list-style: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        text-align: left;
    }

    .site-header .main-content .main-menu > ul li {
        display: inline-block;
    }

    .site-header .main-content .main-menu > ul li a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        font-size: 16px;
        padding: 0;
        margin: 0;
        color: rgba(255, 255, 255, 0.65);
        border-radius: 6px;
        transition: background 0.2s ease, color 0.2s ease;
        text-transform: none;
        border-left: none;
    }

    .site-header .main-content .main-menu > ul li a:hover {
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
    }

    /* ── Main nav items ── */
    .site-header .main-content .main-menu li {
        display: block;
        position: relative;
    }

    .site-header .main-content .main-menu #header-menu > li > a {
        display: block;
        font-size: 15px;
        font-weight: 700;
        letter-spacing: 0.04em;
        padding: 14px 20px;
        margin: 0;
        color: rgba(255, 255, 255, 0.85);
        text-transform: uppercase;
        border-left: 3px solid transparent;
        transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
    }

    .site-header .main-content .main-menu #header-menu > li > a:hover,
    .site-header .main-content .main-menu #header-menu > li.current-menu-item > a,
    .site-header .main-content .main-menu #header-menu > li.current-menu-ancestor > a {
        color: #fff;
        background: rgba(255, 255, 255, 0.06);
        border-left-color: var(--color-secondary);
    }

    .site-header .main-content .main-menu .languages {
        margin: 0;
        text-align: left;
    }

    .site-header .main-content .site-branding .follow-us {
        display: none;
    }

    /* ── Mobile sub-menu: inline, not floating ── */
    .site-header .main-content .main-menu li .sub-menu {
        position: static;
        box-shadow: none;
        border-radius: 0;
        background: transparent;
        padding: 0;
        min-width: 0;
        z-index: auto;
    }

    /* Disable hover-reveal on mobile; only show via .focus (JS touch toggle) */
    .site-header .main-content .main-menu li:hover > .sub-menu {
        display: none;
    }

    .site-header .main-content .main-menu li.focus > .sub-menu {
        display: block;
    }

    .site-header .main-content .main-menu .sub-menu li a {
        padding: 10px 20px 10px 36px;
        font-size: 14px;
        font-weight: 400;
        color: rgba(255, 255, 255, 0.65);
        border-left: none;
    }

    .site-header .main-content .main-menu .sub-menu li a:hover {
        color: #fff;
        background: rgba(255, 255, 255, 0.06);
    }
}

@media screen and (max-width: 780px) {	
	.single-post .type-post .entry-title {
		font-size: 20px;
	}
}

@media screen and (max-width: 650px) {
    .content-sidebar, .widget-area {
        float: none;
        width: auto;
    }

    .widget-area {
        margin-top: 10px;
        border-top: 2px solid rgba(0,0,0,0.10);
    }

    .widget-area .widget:first-child {
        margin-top: 15px;
    }

    .big-picture .mask {
        height: 380px;
    }

    .big-picture .mask .content .title {
        font-size: 30px;
    }

    .homeBox .clients-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 600px) {
    .site-footer .footer-contact-columns {
        flex-direction: column;
        align-items: center;
        gap: 25px;
        text-align: center;
    }

    .site-footer .footer-contact-col {
        max-width: 100%;
    }
}

@media screen and (max-width: 540px) {
    .site-header .main-content .site-branding img {
        max-width: 160px;
    }

    .homeBox .text, .homeBox .title {
        float: none;
        width: auto;
        text-align: center;
    }

    .homeBox .title {
        margin-bottom: 10px;
    }

    .homeBox .title .line {
        margin: 10px auto 0 auto;
    }

    .homeBox .clients-list {
        grid-template-columns: 1fr;
    }

    .post-loop .loop {
        grid-template-columns: 1fr;
    }

    .call-to-action .content {
        padding: 40px 24px;
    }

    .call-to-action .content .title {
        font-size: 22px;
    }

    .call-to-action .content .tagline {
        font-size: 15px;
    }

    .call-to-action .content .button a {
        font-size: 14px;
        padding: 12px 28px;
    }

    .call-to-action form input,
    .call-to-action form select {
        width: 100%;
        margin: 5px 0 !important;
        box-sizing: border-box;
    }

    .nl-form .title {
        font-size: 28px;
    }
}

@media screen and (max-width: 400px) {
    .site-header .main-content .site-branding .logo {
        height: 45px;
        width: 160px;
    }


    .single-post .entry-header {
        top: 100px;
    }

    .big-picture .mask .content .title {
        font-size: 20px;
    }

    .cookie-info {
        left: 10px;
        right: 10px;
        max-width: none;
        bottom: 10px;
    }
}