/* Mobil cihazlar için (320px - 480px) */
@media screen and (min-width: 320px) and (max-width: 480px) {
    
    /* Mobil cihazlar için özel stiller */
    #rs_slider .swiper-slide {
        height: 40rem;
    }

    #rs_slider .swiper-slide .slogan {
        font-size: 1.5rem;
    }

    #rs_slider .swiper-slide .title {
        font-size: 1.5rem;
        white-space: normal;
        text-align: left;
    }

    .rs-slide-content {
        max-width: 100%;
        width: 100%;
        padding: 2.7rem 2.7rem 0 2.7rem;
        top: 50%;
    }

    .rs-slide-content  p {
        overflow-wrap: break-word;
        word-break: break-word;
        white-space: normal;
        color: #fff;
        font-weight: 500;
        text-align: left;
        font-size: 1rem;
    }
    .rs-heading {
        width: 100%;
    }

    .faq-one__counter {
        margin-left: 0px;
    }

    .about-two__content-middle {
        flex-direction: column;
        gap: 2rem;
    }

    .about-two__content {
        margin-left: 0px;
    }

    .about-two .row {
        gap: 2rem;
    }

    .thm-btn {
        width: 100%;
        text-align: center;
    }

    .about-two__counter-box, .about-two__content-list {
        width: 100%;
    }

    .rs-footer-menu .rs-footer-title {
        margin-bottom: 10px;
    }

    .rs-footer-menu {
        margin: 30px 0;
    }

    .rs-footer-menu:first-child {
        margin-top: 0;
    }

    .widget-area {
        padding: 40px 20px;
    }

    .rs-footer-wrapper {
        background-image: none;
    }

    .rs-card-area .card-title {
        font-size: 1rem;
    }

    .faq-one__counter-single-content .count-box h2 {
        font-size: 2.25rem;
    }

    .faq-one__counter-single-content p {
        margin-bottom: 0px;
    }

    .rs-header-menu .contact, .rs-features-inner ul li {
        display: none;
    }

    .rs-features-inner p {
        font-size: 0.8rem;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1.2;
    }
    .rs-heading p {
        font-size: 1rem;
    }
    .rs-heading h2 {
        font-size: 1.4rem;
    }

    .ronse-logo a img {
        width: var(--ronse-menu-logo-genisligi);
    }

    .rs-features-inner {
        padding: 2rem 1rem 1rem 1rem;
    }

    .rs-features-inner h2 {
        font-size: 1rem;
    }

    .rs-features-inner .btn-box {
        margin-bottom: 0.8rem;
    }

    .rs-features-single .icon-box {
        width: 3.625rem;
        height: 3.3125rem;
    }

    .rs-features-single .icon-box span::before {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }

    .footer-top .social-media .info {
        width: auto;
    }
}

/* Tablet ve küçük ekranlar için (481px - 768px) */
@media screen and (min-width: 481px) and (max-width: 768px) {
    /* Tablet cihazlar için özel stiller */
    .faq-one__counter {
        margin-left: 0px;
    }
}

/* Küçük ekranlar ve laptoplar için (769px - 1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    /* Küçük ekranlar için özel stiller */
}

/* Masaüstü ve büyük ekranlar için (1025px - 1200px) */
@media screen and (min-width: 1025px) and (max-width: 1200px) {
    /* Masaüstü ekranlar için özel stiller */
}

/* Büyük ekranlar için (1201px ve üzeri) */
@media screen and (min-width: 1201px) {
    /* Büyük ekranlar için özel stiller */
}

/* Yüksek çözünürlüklü ekranlar için */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi) {
    /* Retina ve yüksek çözünürlüklü ekranlar için özel stiller */
}

/* Yatay mod için */
@media screen and (orientation: landscape) {
    /* Yatay mod için özel stiller */
}

/* Dikey mod için */
@media screen and (orientation: portrait) {
    /* Dikey mod için özel stiller */
}