@media (min-width: 1300px) {
    .container {
        max-width: 1200px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1300px;
    }
}

@media (max-width: 1199px) {
    .burger-nav .bn-menu-box {
        width: 75%;
    }

    .burger-nav .bn-menu-box-back,
    .burger-nav .bn-menu-box-back-top {
        width: calc(75% + 40px);
    }

    .project-item>.desc {
        width: 100%;
    }

    .project-item>.desc>.info>span {
        padding-bottom: 5px;
        margin-bottom: 5px;
    }

    .main-blog-item .content {
        padding: 20px;
    }

    .main-blog-item .content>.title {
        margin-bottom: 10px;
    }

    .main-blog-item .content>.desc {
        margin-bottom: 10px;
    }

    .main-blog-item .img>.category {
        right: 20px;
    }

    .blog-section-footer>.inner>a {
        margin-bottom: 5px;
    }

    .blog-section-header>.inner {
        padding: 20px;
    }

    .blog-section-footer>.inner {
        padding: 20px;
    }

    .footer-form-box {
        padding: 20px;
    }

    .fixed-contact-nav>.flex>.scroll-top {
        min-width: 50px;
        width: 50px;
    }

    .fixed-contact-nav>.flex>.inner {
        min-width: calc(100% - 50px);
    }

    .fixed-contact-nav>.flex>.scroll-top>span {
        display: none;
    }

    .fixed-contact-nav>.flex>.scroll-top>i {
        margin-left: 0;
    }

    .slide-desc-box>.title {
        font-size: 44px;
        line-height: 50px;
    }

    .project-item>.desc {
        padding: 20px;
    }
}

@media (max-width: 991px) {
    .burger-nav .bn-menu-box {
        width: 100%;
    }

    .burger-nav .bn-menu-box-back {
        display: none;
    }

    .burger-nav .bn-menu-box-back-top {
        width: calc(100% + 40px);
    }

    .burger-nav .bn-menu {
        padding-bottom: 40px;
    }

    .nav-contacts {
        display: none;
    }

    .slide-desc-box {
        text-align: center;
    }

    .main-slider-buttons {
        display: none;
    }

    .slide-desc-box>.title,
    .blog-section-header>.inner>.title,
    .main-title {
        font-size: 34px;
        line-height: 40px;
    }

    .main-title.small {
        font-size: 30px;
        line-height: 36px;
    }

    .slide-desc-box>.caption {
        font-size: 16px;
        line-height: 22px;
    }

    .project-item>.desc>.title {
        font-size: 24px;
        line-height: 30px;
    }

    .blog-section-header,
    .blog-section-footer {
        padding: 0;
        margin-bottom: 20px;
        text-align: center;
    }

    .blog-section-header>.inner,
    .blog-section-footer>.inner {
        position: relative;
        width: unset;
        height: unset;
        padding: 0;
    }

    .blog-section-footer>.inner {
        padding: 20px;
        align-items: center;
    }

    .main-blog-item {
        margin-bottom: 20px;
    }

    .main-blog-item .content {
        padding: 0;
        padding-top: 10px;
        border-bottom: none !important;
    }

    .main-blog-item .img {
        border-bottom: none !important;
        padding-top: calc(9/16*100%);
    }

    .main-blog-item .img>.category {
        right: unset;
        left: 10px;
        bottom: 10px;
    }

    .footer-form-box {
        padding: 0;
        border: none;
        height: unset;
        margin-bottom: 20px;
    }

    .fixed-contact-nav>.flex>.inner>.item>div {
        display: none;
    }

    .fixed-contact-nav>.flex>.inner>.item {
        min-width: calc(100%/3);
    }

    .fixed-contact-nav>.flex>.inner {
        min-width: 75%;
    }

    .fixed-contact-nav>.flex>.scroll-top {
        min-width: 25%;
        width: 25%;
        display: none;
    }

    .project-item>.img:after {
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.05));
    }

    .services-bg .project-item .img img {
        display: unset;
    }


    .project-item .img img {
        opacity: unset;
        visibility: unset;
        height: unset;
    }


    .fixed-contact-nav>.flex>.inner>.item>i,
    .fixed-contact-nav>.flex>.scroll-top>i {
        font-size: 20px;
        line-height: 26px;
    }

    .project-item>.desc>.info>span {
        border: none;
        padding-bottom: 0;
    }

    .ftr-content {
        background: #181818;
    }

    .main-banner:before {
        content: none;
    }

    .main-banner:after {
        background: rgba(0, 0, 0, 0.5);
    }

    .bcrumb-inner>.links {
        display: none;
    }

    .plan-slider-buttons-main {
        top: 20px;
    }

    .progress-flex {
        flex-wrap: wrap;
        justify-content: center;
    }

    .progress-flex>.item {
        width: calc(100% / 3);
    }

    .page-banner.with-desc {
        padding: 40px 0;
    }

    .page-banner.with-desc>.page-banner-desc {
        position: relative;
        top: 0;
        transform: none;
    }

    .timeline-items:before,
    .timeline-items:after {
        content: none;
    }

    .timeline-item>.row {
        flex-direction: column;
    }

    .timeline-img {
        height: unset;
        margin-bottom: 10px;
    }

    .timeline-text {
        height: unset;
        margin-bottom: 0;
    }

    .timeline-year {
        height: unset;
        top: 0;
        margin-bottom: 10px;
    }

    .timeline-year:before {
        content: none;
    }

    .timeline-year>.year {
        width: 100%;
    }

    .timeline-year>.year>span {
        width: 100%;
        border-radius: 0;
        padding: 10px;
    }

    .timeline-year>.year>span>b {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
    }
}

