/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 5 version
*/

@media screen and (min-width: 320px) and (max-width: 767px) {
    /* Anasayfa */
    .home-header h2 {
        font-size: 25px !important;
        margin-bottom: 0px !important;
    }

    .home-header p,
    .home-header h3 {
        font-size: 14px !important;
    }

    .home-small label[class="radio-inline"],
    .home-small span {
        font-size: 12px !important;
    }

    .home-text input[type=text],
    .home-text .label {
        font-size: 14px !important;
    }

    .home-text {
        margin-top: -70px;
    }

    .home-primary .btn.btn-lg.btn-primary.btn-block {
        font-size: 14px !important;
    }
    
    /* Arama Kutusu */
    .map-panel .search-form .container {
        -ms-flex-line-pack: baseline !important;
            align-content: baseline !important;
    }

    .map-panel .search-form .col-lg-12 {
        padding: 45px 0px;
    }

    .search-form.main label {
        font-size: 12px !important;
    }

    /* Sekmeler */
    @media screen and (max-width: 376px) {

        #featureTabs {
            display: -webkit-box;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;   /* Öğelerin alt satıra inmesini önler */
            overflow-x: auto;    /* Gerektiğinde yatay kaydırma ekler */
            overflow-y: hidden; /* Dikey kaydırmayı gizler */
            min-height: 53px;   /* Min yükseklik ayarı */
            -webkit-overflow-scrolling: touch; /* Mobilde pürüzsüz kaydırma için */
        }
        #featureTabs .nav-link {
            white-space: nowrap; /* Metnin satır içinde kalmasını sağlar */
        }
    }
    
    .feature-box .nav-link {
        font-size: 11px;
    }

    .feature-box .nav-tabs > li > .nav-link.active, .nav-tabs > li > .nav-link.active:focus, .nav-tabs > li > .nav-link.active:hover {
        font-size: 12px;
    }

    /* Anasayfa */
    .nav-basvuru {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        /* Yatayda ortalamak için */
        margin-top: 5px;
    }

    .nav-user a {
        -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
                justify-content: center !important;
    }

    .nav-user a span {
        white-space: nowrap;
        /* Alt satıra geçmemesi için */
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: block;
        max-width: 200px;
    }

    /* İlanlar */
    .ilan-index-baslik h3 {
        font-size: 16px !important;
    }

