@media (max-width: 768px) {
    .blog-item {
        flex: 0 0 100%; /* mobilde tek blog kaplasın */
    }
}
@media (min-width: 768px) {
    .blog-item {
        flex: 0 0 calc(100% / 3);
        box-sizing: border-box;
        padding: 10px;
    }
}
@media (max-width: 768px) {
    .footer-logo a:nth-child(2),
    .footer-logo a:nth-child(3) {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .footer-widget {
        text-align: center !important;
        margin-top: 20px !important;
    }

        .footer-widget .footer-text p,
        .footer-widget .footer-text a {
            justify-content: center !important;
            text-align: center !important;
        }

    .footer-logo {
        justify-content: center !important;
    }

        .footer-logo img {
            margin: 0 auto !important;
        }

    .footer-social-icon {
        text-align: center !important;
    }
}


:root {
    --muted: #005C94;
    --divider: #ececec; 
    --active: #F38322; 
    --gap: 34px;
    --font-size: 18px;
}

.portfolio-filter {
    display: flex;
    justify-content: center;
    padding: 28px 16px; 
    background: transparent;
    font-family: "Helvetica Neue", Arial, sans-serif;
}

    .portfolio-filter ul {
        display: flex;
        align-items: center;
        gap: var(--gap);
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .portfolio-filter a {
        position: relative;
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: var(--font-size);
        font-weight: 600;
        color: var(--muted);
        padding: 6px 0;
        transition: color .18s ease, transform .12s ease;
    }

        .portfolio-filter a.active {
            color: var(--active);
        }

        .portfolio-filter a:hover {
            color: var(--active);
            transform: translateY(-1px);
        }

    .portfolio-filter li {
        position: relative;
        padding-right: 18px; 
    }

        .portfolio-filter li:not(:last-child)::after {
            content: "";
            position: absolute;
            right: 2px;
            top: 50%;
            transform: translateY(-50%);
            width: 3px;
            height: 14px;
            background: var(--divider);
            opacity: 1;
        }

@media (max-width:600px) {
    : root {
        --gap: 18px;
        --font-size: 12px;
    }

    .portfolio-filter {
        padding: 18px 8px;
    }

        .portfolio-filter li:not(:last-child)::after {
            height: 12px;
            right: 0;
        }
}




@media (max-width: 992px) {
    .wrapper-contact {
        flex-direction: column;
    }

    .contact-content,
    .contact-form {
        width: 100%;
        padding-right: 0;
    }
}