@media (max-width: 767px) {
    .burger-nav .bn-menu {
        width: 100%;
    }

    .services-bg {
        height: unset;
    }



    .burger-nav .bn-menu-box {
        clip-path: none;
    }

    .burger-nav .bn-menu-box-back-top {
        display: none;
    }

    .main-banner {
        padding-top: calc(640/1280*100%);
    }
}

@media (max-width: 575px) {
    .burger-nav .bn-logo img {
        width: 200px;
    }

    .main-banner {
        padding-top: calc(640/800*100%);
    }

    .slide-desc-box>.title,
    .blog-section-header>.inner>.title,
    .main-title {
        font-size: 24px;
        line-height: 30px;
    }

    .main-title.small {
        font-size: 20px;
        line-height: 26px;
    }

    .project-item>.desc>.title,
    .main-blog-item .content>.title,
    .iconed-title>span {
        font-size: 18px;
        line-height: 24px;
    }

    .iconed-title>i {
        font-size: 30px;
        min-width: 30px;
        height: 30px;
    }

    .project-item>.desc>.location {
        margin-bottom: 0;
    }

    .bn-menu-corporate-mobile>.content>.desc,
    .slide-desc-box>.caption {
        font-size: 14px;
        line-height: 20px;
    }

    .project-item>.desc>.info {
        display: none;
    }

    .project-search-content {
        flex-direction: column;
    }

    .project-search-content>.main-btn {
        position: relative;
        top: unset;
        right: unset;
        margin-top: 10px;
    }

    .project-search-content>input {
        padding: 10px 25px;
    }

    .progress-flex>.item {
        width: calc(100% / 2);
    }

    .timeline-item {
        padding: 10px;
    }
}

@media (max-width: 449px) {
    .burger-nav .bn-logo img {
        width: 200px;
    }

    .ftr-logo img {
        width: 150px;
    }
}
/* ============================================================
   Anasayfa (home.php) responsive
   ============================================================ */
@media (max-width: 991px) {
    .ll-hero-grid, .ll-mid-grid, .ll-cta-grid { grid-template-columns: 1fr; }
    .ll-counters { grid-template-columns: repeat(2, 1fr); gap: 26px; }
    .ll-footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px) {
    .ll-nav, .ll-header-phone { display: none; }
    .ll-burger { display: block; }
    .ll-hero-main { padding: 26px; min-height: 380px; }
    .ll-hero-main h1 { font-size: 28px; }
    .ll-service-grid { grid-template-columns: 1fr; }
    .ll-footer-grid { grid-template-columns: 1fr; }
    .ll-brands-row { justify-content: center; }
}

@media (max-width: 991px) {
    .ll-cards-grid { grid-template-columns: repeat(2, 1fr); }
    .ll-detail-grid { grid-template-columns: 1fr; }
    .ll-aside { position: static; }
}
@media (max-width: 767px) {
    .ll-cards-grid { grid-template-columns: 1fr; }
    .ll-page-head { padding: 40px 0; }
    .ll-page-head h1 { font-size: 26px; }
    .ll-section { padding: 40px 0; }
}

@media (max-width: 991px) {
    .ll-contact-grid { grid-template-columns: 1fr; }
}

