/* Temel mobil düzeltmeler */
@media (max-width: 768px) {
    /* Genel düzenlemeler */
    * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    html, body {
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100vw !important;
        position: relative;
        margin: 0;
        padding: 0;
    }

    /* Container düzeltmeleri */
    .container, 
    .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    /* Header düzeltmeleri */
    .header {
        width: 100% !important;
        max-width: 100vw !important;
        padding: 10px 15px !important;
    }

    #logo {
        max-width: 120px;
    }

    /* Ana içerik düzeltmeleri */
    main {
        width: 100% !important;
        overflow: hidden !important;
    }

    /* Carousel düzeltmeleri */
    #carousel-home {
        position: relative;
        height: 300px;
        width: 100%;
        overflow: hidden;
    }

    /* Owl carousel düzeltmeleri */
    .owl-carousel {
        position: relative;
        height: 100%;
    }

    .owl-stage-outer {
        width: 100% !important;
        overflow: hidden !important;
    }

    .owl-stage {
        width: 100% !important;
        transform: none !important;
    }

    .owl-item {
        width: 100% !important;
    }

    /* Slide düzeltmeleri */
    .owl-slide {
        height: 300px !important;
        background-size: cover !important;
        background-position: center !important;
    }

    /* Slider içerik düzeltmeleri */
    .opacity-mask {
        height: 100%;
    }

    /* Slider navigasyon düzeltmeleri */
    .owl-nav {
        display: none !important;
    }

    .owl-dots {
        position: absolute !important;
        bottom: 10px !important;
        width: 100% !important;
        text-align: center !important;
    }

    /* Slider içindeki container düzeltmesi */
    #carousel-home .container {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    /* Slider içindeki row düzeltmesi */
    #carousel-home .row {
        margin: 0 !important;
        width: 100% !important;
    }

    /* Banner grid düzeltmeleri */
    #banners_grid {
        width: 100% !important;
        padding: 15px !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    #banners_grid li {
        width: 100% !important;
        margin: 0 0 15px 0 !important;
    }

    .img_container {
        height: 200px !important;
    }

    /* Pattern bölümü düzeltmeleri */
    .pattern_2 {
        width: 100% !important;
        padding: 20px 15px !important;
    }

    .margin_120_100 {
        margin: 30px 0 !important;
        padding: 0 !important;
    }

    .row {
        margin: 0 !important;
        width: 100% !important;
    }

    /* Metin düzeltmeleri */
    .main_title h2 {
        font-size: 22px !important;
        line-height: 1.4 !important;
        margin-bottom: 15px !important;
    }

    p {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    /* Call section düzeltmeleri */
    .call_section {
        background-attachment: scroll !important;
        background-position: center !important;
        background-size: cover !important;
        height: auto !important;
        padding: 40px 0 !important;
        width: 100% !important;
    }

    .call_section .container {
        padding: 0 15px !important;
    }

    .call_section .box_1 {
        padding: 20px !important;
    }

    /* Footer düzeltmeleri */
    footer {
        width: 100% !important;
        padding: 20px 15px !important;
    }

    .footer_wp {
        margin-bottom: 20px !important;
        text-align: center !important;
    }

    .copy {
        text-align: center !important;
        margin: 10px 0 !important;
    }

    /* Sosyal medya düzeltmeleri */
    #social_media {
        position: fixed !important;
        bottom: 20px !important;
        right: 10px !important;
        z-index: 999 !important;
    }

    /* Modal düzeltmeleri */
    .modal-dialog {
        margin: 10px !important;
        width: auto !important;
    }

    /* Fazladan carousel'ları gizle */
    #carousel-home #carousel-home,
    #carousel-home .owl-carousel .owl-carousel {
        display: none !important;
    }

    /* Ana carousel'ı göster */
    #carousel-home > .owl-carousel {
        display: block !important;
    }

    .owl-stage-outer,
    .owl-stage,
    .owl-item {
        height: 100%;
    }

    .owl-item {
        width: 100% !important;
    }

    /* Hero section düzeltmeleri */
    .hero_single.inner_pages {
        height: 300px !important;
        background-attachment: scroll !important;
        background-position: center !important;
        background-size: cover !important;
        width: 100% !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .hero_single.inner_pages .opacity-mask {
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(0, 0, 0, 0.5) !important;
    }

    .hero_single.inner_pages .container {
        padding: 0 15px !important;
    }

    .hero_single.inner_pages h1 {
        font-size: 24px !important;
        margin-bottom: 10px !important;
        color: #fff !important;
        text-shadow: 2px 2px 4px rgba(0,0,0,0.5) !important;
    }

    .hero_single.inner_pages p {
        font-size: 16px !important;
        color: #fff !important;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
    }

    /* About içerik düzeltmeleri */
    .pattern_2 {
        padding: 30px 15px !important;
    }

    .main_title.center {
        margin-bottom: 20px !important;
    }

    .box_how {
        margin-bottom: 30px !important;
        padding: 0 15px !important;
    }

    .box_how figure {
        margin-bottom: 15px !important;
    }

    .box_how h3 {
        font-size: 18px !important;
        margin-bottom: 10px !important;
    }

    /* Call section düzeltmesi */
    .call_section.lazy {
        background-attachment: scroll !important;
        background-size: cover !important;
        background-position: center !important;
        padding: 40px 0 !important;
    }

    /* Galeri grid düzeltmeleri */
    .grid {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .magnific-gallery {
        display: flex !important;
        flex-direction: column !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .magnific-gallery li {
        width: 100% !important;
        margin: 0 0 15px 0 !important;
        padding: 0 !important;
    }

    .item {
        width: 100% !important;
        margin: 0 !important;
    }

    .item-img {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
    }

    .item-img img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        border-radius: 8px !important;
    }

    /* Galeri başlık düzeltmeleri */
    .main_title.center {
        padding: 0 15px !important;
        margin-bottom: 20px !important;
    }

    .main_title.center h2 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    .main_title.center p {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }

    /* Container spacing düzeltmesi */
    .margin_60_40 {
        margin: 30px 0 !important;
        padding: 0 15px !important;
    }

    /* Background düzeltmesi */
    .bg_gray {
        padding: 20px 0 !important;
    }

    .call_section.owl-slide.r-mobil-slider-1 {
        height: 300px !important;
        background-attachment: scroll !important;
        background-position: center !important;
        background-size: cover !important;
        width: 100% !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .call_section.owl-slide.r-mobil-slider-1 .opacity-mask {
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .call_section.owl-slide.r-mobil-slider-1 .container {
        padding: 0 15px !important;
        width: 100% !important;
    }

    .call_section.owl-slide.r-mobil-slider-1 .box_1 {
        padding: 20px !important;
        background: rgba(0, 0, 0, 0.5) !important;
        border-radius: 8px !important;
    }

    .call_section.owl-slide.r-mobil-slider-1 h2 {
        font-size: 20px !important;
        line-height: 1.4 !important;
        color: #fff !important;
        text-shadow: 2px 2px 4px rgba(0,0,0,0.5) !important;
    }

    .hero_single.owl-slide.r-mobil-slider-1 {
        height: 300px !important;
        background-attachment: scroll !important;
        background-position: center !important;
        background-size: cover !important;
        width: 100% !important;
        position: relative !important;
        overflow: hidden !important;
    }

    .hero_single.owl-slide.r-mobil-slider-1 .opacity-mask {
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .hero_single.owl-slide.r-mobil-slider-1 .container {
        padding: 0 15px !important;
        width: 100% !important;
    }
}

/* Tablet düzeltmeleri */
@media (min-width: 769px) and (max-width: 991px) {
    .container {
        max-width: 100% !important;
        padding: 0 20px !important;
    }

    .magnific-gallery li {
        width: 48% !important;
        margin: 1% !important;
    }
}

/* Genel düzeltmeler */
.lazy {
    opacity: 1 !important;
}

img {
    max-width: 100% !important;
    height: auto !important;
}

/* Genel slider stilleri */
.owl-slide {
    position: relative;
    background-size: cover;
    background-position: center;
    width: 100%;
}

.opacity-mask {
    width: 100%;
    height: 100%;
    position: relative;
}