@media(max-width: 1370px){
    .root .page-header .flex-row.header-router, .root .page-header .flex-row.header-side-nav {
        display: none !important;
    }
    .root .page-header .flex-row.header-hamburger {
        display: flex;
        align-items: center;
        margin-left: auto;
        cursor: pointer;
    }
        .root .page-header .flex-row.header-hamburger .btn-nav {
            width: 40px;
            height: 3px;
            position: relative;
            background: var(--primary);
            top: 0;
            transition: all ease 0.2s;
            
        }

            .root .page-header .flex-row.header-hamburger .btn-nav:before, .root .page-header .flex-row.header-hamburger .btn-nav:after {
                content: '';
                position: absolute;
                left: 0;
                background: var(--primary);
                height: 100%;
                transition: all ease 0.3s;
            }

            .root .page-header .flex-row.header-hamburger .btn-nav:before {
                top: -8px;
                width: 20px;
            }

            .root .page-header .flex-row.header-hamburger .btn-nav:after {
                top: 8px;
                width: 30px;
            }

        .root .page-header .flex-row.header-hamburger:hover .btn-nav:before, .root .page-header .flex-row.header-hamburger:hover .btn-nav:after {
            width: 100%;
        }

        .root .page-header .flex-row.header-hamburger.close-menu .btn-nav {
            transform: rotate(-45deg);
        }

            .root .page-header .flex-row.header-hamburger.close-menu .btn-nav:after {
                opacity: 0;
                transition: all ease 0.2s;
            }

            .root .page-header .flex-row.header-hamburger.close-menu .btn-nav:before {
                top: 0;
                transform: rotate(90deg);
                width: 100%;
                transition: all ease 0.2s;
                background: var(--primary);
            }
    
}

@media (max-width: 1400px) {

    footer .footer-main .container .item:nth-child(2) ul li:nth-child(2)
    {
        font-size: 18px !important;
    }
}


@media (max-width: 1200px) {
    .page-home section.banner .text-wrapper {
        max-width: 70% !important;
    }

    .page-home section.hizmetler .list {
        padding: 50px 0 0 !important;
        flex-wrap: wrap !important;
    }
        .page-home section.hizmetler .list .item {
            width: calc((100% - 30px) / 2);
            border: 1px solid #d1d1d1;
        }

        .page-home section.hizmetler .list .last-item::before {
            background-size: 0 !important;
        }

    .page-home section.neden-transmap .item.text-container .subtitle {
        font-size: 22px !important;
        line-height: 1.7;
    }
    .page-home section.neden-transmap .item .accordion-header {
        padding: 20px 20px !important;
        font-size: 16px !important;
    }

    .page-pazarlar-detay section.parallax .wrapper {
        flex-direction: column !important;
        gap: 30px !important;
    }

    .page-pazarlar-detay section.parallax .parallax-content {
        bottom: 40px !important;
    }

    .page-hizmetler section.hizmetler .wrapper .text {
        padding: 20px 0 50px;
        font-size: 24px;
        font-weight: 700;
    }

    .page-blog section.blog .blog-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

        .page-blog section.blog .blog-grid .item .text {
            font-size: 21px !important;
            line-height: 1.2;
        }

    footer .footer-main .container .item:nth-child(2) ul li:nth-child(2) {
        font-size: 16px !important;
    }
    .page-tasiyici section.tabs .tab-content ul.image-check-list li {
        width: calc((100% - 60px) / 4);
        margin-bottom: 20px;
    }
   
}


