@media screen and (max-width: 1400px) {
 
    .slider-detays {
        height: 103%;
        left: 18rem;
        width: 64%;
    }
}

@media screen and (max-width: 1200px) {
    .slider-text {
        padding: 0rem 2% !important;
    }

}


@media screen and (max-width: 1199px) {
    .incele {
        width: 49% !important;
    }
    .incele-iki {
        margin-bottom: 3rem !important;
    }
}

@media screen and (max-width: 1024px) {
    .incele {
        bottom: -1rem !important;
        width: 50% !important;
    }

    .footer-bolum {
        margin-top: 2rem !important;
    }

    .baslik {
        width: 100%;
    }

    .logos {
        padding: 1rem !important;
    }

    .yillik {
        right: 5rem;
        position: relative;
        font-family: Poppins;
        font-size: 24px;
        font-weight: 500;
        line-height: 32px;
        letter-spacing: 0em;
        text-align: left;
    }

    .sag {
        border: 10px solid;
        height: 180px;
        left: 4rem;
        border-color: rgba(227, 6, 19, 1);
        border-left: 0;
        display: flex;
        align-items: center;
        position: relative;
    }

    .yedek {
        left: 3rem;
        width: 100%;
        position: relative;
    }

    .sektor {
        left: 4rem;
        position: relative;
    }

    .er-hakkında {
        width: 45%;
        position: relative;
        left: 4rem;
    }

    .resim-düz {
        height: 15rem;
    }
    .tirs {
        height: 19rem;
        object-fit: none;
    }
    .medya-detays {
        padding-left: 1.5rem;
        margin-top: 0rem;
        margin-bottom: 4rem;
    }
}

@media screen and (max-width: 991px) {
    .er-hakkında {
        display: none;
    }

    .more-button {
        display: none;
    }

    .hamburger {
        display: block;
    }

    .medya-card {
        background: #FFFFFF;
        box-shadow: 0px 3.62791px 3.62791px rgba(0, 0, 0, 0.25);
        border-radius: 7.25581px;
    }

    .referanslar-baslik {
        padding: 0 !important;
    }

    .referanslar-text {
        padding: 0 !important;
    }

    .referanslar-text-2 {
        padding: 0 !important;
    }

    .hizmetler-video-banner {
        width: 80% !important;
    }

    .hizmetler-banner-baslik {
        margin-top: 3rem;
        text-align: center !important;
    }

    .hizmetler-banner-text {
        margin-top: 1rem;
    }

    .hakkimizda-text-1, .hakkimizda-text-2 {
        padding: 0 !important;
    }

    .progress-line::after {
        display: none;
    }

    .politika-baslik {
        text-align: center;
        margin-top: 1rem;
    }

    .politika-text {
        text-align: center;
        padding-right: 0;
    }

    .footer-bl-2 {
        padding-left: 0 !important;
    }

    .footer-bolum {
        margin-top: 2rem;
    }

 

    .medya-detays {
        padding-top: 2% !important;
    }

    .homecoz-text {
        display: none;
    }

    .homecoz-baslik, .homecoz {
        text-align: center;
    }

    .home-card-icon-color-2 {
        display: block;
        justify-content: center;
    }

    .home-card-icon-color {
        display: none;
    }

    .icons {
        display: flex;
        justify-content: center;
    }

    .home-card-baslik {
        text-align: center;
    }

    .home-card-text {
        text-align: center;
    }

    .ana-resim-label {
        margin-top: -36rem;
    }

    .ana-resim {
        height: 119vh;
    }

    .uretici, .guven, .ana-resim-detay {
        text-align: start;
    }
    .hizmets {
        min-height: 13rem !important;
        text-align: center !important;
    }
    .iletisime{
        margin-top:-3rem !important;
    }
}

@media screen and (max-width: 767px) {
   
    .incele-iki {
        bottom: -6rem !important;
    }
    .medya-detays {
        margin-bottom: 6rem !important;
    }
    .medya-detays {
        margin-top: -5rem !important;
    }
    .cards-boyutlanma {
        max-height: 43rem !important;
        min-height: 26rem;
    }
    .card-img-boyutlanma {
        max-height: 20rem !important;
        min-height: 20rem !important;
    }
    .detayli {
        margin-top: -5rem;
    }
}