/*     .ilan-index-baslik a {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: block;
        max-width: 200px;
    } */

    .ilan-index-baslik .added-by.pr-2 {
        font-size: 12px !important;
        margin-left: 5px;
    }

    .ilan-index-baslik .item-details.pr-2 li {
        font-size: 13px !important;
    }

    .ilan-index-baslik .item-location {
        font-size: 14px !important;
    }

    .ilan-index-baslik .added-on {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: block;
        max-width: 200px;
        font-size: 12px;
    }

    .row .col-lg-4 {
        min-height: 150px; /* Küçük ekranda daha küçük yükseklik */
    }

    .row .col-lg-8 .item-info .item-title {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        max-width: 200px;
        /* İhtiyacınıza göre bu değeri ayarlayın */
        display: inline-block;
        vertical-align: middle;
    }

    .item-details ul {
        font-size: 12px; /* Küçük ekranlarda fontu küçült */
    }

    .item-meta .item-price {
        font-size: clamp(9px, 2.8vw, 14px) !important; /* Fiyat metni ekranlara göre küçültüldü */
        white-space: nowrap;
    }

    .item-meta .item-price small {
        font-size: 10px !important; /* m² bilgisinin boyutu küçültüldü */
    }

    .save-item {
        font-size: 11px !important;
        width: 20px !important;
        height: 20px !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;    
        margin-bottom: -8px !important;
    }

    /* İlan show */
    .btn-return {
        font-size: 14px;
        width: 28px;
        height: 28px;
    }

    .btn-return i {
        font-size: 16px;
    }

    /* Genel Başlık */
    .page-header h1 {
        font-size: 16px; /* Küçük ekranda okunabilir boyut */
        white-space: normal;
        word-wrap: break-word;
    }

    /* Küçük Açıklama (İl/İlçe) */
    .page-header h1 small {
        font-size: 11px;
        display: block; 
        margin-top: 5px;
    }

    /* Satılık Etiketi */
    .page-header h1 .label {
        font-size: 12px;
        margin-left: 5px;
    }

    /* Fiyat Bilgisi */
    .page-header .price {
        font-size: 14px;
        text-align: right;
        white-space: nowrap;
    }

    /* Geri Dön Butonu */
    .page-header .btn-return {
        font-size: 14px;
        margin-right: 8px;
    }

    .card-header .panel-title {
        text-align: center;
    }

    /* Listeyi yatay hizala ve taşmaları önle */
    .item-features {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; /* Tek satırda kalmasını sağla */
        gap: clamp(6px, 2vw, 12px); /* Öğeler arası boşluğu dinamik ayarla */
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; /* Sola yasla */
        overflow-x: auto; /* Taşmaları yatay kaydır */
        padding: 5px !important;
        white-space: nowrap; /* Satır atlamayı engelle */
        text-align: center;
    }

    /* Liste içindeki metinler */
    .item-features li {
        font-size: 12px; /* Küçük ekran için küçült */
        margin: 0;
        white-space: nowrap; /* Alt satıra inmesini önle */
    }

    /* Kalın olan sayısal değerler */
    .item-features li span {
        font-size: 13px; /* Mobilde belirgin kalması için */
        font-weight: bold;
    }

    /* Card Shadow Media */
    .card.shadow .btn.btn-light,
    .card.shadow .btn {
        font-size: clamp(12px, 4vw, 16px); /* 320px'de 12px, 425px'de 16px */
    }

    .media-heading a {
        font-size: clamp(8px, 4vw, 14px); /* 320px'de 8px, 425px'de 14px */
    }

    .custom-media {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; /* Mobilde dikey hizalama */
        text-align: center; /* Metni ortala */
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; /* İçerikleri yatay ortala */
    }

    .media-left {
        padding-right: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; /* Resmi yatay ortala */
        width: 100%; /* Genişliği tam al */
    }

    .media-object {
        width: clamp(30px, 15vw, 50px) !important; /* 320px'de 30px, 425px'de 40px */
        height: clamp(30px, 15vw, 50px) !important; /* 320px'de 30px, 425px'de 40px */
    }

    .btn-block {
        width: 100%; /* Butonları tam genişlik yap */
    }

    /* Card Shadow Media */

    /* İlan show card */

    #feature-list .table.v1.ilan-table td {
        font-size: clamp(10px, 4vw, 14px); /* 768px'de 10px, 1280px'de 14px */
        /* text-align: center; */
    }
    /* İlan show */
    /* İlanlar */

    .select2-modal .select2-dropdown.select2-dropdown--above,
    .select2-modal .select2-dropdown.select2-dropdown--below {
        position: fixed;
        left: 50% !important;
        /* Ekranın solundan %50 uzağa yerleştir */
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        /* Gerçek ortalama sağlamak için %50 sola kaydır */
        min-width: 227px;
        margin-left: 7px;
    }
    
    /* Recaptcha */
    @media (max-width: 350px) {
        .g-recaptcha {
            -webkit-transform: scale(0.8);
            -ms-transform: scale(0.8);
            transform: scale(0.8);
            /* Mobil cihazlarda daha küçük boyut için */
            -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
            transform-origin: left top;
        }
    }

    .row .col-md-12 {
        overflow-x: auto;
    }

    @media (max-width: 343px) and (max-height: 640px) {
        .gray-box-margin .container .main-title {
            margin-top: 60px;
        }
    }

    @media (min-width: 344px) and (max-width: 401px) and (max-height: 640px) {
        .gray-box-margin .container .main-title {
            margin-top: 30px;
        }
    }

    /* Sayfa yollarını belirten top-nav elementleri anasayfa/ilan/index */
    .breadcrumb-item {
        display: inline;
    }

    .breadcrumb {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: block;
    }

    /* Ücretlendirme */
    /* Sekmeler (Özelllikler sekmesi dahil)*/
    #pricingTab {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;   /* Öğelerin alt satıra inmesini önler */
        -webkit-box-pack: space-evenly !important;
            -ms-flex-pack: space-evenly !important;
                justify-content: space-evenly !important;
        overflow-x: auto;    /* Gerektiğinde yatay kaydırma ekler */
        overflow-y: hidden; /* Dikey kaydırmayı gizler */
        min-height: 53px;   /* Min yükseklik ayarı */
        -webkit-overflow-scrolling: touch; /* Mobilde pürüzsüz kaydırma için */
    }

    @media screen and (max-width: 576px) {
        #pricingTab .nav-link {
            white-space: nowrap; /* Metnin satır içinde kalmasını sağlar */
            font-size: 11px;    /* Fontu küçültür */
        }
    
        #pricingTab .nav-link.active {
            font-size: 14px;    /* Fontu küçültür */
        }
    }

    @media screen and (min-width: 577px) {
        #pricingTab .nav-link {
            white-space: nowrap; /* Metnin satır içinde kalmasını sağlar */
            font-size: 14px;    /* Fontu küçültür */
        }
    
        #pricingTab .nav-link.active {
            font-size: 18px;    /* Fontu küçültür */
        }
    }

    /* Tablo */
    #pricingTabContent .tab-pane table {
        width: 100%;
        table-layout: fixed; /* Sabit sütun genişliği */
        border-collapse: collapse;
        overflow-x: auto;
        display: block;
        font-size: 14px;    /* Fontu küçültür */
    }
    
    #pricingTabContent .tab-pane table th,
    #pricingTabContent .tab-pane table td {
        padding: 6px;
        text-align: center;
        border: 1px solid #ddd;
        word-wrap: break-word; /* Uzun kelimeleri kır */
        white-space: normal; /* Taşmayı önlemek için normal boşluk bırak */
    }
    /* Ücretlendirme */

    /* Özellikler */
    .feature-box.gray.centered .content h1.main-title.centered {
        font-size: 25px !important; /* Fontu küçültür */
    }   

    .ozellik-container h3,
    .container-faq h3 {
        font-size: 21px;    /* Fontu küçültür */
    }

    .ozellik-container h4,
    .container-faq h4 {
        font-size: 18px;    /* Fontu küçültür */
    }
    /* Özellikler */
    
    html {
        width: auto !important;
        overflow-x: hidden !important
    }
}