@media (max-width: 992px) {
   

    .page-home section.rakamlarla-transmap .container {
       padding:0;
    }

    .page-home section.rakamlarla-transmap .wrapper {
        display: flex;
        flex-wrap: wrap !important;
    }
        .page-home section.rakamlarla-transmap .wrapper .item {
            width: calc((100% - 1.5px) / 2);
            padding: 20px;
            border-right: 1px solid #d1d1d1;
            border-bottom: 1px solid #d1d1d1;
        }

            .page-home section.rakamlarla-transmap .wrapper .item:nth-child(2n) {
                border-right: none;
            }
            .page-home section.rakamlarla-transmap .wrapper .item:nth-child(n+3) {
                border-bottom: none;
            }

    .page-home section.hizmetler .wrapper {
        width: 100%;
    }
        .page-home section.hizmetler .wrapper .text {
            font-size: 24px;
        }

    .page-home section.neden-transmap {
        padding: 50px 0 0 !important;
        position: initial !important;
        padding-bottom: 0 !important;
        margin-bottom: 50px !important;
    }

        .page-home section.neden-transmap .bg-image {
            position: relative;
            width: 100%;
            /* height: 100%; */
            /* top: 420px; */
            /* bottom: 0; */
        }

            .page-home section.neden-transmap .bg-image img {
                width: 100%;
                height: 500px;
                object-fit: cover;
            }
            .page-home section.neden-transmap .bg-image .teklif-text {
                position: absolute;
                width: 100%;
                bottom: 0;
            }

                .page-home section.neden-transmap .bg-image .teklif-text .wrapper {
                    border-top: 1px solid #fff;
                    padding-top: 40px;
                    /* justify-content: unset; */
                    display: flex;
                    align-items: center;
                    flex-direction: column;
                    gap: 30px;
                    padding-bottom: 35px !important;
                }
                .page-home section.neden-transmap .bg-image .teklif-text .text {
                    color: #fff;
                    font-size: 22px;
                    font-weight: 700;
                    text-align: center;
                }

        .page-home section.neden-transmap .wrapper {
            padding-bottom: 70px !important;
        }
        .page-home section.neden-transmap .item {
            width: 100% !important;
        }

    .page-home section.kariyer .wrapper {
        flex-direction: column !important;
    }
        .page-home section.kariyer .wrapper .item {
            width: 100% !important;
        }

    .page-hizmet-detay section.neden-transmap .wrapper {
        gap: 50px;
        flex-direction: column !important;
    }

        .page-hizmet-detay section.neden-transmap .wrapper .item {
            width: 100% !important;
        }

    .page-hizmet-detay section.parallax .wrapper {
        gap: 30px !important;
        flex-direction: column !important;
    }
    .page-hizmet-detay section.parallax .parallax-content {
        bottom: 40px !important;
    }

    .page-pazarlar section.pazarlar .list .item {
        width: calc((100% - 30px) / 2) !important;
    }

        .page-pazarlar section.pazarlar .list .item .image {
            height: 375px !important;
        }

    .page-pazarlar-detay section.head .wrapper {
        gap: 010px;
        flex-direction: column !important;
    }
        .page-pazarlar-detay section.head .wrapper .item {
            width: 100% !important;
        }

            .page-pazarlar-detay section.head .wrapper .item .subtitle {
                padding: 20px 0 !important;
                font-size: 24px !important;
            }

    .page-hizmetler section.hizmetler .list .item {
        width: calc((100% - 30px) / 2) !important;
    }

        .page-hizmetler section.hizmetler .list .item .image {
            height: 375px !important;
        }

    .page-iletisim section.content .iletisim-bilgi-container {
        gap: 50px;
        padding: 100px 0;
        flex-direction: column !important;
    }

        .page-iletisim section.content .iletisim-bilgi-container .left, .iletisim-bilgi-container .right {
            width: 100% !important;
        }

    .page-blog-detay section.head .wrapper .item .subtitle {
        padding: 20px 0 !important;
        font-size: 24px !important;
    }

    .page-blog-detay section.parallax .wrapper {
        padding-top: 20px !important;
        gap: 30px !important;
        flex-direction: column !important;
    }
    .page-blog-detay section.parallax .text {
        font-size: 18px !important;
        width: 100%;
    }
    .page-blog-detay section.parallax .but {
        font-size: 14px !important;
    }


    footer .footer-main .container {
        flex-direction: column;
        gap: 0;
        text-align: center;
    }

    footer .footer-main .container .item{
        width:100% !important;
        padding: 30px 20px 30px 20px !important;
    }

    .page-teklif section.tabs .tab-content ul.image-radio-list li {
        width: calc((100% - 40px) / 3);
        margin-bottom: 20px;
    }
    .page-teklif section.tabs .tab-content .textbox-wrapper div {
        width: calc((100% - 40px) / 3);
    }

    .page-tasiyici section.tabs .wrapper {
        flex-wrap: wrap !important;
        gap: 30px !important;
    }
        .page-tasiyici section.tabs .wrapper .item {
            width: calc((100% - 60px) / 3) !important;
        }
    .page-tasiyici section.tabs .tab-content ul.image-radio-list li {
        width: calc((100% - 40px) / 3);
        margin-bottom: 20px;
    }

    .page-tasiyici section.tabs .tab-content .textbox-wrapper div {
        width: calc((100% - 40px) / 3);
    }
    .page-tasiyici section.tabs .tab-content ul.image-check-list li {
        width: calc((100% - 40px) / 3);
        margin-bottom: 20px;
    }
}


