@media screen and (min-width:576px) and (max-width:1500px) {
     .profil-left{
         width: 100%;
         display: flex;
         justify-content: space-between;
     }
    .profil-bilgileri,
    .proje-yönetimi,
    .profil-yetenekler{
        width: 30% !important;
        height: 100% !important;
    }
    /*profil-bilgileri*/
    .profil-bilgileri svg{
        width: 35px;
        height: 35px;
    }
    .profil-bilgileri img{
        width: 120px !important;
    }
    .profil-bilgileri img~h4{
        font-size: 18px;
    }
    /*proje-yönetimi*/
    .proje-yönetimi .swiper-pagination{
        margin-bottom: 20px;
    }
    .proje-yönetimi .swiper-pagination-bullet {
        margin: 10px 0px !important;
    }
    /*profil-right*/
    .profil-right{
        width: 100%;
        margin-top: 2rem;
        margin-bottom: 0px !important;
    }
    .profil-right .swiper-slide{
        justify-content: center !important;
    }
    .profil-right .card{
        width: 100% !important;
    }
    /*swiper-takım*/
    .takim-card .card{
        width: 95% !important;
        /*width: 50% !important;*/
    }
}
@media screen and (max-width: 992px) {
    .profil-bilgileri,
    .proje-yönetimi,
    .profil-yetenekler{
        width: 32.5% !important;
    }
}
@media screen and (max-width:767.98px){
    .detay .card{
        width: 100%;
    }
    .profil-bilgileri,
    .proje-yönetimi{
        width: 32.5% !important;
        height: auto !important;
    }
    .profil-yetenekler .progress{
        margin-bottom: 1.05rem;
    }
    /*profil-bilgileri*/
    .profil-bilgileri svg{
        width: 30px !important;
        height: 30px !important;
    }
    .profil-bilgileri img{
        width: 90px !important;
    }
    .profil-bilgileri img~h4{
        font-size: 15px;
    }
    /*proje-yönetimi*/
    .proje-yönetimi .swiper-pagination{
        margin-bottom:0px;
    }
    .proje-yönetimi .swiper-pagination-bullet {
        margin: 5px 0px !important;
    }
}
@media screen and (max-width: 650px) {
    .profil-left{
        flex-direction: column !important;
    }
    .profil-bilgileri,
    .proje-yönetimi,
    .profil-yetenekler{
        width: 100% !important;
    }
}
@media screen and (max-width: 575.98px) {
    .takim-card .card{
        width: 100% !important;
    }
    .proje-takim .btn svg{
        width: 17px;
        height: 17px;
    }
}