/* 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: 25rem;
    }
    #rs_slider .swiper-slide .slogan {
        font-size: 1.5rem;
    }
    #rs_slider .swiper-slide .title {
        font-size: 2rem;
        white-space: normal;
    }
    #rs_slider .swiper-slide .btn {
        font-size: 1.5rem;
    }
    .rs-slide-content {
        width: 100%;
    }
    .rs-heading {
        width: 100%;
    }

    .faq-one__counter {
        margin-left: 0px;
    }
    .rs-features .row {
        gap: 2rem
    }
    .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;
    }
}

/* 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 */
}