#izbb-footer {
    background-image: url(../images/new-footer-images/new-footer-background.jpg);
    padding: 30px 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.izbel-tutucuwrap {
    padding-left: 277px;
    padding-right: 277px;
}

    #izbb-footer .footer-flex-col {
        display: flex;
        flex-direction: column;
    }

    #izbb-footer .footer-contack-icon {
        margin-bottom: 25px;
        display: flex;
        align-items: center;
    }

        #izbb-footer .footer-contack-icon span {
            color: #fff;
            font-size: 14px;
            font-weight: 400;
            line-height: 22px;
        }

        #izbb-footer .footer-contack-icon a {
            color: #fff;
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
        }

        #izbb-footer .footer-contack-icon img {
            margin-right: 15px;
        }

    #izbb-footer .izbb-footer-social {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    #izbb-footer .izbb-footer-social-sv2 img {
        width: 32px;
    }

    #izbb-footer .izbb-footer-social img {
        width: 32px;
        margin-right: 4px;
    }

    #izbb-footer .izbb-footer-social a {
        margin-left: 3px;
    }

        #izbb-footer .izbb-footer-social a:first-child {
            margin-left: 0;
        }


    #izbb-footer .izbb-footer-social-v2 {
        margin-top: 25px;
        display: flex;
        align-items: center;
    }


    #izbb-footer .footer-adress-flex {
        display: flex;
        align-items: flex-start;
    }


    #izbb-footer .izbb-footer-social-v2 a {
        margin-left: 8px;
    }

        #izbb-footer .izbb-footer-social-v2 a:first-child {
            margin-left: 0;
        }

    #izbb-footer .footer-contack-icon:last-child {
        margin-bottom: 0px
    }

    #izbb-footer .izbb-footer-social-v2 .footer-bize-ulasin {
        max-width: 100%;
        background-color: #fff;
        margin-right: 0;
        display: flex;
        width: 150px;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: rgba(0, 71, 132, 1);
        border-radius: 20px;
        height: 42px;
        font-weight: 600;
        font-size: 14px;
    }

@media (max-width: 1600px) {
    .izbel-tutucuwrap {
        padding-left: 90px;
        padding-right: 90px;
    }
}

    @media (max-width: 1200px) {
        .izbel-tutucuwrap {
            padding-left: 40px;
            padding-right: 40px;
        }

        #izbb-footer .footer-flex-col {
            margin-top: 20px;
        }
    }

    @media (max-width: 768px) {
        .izbel-tutucuwrap {
            padding-left: 15px;
            padding-right: 15px;
        }

        #izbb-footer .footer-contack-icon {
            justify-content: center;
            margin-bottom: 15px;
        }

        #izbb-footer .footer-flex-col {
            align-items: center;
        }

        #izbb-footer .izbb-footer-social-v2 {
            width: 290px;
        }

        #izbb-footer .izbb-footer-social {
            width: 290px;
        }

        #izbb-footer .footer-contack-icon span {
            text-align: center;
        }

        #izbb-footer .footer-adress-flex {
            max-width: 290px;
        }

        #izbb-footer {
            padding: 0px 0px 30px;
        }

            #izbb-footer .izbb-footer-social {
                justify-content: center;
            }

            #izbb-footer .izbb-footer-social-v2 {
                justify-content: center;
            }
    }

    /* Temel Row Yapısı (Eğer mevcut row sınıfların flex değilse bunu kullanabilirsin) */
    .custom-row {
        display: flex;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    /* Ortak Kolon Özellikleri */
    [class*="col-"] {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    /* --- Responsive Kırılmalar --- */

    /* Küçük Cihazlar (Small - ≥576px) */
    @media (min-width: 576px) {
        .col-sm-1 {
            flex: 0 0 8.333333%;
            max-width: 8.333333%;
        }

        .col-sm-2 {
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
        }

        .col-sm-4 {
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }

        .col-sm-6 {
            flex: 0 0 50%;
            max-width: 50%;
        }

        .col-sm-12 {
            flex: 0 0 100%;
            max-width: 100%;
        }
    }

    /* Orta Cihazlar (Medium - ≥768px) */
    @media (min-width: 768px) {
        .col-md-1 {
            flex: 0 0 8.333333%;
            max-width: 8.333333%;
        }

        .col-md-4 {
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }

        .col-md-6 {
            flex: 0 0 50%;
            max-width: 50%;
        }

        .col-md-12 {
            flex: 0 0 100%;
            max-width: 100%;
        }
    }

    /* Büyük Cihazlar (Large - ≥992px) */
    @media (min-width: 992px) {
        .col-lg-1 {
            flex: 0 0 8.333333%;
            max-width: 8.333333%;
        }

        .col-lg-3 {
            flex: 0 0 25%;
            max-width: 25%;
        }

        .col-lg-4 {
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }

        .col-lg-6 {
            flex: 0 0 50%;
            max-width: 50%;
        }

        .col-lg-12 {
            flex: 0 0 100%;
            max-width: 100%;
        }
    }

    /* Ekstra Büyük Cihazlar (Extra Large - ≥1200px) */
    @media (min-width: 1200px) {
        .col-xl-1 {
            flex: 0 0 8.333333%;
            max-width: 8.333333%;
        }

        .col-xl-2 {
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
        }

        .col-xl-3 {
            flex: 0 0 25%;
            max-width: 25%;
        }

        .col-xl-4 {
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }

        .col-xl-6 {
            flex: 0 0 50%;
            max-width: 50%;
        }

        .col-xl-12 {
            flex: 0 0 100%;
            max-width: 100%;
        }
    }