@media (max-width: 768px) {
    .page-home section.hizmetler .list .item {
        width: 100%;
        border: 1px solid #d1d1d1;
    }
        .page-home section.hizmetler .list .item .image {
            height: 300px !important;
        }

    .page-home section.neden-transmap .wrapper {
        display: flex;
        gap: 0;
        position: relative;
        z-index: 10;
        flex-direction: column;
    }

    .page-home section.neden-transmap .bg-image .teklif-text .text {
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
    }
    .page-home section.neden-transmap .bg-image .teklif-text .but {
        font-size: 14px !important;
    }

    .page-hizmet-detay section.head .wrapper {
        flex-direction: column !important;
        gap: 30px;
    }
        .page-hizmet-detay section.head .wrapper .item {
            width: 100% !important;
        }

            .page-hizmet-detay section.head .wrapper .item .subtitle {
                padding: 20px 0 !important;
                font-size: 24px !important;
            }

    .page-hizmet-detay section.sub-header .wrapper {
        gap: 30px !important;
        flex-direction: column !important;
    }
        .page-hizmet-detay section.sub-header .wrapper .item {
            width: 100% !important;
        }
            .page-hizmet-detay section.sub-header .wrapper .item .title {
                padding-bottom: 20px !important;
            }

    .page-pazarlar section.pazarlar .list .item {
        width: 100% !important;
    }

    .page-pazarlar-detay section.sub-header .wrapper {
        flex-direction: column !important;
    }
        .page-pazarlar-detay section.sub-header .wrapper .item {
            width: 100% !important;
        }

    .page-hizmetler section.hizmetler .list .item {
        width: 100% !important;
    }

    .page-hizmetler section.hizmetler .wrapper .text {
        padding: 20px 0;
        font-size: 18px;
        font-weight: 700;
    }

    .page-yesil-lojistik section.head .wrapper .item .subtitle {
        font-size: 26px !important;
    }

    .page-blog section.blog .blog-grid {
        grid-template-columns: repeat(1, 1fr) !important;
        row-gap: 20px !important;
        column-gap: 0 !important;
    }

   

    .page-teklif section.tabs .tab-content .content-flex {
        gap: 20px !important;
        flex-direction: column !important;
    }
        .page-teklif section.tabs .tab-content .content-flex .tab2-item {
            width: 100% !important;
        }

    .page-teklif section.tabs .tab-content .textbox-wrapper div {
        width: calc((100% - 40px) / 3);
    }

    .page-teklif section.tabs .tab-content ul.image-radio-list li {
        width: calc((100% - 20px) / 2);
        margin-bottom: 20px;
    }

    .page-teklif section.tabs .tab-content .textbox-wrapper div {
        width: calc((100% - 20px) / 2);
    }
    .page-teklif section.tabs .tab-content .content-flex .tab4-item {
        width: 100%;
    }

    .page-tasiyici section.tabs .tab-content ul.image-radio-list li {
        width: calc((100% - 20px) / 2);
        margin-bottom: 20px;
    }

    .page-tasiyici section.tabs .tab-content .textbox-wrapper div {
        width: calc((100% - 20px) / 2);
    }

    .page-tasiyici section.tabs .tab-content .content-flex .tab4-item {
        width: 100%;
    }
    .page-tasiyici section.tabs .tab-content .content-flex {
        gap: 0;
        flex-direction: column !important;
    }
        .page-tasiyici section.tabs .tab-content .content-flex .tab2-item {
            width: 100% !important;
        }
    .page-tasiyici section.tabs .tab-content ul.image-check-list li {
        width: calc((100% - 20px) / 2);
        margin-bottom: 20px;
    }

    .column-gap-10 {
        gap: 10px !important;
    }

        .column-gap-10.column-3 li {
            width: calc((100% - 20px) / 3) !important;
        }

    .page-teklif section.tabs .wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
    }
        .page-teklif section.tabs .wrapper .item {
            width: calc((100% - 30px) / 2);
            text-align: center;
            border-bottom: 5px solid #ddd;
            padding-bottom: 15px;
        }
}