@media (max-width: 991px) {
    .ll-hero2-grid { grid-template-columns: 1fr; justify-content: stretch; min-height: 0; gap: 30px; padding: 45px 20px; }
    .ll-hero2-left { max-width: 100%; }
    .ll-hero2-left h1 { font-size: 30px; }
    .ll-hero2-left-img  { clip-path: polygon(0 0, 100% 0, 100% 58%, 0 72%); }
    .ll-hero2-right-img { clip-path: polygon(0 72%, 100% 58%, 100% 100%, 0 100%); }
    .ll-hero2-line { clip-path: polygon(0 72%, 100% 58%, 100% 58.6%, 0 72.6%); }
}
@media (max-width: 767px) {
    .ll-hero2-left h1 { font-size: 25px; }
    .ll-hero2-panel { padding: 20px; }
}

/* ============================================================
   MOBİL — kapsamlı düzen (tablet → küçük telefon)
   ============================================================ */

/* ---- Tablet (max 991) ek ayarlar ---- */
@media (max-width: 991px) {
    .ll-section { padding: 50px 0; }
    .ll-mid-grid { gap: 30px; }
    .ll-cta-grid { gap: 34px; }
}

/* ---- Telefon (max 767): açılır menü + hero ---- */
@media (max-width: 767px) {
    .ll-header-inner { height: 64px; }
    .ll-logo img { height: 26px; }
    .ll-header-right { gap: 12px; }
    .ll-header .ll-btn-red { padding: 9px 14px; font-size: 13px; }

    .ll-nav {
        position: absolute; top: 100%; left: 0; right: 0;
        flex-direction: column; align-items: stretch; gap: 0;
        background: #141416;
        border-top: 1px solid var(--ll-line);
        border-bottom: 1px solid var(--ll-line);
        padding: 4px 20px;
        box-shadow: 0 16px 34px rgba(0, 0, 0, .45);
    }
    .ll-nav.ll-nav-open { display: flex; }
    .ll-nav a { padding: 14px 0; border-bottom: 1px solid var(--ll-line); font-size: 15px; }
    .ll-nav a:last-child { border-bottom: none; }
    .ll-nav a.active { color: var(--ll-red); }
    .ll-nav a.active::after { display: none; }

    .ll-hero2-grid { padding: 36px 20px; gap: 26px; }
    .ll-hero2-left h1 { font-size: 24px; line-height: 1.25; }
    .ll-hero-actions { gap: 10px; }
    .ll-hero-actions .ll-btn { flex: 1 1 auto; justify-content: center; }
    .ll-hero2-panel { width: 100%; padding: 18px; }
    .ll-hero2-panel > h2 { font-size: 19px; }

    .ll-section-title { font-size: 21px; }
    .ll-cta { padding: 46px 0; }
    .ll-cta h2 { font-size: 21px; }
    .ll-brands-row { gap: 18px 26px; }
    .ll-brands-row span { font-size: 17px; }

    .ll-detail-meta { font-size: 13px; }
    .ll-page-head h1 { font-size: 24px; }
}

/* ---- Küçük telefon (max 480) ---- */
@media (max-width: 480px) {
    .ll-hero2-grid { padding: 30px 16px; }
    .ll-hero2-left h1 { font-size: 21px; }
    .ll-hero-actions .ll-btn { flex: 1 1 100%; }
    .ll-hero2-panel { padding: 16px; }
    .ll-acc-head { padding: 13px 14px; gap: 11px; }
    .ll-acc-ico { width: 34px; height: 34px; font-size: 14px; }
    .ll-acc-title { font-size: 14px; }
    .ll-acc-body p { padding: 0 14px 14px 59px; }

    .ll-counters { grid-template-columns: 1fr 1fr; gap: 22px 16px; }
    .ll-counter .ll-num { font-size: 26px; }
    .ll-cta-grid { gap: 28px; }
    .ll-form-card { padding: 22px; }

    .ll-container { padding-left: 16px; padding-right: 16px; }
    .ll-card-img { height: 180px; }
}

/* ---- Çok küçük (max 360) ---- */
@media (max-width: 360px) {
    .ll-hero2-left h1 { font-size: 19px; }
    .ll-counters { grid-template-columns: 1fr; }
    .ll-header .ll-btn-red span, .ll-header .ll-btn-red { font-size: 12px; }
}

@media (max-width: 480px) {
    .ll-hero2-services { grid-template-columns: 1fr; gap: 10px; }
    .ll-hero2-service { padding: 13px; }
}

/* Projeler/Ulaşım kartları: küçük ekranda tek sütun */
@media (max-width: 575px) {
    .ll-project-list, .ll-transport-list { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
    .ll-brands-strip .ll-brand { flex: 1 0 30%; border-right: none; padding: 10px; }
}