/* Mobil - Telefon */
@media (max-width: 480px) {
    .bg-bordo {
        flex-direction: column;
        align-items: center;
        padding: 10px;
    }

    .logo-konteyner, .baslik-paragraf {
        justify-content: center;
        text-align: center;
        margin-right: 0;
        padding: 5px;
    }

    .dropdown {
        display: block;
        text-align: right;
        margin: 5px;
    }

    .menu-konteyner {
        display: none;
    }

    img.responsive-img {
        max-width: 100%;
    }

    .satir-container {
        flex-wrap: wrap;
    }

    /* adam1 ve adam2 resimlerini gizle */
    .satir-container .resim-div {
        display: none !important;
    }

    .icerik-container .resim-kutu {
        display: none !important;
    }

    /* Metinlerin hizasını ve genişliğini düzelt */
    .sol-kisim, 
    .metin-kutu {
        flex: 100%;
        width: 100%;
        text-align: center;
        padding: 0 15px;
    }

    /* Satır yapısını bozup alt alta dizilmesini garantiye al */
    .satir-container, 
    .icerik-container {
        flex-direction: column;
        width: 100%;
    }
    
    /* Metin kutusunun masaüstündeki sağa dayalı halini eziyoruz */
    .metin-kutu {
        text-align: center; 
        margin-top: 10px;
    }

    .btn-menu {
        font-size: 14px;
        padding: 8px 16px;
    }

    .radyator-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .radyator-resimler {
        order: 2;
        justify-content: center;
        margin-top: 20px;
    }

    .radyator-bilgiler {
        order: 1;
    }

       h2, h3, h4 {
        text-align: center;
    }

    .radyator-resimler img {
        max-width: 80%;
    }

    .radyator-navigasyon {
    justify-content: center;
    }

     .radyator-buton {
    text-align: center;
    }   
}

/* Tablet */
@media (min-width: 481px) and (max-width: 1200px) {
    .logo-konteyner, .baslik-paragraf {
        justify-content: center;
        text-align: center;
        margin-right: 0;
    }

    .dropdown {
        display: block;
        text-align: right;
        margin: 5px;
    }

    .menu-konteyner {
        display: none;
    }

    img.responsive-img {
        max-width: 100%;
    }

    /* adam1 ve adam2 resimlerini tablet'te de gizle */
    .satir-container .resim-div {
        display: none !important;
    }

    .icerik-container .resim-kutu {
        display: none !important;
    }

    /* Metinlerin tam genişlik alması için */
    .sol-kisim, 
    .metin-kutu {
        flex: 100%;
        width: 100%;
    }

    .satir-container, 
    .icerik-container {
        flex-direction: column;
    }

    .btn-menu {
        font-size: 18px;
        padding: 10px 20px;
    }
}

/* Büyük Ekran */
@media (min-width: 1201px) and (max-width: 1600px) {
    .desktop-menu-konteyner {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-right: 20px;
    }

    .ozel-jumbotron {
        width: 100%;
        margin-right: 0;
    }

    img.responsive-img {
        max-width: 100%;
        height: auto;
    }
}

/* Daha Büyük Ekran */
@media (min-width: 1601px) {
    .desktop-menu-konteyner {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-right: 20px;
    }

    .ozel-jumbotron {
        width: 100%;
        margin-right: 0;
    }

    img.responsive-img {
        max-width: 100%;
        height: auto;
    }
}