@media (max-width: 576px) {

    .root .page-header.desktop {
        padding: 10px 20px;
    }

    .page-home section.banner .text-wrapper {
        max-width: 90% !important;
    }
        .page-home section.banner .text-wrapper .title {
            font-size: 24px;
            margin-bottom: 1rem;
        }

        .page-home section.banner .text-wrapper .text {
            font-size: 18px;
            margin-bottom: 1.5rem;
        }

        .page-home section.banner .text-wrapper .but {
            display: inline-block;
            padding: 12px 24px;
            border-radius: 8px;
            background: #c00;
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            font-size:14px;
        }

    .page-home section.hizmetler .wrapper .text {
        font-size: 20px;
    }
    .page-home section.hizmetler .wrapper .but {
        font-size: 14px;
    }

    .page-home section.neden-transmap .item.text-container .subtitle {
        font-size: 18px !important;
        line-height: 1.7;
    }

    .page-home section.kariyer .wrapper .text-container .subtitle {
        font-size: 18px !important;
        line-height: 1.7 !important;
    }

    .page-home section.blog .wrapper .text {
        font-size: 18px !important;
        line-height: 1.7 !important;
    }
    .page-home section.blog .wrapper .but {
        font-size: 14px !important;
    }
    .page-home section.blog .blog-slider .glide__arrow {
        padding: 6px 10px !important;
    }

    .page-hizmet-detay section.image {
        height: 50vh !important;
    }
    .page-hizmet-detay section.neden-transmap .wrapper .text-container .subtitle {
        font-size: 24px !important;
        padding: 20px 0 25px !important;
    }

    .page-hizmet-detay section.parallax .text {
        font-size: 16px !important;
    }
    .page-hizmet-detay section.parallax .but {
        font-size: 14px !important;
    }

    .page-pazarlar-detay section.parallax .text {
        font-size: 18px !important;
    }
    .page-pazarlar-detay section.parallax .but {
         font-size: 14px !important; 
    }

    .page-yesil-lojistik section.head .wrapper .item .subtitle {
        font-size: 22px !important;
    }

    footer .footer-bottom .container {
        padding: 20px !important;
    }



    .page-teklif section.tabs .tab-content .textbox-wrapper div {
        width: 100%;
    }
    .page-tasiyici section.tabs .tab-content ul.image-check-list li {
        width: 100%;
        margin-bottom: 20px;
    }
   
}