@media only screen and (min-width: 968px) and (max-width: 1280px) {
    .one-cikan-video .swiper-wrapper {
        height: 345px;
    }

    .kucuk-videolar .swiper-slide img, .kucuk-videolar .swiper-slide {
        height: 35px;
    }

    .btn {
        font-size: 14px;
    }

    .haber-detay h3 {
        font-size: 25px;
    }

    .bd-sosyal-medya {
        gap: 6px;
    }
}

@media only screen and (min-width: 300px) and (max-width: 768px) {
    .ronse-menu-icerikleri {
        padding: 10px;
    }

    .rs-header-menu .contact {
        display: none;
    }

    .ronse-logo img {
        width: 210px;
    }

    #RonseBannerSlider .swiper-slide img {
        height: 40vh !important;
    }

    .one-cikan-video .swiper-wrapper, .noktali .swiper-wrapper {
        height: 300px;
    }

    .kucuk-videolar .swiper-slide img, .kucuk-videolar .swiper-slide {
        height: 27px;
    }

    .haber-detay h3 {
        font-size: 22px;
    }

    .bd-sosyal-medya .btn {
        font-size: 14px;
        padding: 3px 5px;
    }

    .rs-mayor h5 {
        font-size: 17px;
    }

    .bd-sosyal-medya {
        gap: 6px;
    }

    .rs-slider-menu, .ronse-tum-icerik-butonu {
        display: none;
    }

    .rs-slide-content {
        max-width: 100%;
        left: 10px;
        right: 10px;
        transform: none;
        gap: 5px;
    }

    #RonseBannerSlider .swiper-slide .title, #RonseBannerSlider .swiper-slide .slogan {
        font-size: 1.3rem;
        white-space: normal;
    }

    .ronse-padding-yatay {
        padding: 15px;
    }

    .projects-footer .title {
        font-size: 15px;
        max-height: 40px;
    }

    .nav-tabs {
        padding: 0px !important;
    }

    .ronse-tabs-mobil {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .ronse-tabs-mobil .nav-item {
        flex: 1 1 calc(50% - 10px);
        box-sizing: border-box;
    }

    .nav-tabs .nav-link {
        padding: 5px;
    }

}