@media screen and (max-width: 768px) {
    
    .medya-detays{
        padding-top:8rem !important;
    }
    .medya-card {
        background: #FFFFFF;
        border-top: 0.926977px solid #E30613 !important;
        border-radius: 7.25581px;
    }

    .tarih {
        margin-top: -35px !important;
        border-radius: 7.26px !important;
    }

    .medya-img {
        padding: 16.33px;
        border-radius: 2rem;
    }

    .logos {
        padding: 2rem !important;
    }

    .yillik {
        right: 6.5rem;
        position: relative;
        font-family: Poppins;
        font-size: 24px;
        font-weight: 500;
        line-height: 32px;
        letter-spacing: 0em;
        text-align: left;
    }

    .sag {
        border: 10px solid;
        height: 180px;
        left: 7rem;
        border-color: rgba(227, 6, 19, 1);
        border-left: 0;
        display: flex;
        align-items: center;
        position: relative;
    }

    .er-hakkında {
        width: 18%;
    }

    .sag {
        left: 19rem;
        position: relative;
    }

    .sol {
        left: 12rem;
        position: relative;
    }

    .yedek {
        text-align: center;
        left: 0;
    }

    .sektor {
        left: 0;
        text-align: center;
    }

    .resim-düz {
        height: 14rem;
    }

    .ana-resim-label {
        margin-top: -35rem;
    }

    .ana-resim {
        height: 125vh;
    }
}

@media screen and (max-width: 600px) {
    .medya-detays {
        margin-top: 2rem !important;
    }
}


@media screen and (max-width: 425px) {
    .medya-detays {
        padding-left: 1.5rem !important;
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .sag {
        border: 10px solid;
        height: 180px;
        left: 12rem;
        border-color: rgba(227, 6, 19, 1);
        border-left: 0;
        display: flex;
        align-items: center;
        position: relative;
    }

    .sol {
        border: 10px solid;
        height: 180px;
        position: relative;
        border-right: 0;
        border-color: rgba(227, 6, 19, 1);
        display: flex;
        align-items: center;
        left: 2rem;
    }

    .yillik {
        right: 7.5rem;
        position: relative;
        font-family: Poppins;
        font-size: 24px;
        font-weight: 500;
        line-height: 32px;
        letter-spacing: 0em;
        text-align: left;
    }

    .yedek, .sektor {
        left: 0;
        text-align: center;
    }

    .resim-düz {
        height: 25rem;
        object-fit: cover;
    }

    .asagi {
        margin-top: 12rem !important;
    }

    .home-düz-resim-text {
        top: 35%;
    }

    .ana-resim-label {
        margin-top: -28rem;
    }
    .medya-detays {
        padding-left: 1.5rem;
        margin-top: -5rem;
        margin-bottom: 1rem;
        padding-top: 3rem;
    }
}

@media screen and (max-width: 412px) {
  
    .attac {
        height: 20rem;
    }
    .iletisime {
        bottom: -5rem !important;
    }
    .hizmets {
        font-size: 19px !important;
        padding-top: 2rem;
    }
}

@media screen and (max-width: 375px) {
    .faydalanmak {
        padding: 2rem;
    }
}

@media screen and (max-width: 375px) {
  

    .sag {
        border: 10px solid;
        height: 180px;
        left: 10rem;
        border-color: rgba(227, 6, 19, 1);
        border-left: 0;
        display: flex;
        align-items: center;
        position: relative;
    }

    .sol {
        border: 10px solid;
        height: 180px;
        position: relative;
        border-right: 0;
        border-color: rgba(227, 6, 19, 1);
        display: flex;
        align-items: center;
        left: 2rem;
    }

    .oniki {
        left: 0;
        position: relative;
    }

    .yillik {
        right: 7.5rem;
        position: relative;
        font-family: Poppins;
        font-size: 24px;
        font-weight: 500;
        line-height: 32px;
        letter-spacing: 0em;
        text-align: left;
    }

    .ana-resim-label {
        margin-top: -25rem;
    }

    .ana-resim {
        height: 130vh;
    }
}


@media screen and (max-width: 320px) {
    .sol {
        left: 0rem;
    }

    .sag {
        left: 8rem;
    }

    .ana-resim-label {
        margin-top: -22rem;
    }

    .ana-resim {
        height: 137vh;
    }
}

@media screen and (max-width: 280px) {

    .attac {
        height: 24rem;
    }
    
}