.zipdestek-container {
    padding-left: 128px;
    padding-right: 128px;
/*    margin-bottom: -104px;*/
}

.page-ciftcidestek-second-container.zipdestek-second-container {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
    padding-top: 7.5rem !important;
}

/* Header yeniden tasarlanınca sayfa üstündeki boşluklar değişti; Zippasaj/Kampanyalar'da
   yapıldığı gibi mt-56/sm-mt-10 tüm ekran boyutlarında sıfırlanıyor - body'nin kendi üst
   boşluğu zaten yeterli. */
.zip-support-container.mt-56,
.zip-support-container.sm-mt-10 {
    margin-top: 0 !important;
}

/* Arama kutusu: .height-94 (94px) hem mobil hem masaüstünde gereğinden uzundu, ikon da
   (native SVG 48x53) kutuya göre çok büyük duruyordu - ikisi de küçültülüp metne yaklaştırıldı.
   padding-left class üzerinden (ID değil) verildi ki mobil breakpoint'teki (max-width:767.98px)
   kendi padding-left/ikon boyutu override'ı düzgün kazansın (aksi halde ID her zaman kazanıp
   mobildeki değerleri geçersiz kılıyor, ikon kayması buna sebep oluyordu). */
#zipDestekSearchInput {
    height: 64px !important;
}
.zip-support-search-input {
    padding-left: 44px !important;
}
.zipdestek-search-icon {
    width: 30px !important;
    height: 33px !important;
    top: 15px !important;
    left: 132px !important;
}

/*ZipDestek Responsive CSS Buradan Başlıyor*/

/*Ortak*/
@media(min-width:768px) and (max-width:1199.98px) {
    .zipdestek-container {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
        margin-bottom: 5rem !important;
    }

    .zipdestek-wrapper {
        transform: scale(1) !important;
        transform-origin: center center !important;
    }

    .page-ciftcidestek-second-container {
        padding-bottom: 0 !important;
    }
}

/*Ortak*/
@media(max-width:767.98px) {

    .zip-des-connect-box {
        padding: 0px !important;
    }

    .zip-des-connect-box {
        padding-bottom: 40px !important;
    }

    .zipdestek-container {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
        margin-bottom: 1rem !important;
    }

    .cmn-kapali-accordion.sss-kapali-alan-accordion {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    /* col-1 (Bootstrap yüzde bazlı, ~%8.33) dar ekranlarda 32px'lik ikondan (.hde-accordion-btn)
       daha dar kalıyor, bu da satırın (row flex-wrap:wrap) sarmasına ve ikon/metnin artık aynı
       satırda olmadığı için dikey ortalamanın bozulmasına sebep oluyordu. İkon kolonuna sabit
       piksel genişlik verilip bu sarma önlendi. */
    .cmn-kapali-accordion.sss-kapali-alan-accordion > .col-1 {
        flex: 0 0 40px;
        max-width: 40px;
    }
    .cmn-kapali-accordion.sss-kapali-alan-accordion > .cnm-acc-heading.col-11 {
        flex: 1 1 auto;
        max-width: calc(100% - 40px);
    }
    .page-ciftcidestek-second-container {
        padding-bottom: 0 !important;
    }
    .page-ciftcidestek-second-wrapper.zipdestek-second-wrapper {
        transform: scale(1) !important;
        transform-origin: center center !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        padding-bottom: 0rem !important;
    }
    .page-ciftcidestek-second-container.zipdestek-second-container {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
        padding-top: 2.5rem !important;
    }
    .zip-support-search-input{
        padding-left:60px !important;
    }
    .zip-support-search-box {
        padding-left: 0rem;
        padding-right: 0rem;
    }
    .zipdestek-search-icon{
        width:1.5rem !important;
        height:1.5rem !important;
        left:20px !important;
        top:20px !important;

    }
}


@media(min-width:768px) and (max-width:991.98px) {
    .zip-des-connect-box {
        border-radius: 0px 0px 50px 50px !important;
    }
    .page-ciftcidestek-second-container.zipdestek-second-container {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
        padding-top: 2.5rem !important;
    }


    .zip-support-search-box {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

}

@media(min-width:992px) and (max-width:1199.98px) {

    .zip-destek-sec-con {
        height: auto !important;
    }
    .page-ciftcidestek-second-container.zipdestek-second-container {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
        padding-top: 2.5rem !important;
    }

    .zip-des-connect-box {
        border-radius: 0px 50px 50px 0px !important;
    }
    .zip-support-search-box {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

}



@media(min-width:1200px) and (max-width:1439.98px) {
    .zip-support-wrapper{
        padding-right:5rem !important;
        padding-left:5rem !important;
    }
    .zipdestek-container {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }
    .page-ciftcidestek-second-container.zipdestek-second-container {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }
}

@media(min-width:1440px) and (max-width:1559.98px) {
    .zip-support-wrapper {
        padding-right: 15rem !important;
        padding-left: 15rem !important;
    }

    .zipdestek-container {
        padding-left: 6.5rem !important;
        padding-right: 6.5rem !important;
    }

    .page-ciftcidestek-second-container.zipdestek-second-container {
        padding-left: 6.5rem !important;
        padding-right: 6.5rem !important;
        padding-top:6rem !important;
    }
    .zip-support-search-box {
        padding-left: 6.5rem !important;
        padding-right: 6.5rem !important;
    }
}

@media(min-width:1560px) and (max-width:1919.98px) {
    .zip-support-wrapper {
        padding-right: 17rem !important;
        padding-left: 17rem !important;
    }

    .zipdestek-container {
        padding-left: 8.5rem !important;
        padding-right: 8.5rem !important;
    }

    .page-ciftcidestek-second-container.zipdestek-second-container {
        padding-left: 7.5rem !important;
        padding-right: 7.5rem !important;
    }
    .zip-support-search-box {
        padding-left: 6.5rem !important;
        padding-right: 6.5rem !important;
    }
}


@media (min-width:2560px) {
    .zip-destek-sec-con {
        height: auto !important;
        padding-bottom: 0px !important;
    }
    .zip-support-wrapper {
        padding-right: 28rem !important;
        padding-left:28rem !important;
    }
  
}


/*ZipDestek Responsive CSS Burada Bitiyor*/