@media (min-width: 1200px){
    #references .container .col{
        width: 20% !important;
    }
}

@media (max-width: 1200px){
    #references h2.small-title-gray{
        font-size: 15px;
    }
}

@media (max-width: 1199px){
    #references .sub-title{
        font-size: 26px;
    }
}

@media (max-width: 1024px){
    #references h2.small-title-gray{
        font-size: 14px;
    }
    #references figure{
        padding: 0 !important;
    }
}

@media (max-width: 991px){
    #references .container{
        text-align: center;
    }
    #references .references-bottom{
        margin-bottom: 1rem;
    }
    #references .section-title{
        margin-bottom: 1rem !important;
    }
}

@media (min-width: 768px){
}

@media (max-width: 767px){
    #references .section-title{
        font-size: 22px;
        margin-bottom: 0.5rem !important;
    }
    #references figure img{
        width: 100%;
    }
}

@media (max-width: 575px){
    #anasayfa h2.small-title-blue,
    #anasayfa h2.small-title-gray{
        margin-bottom: .25rem !important;
    }
    #references .col-sm-6{
        width: 50%;
        flex: 0 0 auto;
    }
}

@media (max-width: 480px){
    #references .col-sm-6{
        width: 100%;
    }
    #references figure img{
        width: 70%;
    }
}

@media (max-width: 425px){
    #references figure img{
        width: 60%;
    }
    #references .col-sm-6{
        width: 100% !important;
    }
}