.banner{
    background-color: #F4F8FB;
    padding: 50px;
    padding-left: 0% !important;
    padding-right: 0% !important;
}

.navbar-logo{
    margin-left: 5rem;
}

.hizmet-title{
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    letter-spacing: 0em;
    color: #344054;
    margin-bottom: 8px;
}
.hizmet-dec{
    text-decoration: none;
    color: #152037;
}
.banner-detay{
    font-family: Poppins;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    letter-spacing: 0em;
    color: #707B93;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.link{
    text-decoration: none;
    color: #707B93;
}

.medyacard{
    box-shadow: 0px 0px 107.80000305175781px 0px #15203714;

}

.mediaresim{
    padding: 30px 0px 30px 30px;
}

.mediatext{
    width: 298px;
    font-family: Poppins;
    padding-top: 4rem;
}


.gun{
    font-size: 13px;
    color: #C70000;
}

.baslik{
    font-size: 18px;
    font-weight: bold;
    color: #152037;   
}

.medyadetaybuton{
    padding-top: 1rem;
}

.mediadetaybuton{
    text-decoration: none;
    color: #152037;
}

.medyabuton{
    width: 16%;
    color: #000000;
    background: transparent;
    border: 1px solid #C70000;
    padding: 13px 42px;
    font-family: Poppins;
    transition: .4s;
}

.medyabuton:hover{
    background-color: #C70000;
    color: #fff;
    transition: .4s;
}

@media only screen and (width <= 1920px) {
    .mediaresim{
        width: 100%;
    }
}

@media only screen and (width <= 1524px) {
    .mediatext {
        width: 280px;
        font-size: 14px;
        font-family: Poppins;
        padding-top: 2rem;
    }
    .mediaresim{
        width: 100%;
    }
}


@media only screen and (width <= 1440px) {
    .mediatext>p {
        width: 83%;
        font-size: 14px;
    }

    .baslik {
        font-size: 16px;
        font-weight: bold;
        color: #152037;
    }

    .mediatext {
        width: 274px;
        font-size: 14px;
        font-family: Poppins;
        padding-top: 2rem;
    }
}

@media only screen and (width <= 1199px) {
    .baslik {
        font-size: 14px;
        font-weight: bold;
        color: #152037;
    }
    .mediatext {
        width: 100%;
        font-size: 12px;
        font-family: Poppins;
        padding-top: 2rem;
    }
    .gun {
        font-size: 11px;
        color: #C70000;
    }
    .medyadetaybuton{
        padding-top: 0rem;
    }
    .img-title{
        font-size: 14px;
    }
    .footerbottom {
        padding-left: 0px;
        padding-right: 0px;
        font-size: 14px;
    } 
    .mediaresim{
        height: 100%;
        object-fit: cover;
    }
}

@media only screen and (width <= 1024px) {
    
    .mediatext>p {
        width: 100%;
        font-size: 14px;
    }
    .mediatext>p {
        width: 100%;
        font-size: 12px;
    }
    .mediadetaybuton {
        text-decoration: none;
        color: #152037;
        font-size: 12px;
    }
    .footerbottom {
        padding-left: 0px;
        padding-right: 0px;
        font-size: 9px;
    } 
    .navbar-iletisim-text{
        padding: 6px 12px;
    }
    .footerLink{
        display: flex;
        flex-direction: column;
        row-gap: 1rem;
        align-items: center;
        text-align: center;
        justify-content: none;
    }
    .navbar-logo{
        margin-left: 0px;
    }
}

@media only screen and (width <= 991px) {
    
    .mediatext{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .medyadetaybuton{
        padding-bottom: 1rem;
    }
    .medyadetaybuton img{
        margin-left: 1rem;
    }
    

    .mediaresim{
        height: auto;
    }
    .gun {
        font-size: 15px;
        color: #C70000;
    }
    .baslik {
        font-size: 17px;
        font-weight: bold;
        color: #152037;
    }
    .mediatext {
        width: 100%;
        font-size: 15px;
        font-family: Poppins;
        padding-top: 2rem;
    }
    .mediaresim {
        padding: 30px 30px 30px 30px;
    }
    .medyabuton {
        width: 27%;
        background: transparent;
        border: 1px solid #C70000;
        padding: 13px 42px;
        font-family: Poppins;
        transition: .4s;
    }
}

@media only screen and (width <= 568px) {
    
    

    .mediatext {
        width: 100%;
        font-size: 12px;
        font-family: Poppins;
        padding-top: 2rem;
    }
    .gun {
        font-size: 12px;
        color: #C70000;
    }
    .baslik {
        font-size: 15px;
        font-weight: bold;
        color: #152037;
    }
    .row{
        row-gap: 0.5rem;
    }
    .medyabuton {
        width: 37%;
        background: transparent;
        border: 1px solid #C70000;
        padding: 8px 37px;
        font-family: Poppins;
        transition: .4s;
    }
}

@media only screen and (width <= 430px) {
    .medyabuton {
        width: 37%;
        background: transparent;
        border: 1px solid #C70000;
        padding: 7px 15px;
        font-family: Poppins;
        transition: .4s;
        height: 50px;
    }
}