/* ===================================
   MOBİL GENEL (≤991px)
=================================== */

@media (max-width: 991px) {

    .ust-logo {
        display: none;
    }

    .mobil-logo {
        display: block;
    }

    .mobil-logo img {
        max-width: 80px;
        max-height: 80px;
    }

    /* HEADER */
    .ozdemir-header-actions {
        justify-content: center;
        width: 100%;
    }

    .menu-alani {
        background-color: #fff;
    }

    .menu-listesi {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    .menu-listesi .nav-item {
        width: 100%;
    }

    .menu-listesi .nav-link {
        padding: 12px 0 !important;
        text-align: center;
        display: block;
        color: #000 !important;
    }

    .navbar-collapse {
        padding: 15px 0 25px;
    }

    .teklif-butonu {
        display: block;
        width: 220px;
        margin: 20px auto 0;
        text-align: center;
    }

    .ozdemir-hero-butonlar {
        justify-content: center;
    }

    .ozdemir-hero-butonlar a {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .teklif-form-col {
        padding: 0;
    }

    .teklif-form {
        border-radius: 0 !important;
    }

    .teklif-form h3 {
        font-size: 24px;
    }

    .yorum-kart {
        min-height: auto;
        padding: 20px;
    }

    .ozdemir-instagram-kutu {
        padding: 30px;
    }

    .ozdemir-instagram-content {
        padding-right: 0;
        margin-bottom: 30px;
        text-align: center;
    }

    .ozdemir-instagram-content h2 {
        font-size: 30px;
    }
}

/* ===================================
   TABLET / GALERİ (≤768px)
=================================== */

@media (max-width: 768px) {

    .galeri-kart img {
        height: 180px;
    }

    .galeri-buton {
        width: 100%;
    }
}

/* ===================================
   KÜÇÜK MOBİL (≤575px)
=================================== */

@media (max-width: 575px) {

    .yorum-kullanici img {
        width: 50px;
        height: 50px;
    }

    .yorum-kullanici h6 {
        font-size: 14px;
    }

    .yorum-kullanici span {
        font-size: 12px;
    }

    .yorum-kart p {
        font-size: 13px;
        line-height: 1.8;
    }

    .ozdemir-instagram-kutu {
        padding: 25px;
    }

    .ozdemir-instagram-content h2 {
        font-size: 24px;
    }

    .ozdemir-instagram-content p {
        font-size: 14px;
    }
}

/* ===================================
   MASAÜSTÜ (≥992px)
=================================== */

@media (min-width: 992px) {

    .ust-logo {
        display: block;
    }

    .mobil-logo {
        display: none !important;
    }
}