@media (max-width: 767px) {
    .header-layout2 .logo-bg {
        width: 55%;
    }

    .header-layout2 .menu-bg {
        width: 55%;
    }

    .header-logo img {
        max-height: 50px;
        max-width: 160px;
    }

    footer {
        background-image: none !important;
    }

    .footer-wrapper .widget-area {
        padding: 20px;
    }

    .footer-widget {
        margin-bottom: 30px;
    }

    .ronse-tum-icerik-butonu .ronse-tum-icerik-butonu-iki {
        display: none;
    }

    .ronse-icerik-listeleme .ronse-icerik-listeleme-baslik {
        font-size: 1em;
    }
}

@media (max-width: 575px) {

    .mobil-padding {
        padding: 0px !important;
        margin-top: 20px;
    }

    .grid-tasarim2 a .icerik-baslik {
        font-size: 15px;
        line-height: 17px;
    }

    .buyuk-alan a span.icerik-baslik {
        font-size: 1.5em;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 24px !important;
        height: 24px !important;
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 12px !important;
    }

    .video-small-post-wrap {
        padding-left: 0px;
    }

    .video-post-item.small-post {
        display: inline-block;
    }

    .video-post-item.small-post .video-post-thumb {
        width: 100%;
        height: 200px;
    }

    .video-small-post-wrap::before {
        width: 0px;
    }

    .haber-detay a h3 {
        font-size: 1.2em;
        margin-bottom: 0px;
        letter-spacing: 0px;
        padding-bottom: 20px;
    }

    .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }

    .ronse-tum-icerik-butonu .ronse-tum-icerik-butonu-iki {
        display: none;
    }

    .header-layout2 .logo-bg {
        width: 57%;
    }

    .header-layout2 .menu-bg {
        width: 57%;
    }

    .breadcumb-wrapper {
        padding: 50px 0;
        text-align: center;
    }

    .breadcumb-title {
        font-size: 34px;
    }

    .info-box_text {
        font-size: 13px;
        line-height: 16px;
    }

    .footer-layout3 .copyright-wrap .copyright-text, .copyright-wrap {
        text-align: center;
    }

    .numarali .slider-content {
        width: 100%;
        left: 0;
        right: 0;
        padding: 20px;
    }

    .numarali .swiper-slide, .one-cikan-video .swiper-wrapper, .noktali .swiper-wrapper {
        height: 25vh;
    }

    .slider-content p {
        display: none;
    }

    .numarali .slider-content h1, .numarali .slider-content p {
        line-height: 1.2;
    }

    .one-cikan-video .swiper-slide, .video-list {
        width: 100%;
    }

    .video-list {
        padding: 0px 10px 0 0;
        margin-top: 10px;
    }

    .one-cikan-video iframe, .one-cikan-video {
        height: 100% !important;
        width: 100% !important;
    }

    .grid-ust-alan {
        display: inline-block !important;
    }

    .yan-haberler {
        margin-top: 20px;
    }

    .menu-area form {
        display: none !important;
    }

    /** Yazar Listesi **/
    .yazar-bilgileri {
        display: block;
        text-align: center;
    }

    .yazar-bilgileri {
        padding: 20px;
    }

    .yazar-bilgileri .yazar-gorseli {
        border-radius: 5px;
        object-fit: cover;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .haber-detay-alani h1 {
        font-size: 1.7em;
        line-height: 1.2;
    }

    .haber-ust-alani p {
        font-size: 1em;
        line-height: 1.3;
    }

    .ronse-footer-menusu .ronse-footer-baslik {
        margin-top: 30px;
    }

    .ronse-slider-detay h3 {
        font-size: 1.4em;
    }

    img.haber-detay-gorseli {
        height: 265px !important;
        border-radius: 0px !important;
    }

    .ronse-icerik-listeleme .ronse-icerik-listeleme-baslik {
        font-size: 1em;
    }
}

@media (max-width: 375px) {

    .tam-genislik .swiper-pagination-bullet {
        height: 10px;
        width: 20px;
    }

    .mobil-padding {
        padding: 0px !important;
        margin-top: 20px;
    }

    .ronse-icerik-listeleme .ronse-icerik-listeleme-baslik {
        font-size: 1em;
    }

    img.haber-detay-gorseli {
        height: 27vh !important;
    }

    .grid-tasarim2 a .icerik-baslik {
        font-size: 15px;
        line-height: 17px;
    }

    .buyuk-alan a span.icerik-baslik {
        font-size: 1.5em;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 30px !important;
        height: 30px !important;
    }

    .video-small-post-wrap {
        padding-left: 0px;
    }

    .video-post-item.small-post {
        display: inline-block;
    }

    .video-post-item.small-post .video-post-thumb {
        width: 100%;
        height: 200px;
    }

    .video-small-post-wrap::before {
        width: 0px;
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 12px !important;
    }

    .surmanset {
        display: none;
    }

    .swiper-slide .haber-detay {
        padding: 10px 10px 60px 20px;
    }

    .haber-detay a h3 {
        font-size: 1.2em;
        margin-bottom: 0px;
        letter-spacing: 0px;
    }

    .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }

    .ronse-tum-icerik-butonu .ronse-tum-icerik-butonu-iki {
        display: none;
    }

    .header-layout2 .logo-bg {
        width: 60%;
    }

    .header-layout2 .menu-bg {
        width: 60%;
    }

    .breadcumb-title {
        font-size: 26px;
    }

    .info-box_text {
        font-size: 13px;
        line-height: 16px;
    }

    .footer-layout3 .copyright-wrap .copyright-text, .copyright-wrap {
        text-align: center;
    }

    .numarali .slider-content {
        width: 100%;
        left: 0;
        right: 0;
        padding: 20px;
    }

    .numarali .swiper-slide, .one-cikan-video .swiper-wrapper, .noktali .swiper-wrapper {
        height: 40vh;
    }

    .slider-content p {
        display: none;
    }

    .numarali .slider-content h1, .numarali .slider-content p {
        line-height: 1.2;
    }

    .grid-ust-alan {
        display: inline-block !important;
    }

    .yan-haberler {
        margin-top: 20px;
    }

    .menu-area form {
        display: none !important;
    }

    /** Yazar Listesi **/
    .yazar-bilgileri {
        display: block;
        text-align: center;
    }

    .yazar-bilgileri {
        padding: 20px;
    }

    .yazar-bilgileri .yazar-gorseli {
        border-radius: 5px;
        object-fit: cover;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .haber-detay-alani h1 {
        font-size: 1.5em;
    }

    img.haber-detay-gorseli {
        height: 27vh !important;
    }
}

@media (max-width: 400px) {

    .mobil-padding {
        padding: 0px !important;
        margin-top: 20px;
    }

    .ronse-icerik-listeleme .ronse-icerik-listeleme-baslik {
        font-size: 1em;
    }

    img.haber-detay-gorseli {
        height: 27vh !important;
    }

    .grid-tasarim2 a .icerik-baslik {
        font-size: 15px;
        line-height: 17px;
    }

    .video-small-post-wrap {
        padding-left: 0px;
    }

    .video-post-item.small-post {
        display: inline-block;
    }

    .video-post-item.small-post .video-post-thumb {
        width: 100%;
        height: 200px;
    }

    .video-small-post-wrap::before {
        width: 0px;
    }

    .swiper-button-next, .swiper-button-prev {
        width: 30px !important;
        height: 30px !important;
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 12px !important;
    }

    .ronse-baslik-kapsayicisi .title {
        font-size: 15px;
        padding: 4px 12px;
    }

    .ronse-tum-icerik-butonu {
        display: none;
    }

    .grid-tasarim2 a .icerik-baslik {
        font-size: 13px;
        line-height: 1.2;
    }

    .buyuk-alan a span.icerik-baslik {
        font-size: 1.5em;
    }

    .surmanset {
        display: none;
    }

    .swiper-slide .haber-detay {
        padding: 10px 20px;
    }

    .haber-detay a h3 {
        font-size: 1em;
        margin-bottom: 0px;
        letter-spacing: 0px;
    }

    .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }

    .ronse-tum-icerik-butonu .ronse-tum-icerik-butonu-iki {
        display: none;
    }

    .th-menu-wrapper .th-menu-area {
        width: 100%;
        max-width: 330px;
    }

    .th-mobile-menu > ul {
        padding: 0 20px;
    }

    .footer-layout3 .copyright-wrap .copyright-text, .copyright-wrap {
        text-align: center;
    }

    .numarali .slider-content {
        width: 100%;
        left: 0;
        right: 0;
        padding: 20px;
        position: relative;
        top: 30px;
    }

    .numarali .swiper-slide, .one-cikan-video .swiper-wrapper, .noktali .swiper-wrapper {
        height: 40vh;
    }

    .slider-content p {
        display: none;
    }

    .numarali .slider-content h1, .numarali .slider-content p {
        line-height: 1.2;
    }

    .kutu-haber .aciklama p {
        font-size: 1rem;
    }

    .kutu-haber .aciklama {
        width: calc(100% - 25%);
    }

    .kart-haberler a h3 {
        font-size: 14px;
        font-weight: 800;
        line-height: 16px;
        margin-bottom: 0px;
        letter-spacing: 0px;
    }

    .grid-tasarim2 a h3 {
        padding: 10px;
        background: linear-gradient(0deg, #000, rgba(0, 0, 0, .9) 45%, transparent);
    }

    .grid-ust-alan {
        display: inline-block !important;
    }

    .yan-haberler {
        margin-top: 20px;
    }

    .menu-area form {
        display: none !important;
    }

    /** Yazar Listesi **/
    .yazar-bilgileri {
        display: block;
        text-align: center;
    }

    .yazar-bilgileri {
        padding: 20px;
    }

    .yazar-bilgileri .yazar-gorseli {
        border-radius: 5px;
        height: 80px;
        object-fit: cover;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .haber-detay-alani h1 {
        font-size: 1.5em;
    }
}

@media only screen and (min-width: 300px) and (max-width: 1280px) {
    .ronse-genel-menu .menu-area .ronse-menu-elemanlari {
        display: none;
    }

    .ronse-menu-icerikleri {
        padding: 2px 14px;
    }
}

@media only screen and (min-width: 300px) and (max-width: 1159px) {
    .kule-reklam {
        display: none;
    }
}

@media only screen and (min-width: 1350px) and (max-width: 1579px) {
    .e-con > .e-con-inner, .container {
        max-width: 1000px !important;
    }

    .kule-reklam #sol-reklam {
        right: 1110px;
    }

    .kule-reklam #sag-reklam {
        left: 1110px;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1349px) {
    .e-con > .e-con-inner, .container {
        max-width: 940px !important;
    }

    .kule-reklam #sol-reklam {
        right: 1075px;
    }

    .kule-reklam #sag-reklam {
        left: 1075px;
    }
}

@media only screen and (min-width: 1240px) and (max-width: 1279px) {
    .e-con > .e-con-inner, .container {
        max-width: 900px !important;
    }

    .kule-reklam #sol-reklam {
        right: 1055px;
    }

    .kule-reklam #sag-reklam {
        left: 1055px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1239px) {
    .e-con > .e-con-inner, .container {
        max-width: 860px !important;
    }

    .kule-reklam #sol-reklam {
        right: 1035px;
    }

    .kule-reklam #sag-reklam {
        left: 1035px;
    }
}

@media only screen and (min-width: 1160px) and (max-width: 1199px) {
    .e-con > .e-con-inner, .container {
        max-width: 800px !important;
    }

    .kule-reklam #sol-reklam {
        right: 1005px;
    }

    .kule-reklam #sag-reklam {
        left: 1005px;
    }
}

@media only screen and (min-width: 300px) and (max-width: 768px) {
    .numarali .swiper-slide {
        height: 265px;
    }

    .grid-haberler {
        display: grid;
        grid-template-columns: 50% 50%;
        gap: 10px;
    }

    .grid-haberler .haber:first-child {
        margin-bottom: 10px;
        height: 315px;
    }

    .grid-haberler .haber:first-child .icerik-baslik {
        font-size: 1em;
        line-height: 1.2;
        font-weight: 700;
    }

    .haber:first-child article {
        height: 250px;
    }

    .grid-haberler .haber {
        margin-bottom: 10px;
    }

    .kule-mobil-reklam {
        display: block;
        margin: 30px 0;
    }

    .kule-mobil-reklam .d-flex {
        gap: 20px;
    }

    .tum-haberler-mobil-buton {
        display: block;
    }

    .haber-rozeti {
        padding: 10px;
    }

    .haber-rozeti img {
        width: 70px !important;
    }

    .tam-genislik .swiper-pagination-bullet {
        height: 7px;
    }

    .dikey-numarali .swiper-pagination-bullet, .dikey-numarali .swiper-pagination-bullets.swiper-pagination-horizontal {
        width: 100%;
        height: 5px;
        padding: 0 10px;
        bottom: 10px;
        position: relative;
    }

    .ronse-ust-alt-menu {
        display: none;
    }

    .icerik-haritasi ul .active {
        display: none;
    }

    .haber-detay-alani {
        margin-top: 10px !important;
    }

    .kart-haberler a img {
        height: 120px;
    }

    .kart-haberler a .icerik-baslik {
        font-size: 1.2em;
        font-weight: 700;
        line-height: 1.2;
    }

    .grid-ust-alan .icerik-baslik {
        margin-right: 0px;
        font-size: 1.5em;
        font-weight: 800;
        letter-spacing: -0.5px;
    }

    .grid-ust-alan p {
        font-size: 16px;
        line-height: 1.3;
    }

    .grid-ust-alan img.buyuk-resim {
        width: 100% !important;
    }

    .grid-tasarim2 a .icerik-baslik {
        background: rgba(247, 247, 247, 1);
        position: relative;
        margin-top: 0px;
        color: #333;
    }

    .kart-haberler .haber a article img {
        border-radius: 0px;
    }

    .grid-tasarim2 .haber-alani {
        height: 100%;
        background: rgba(247, 247, 247, 1);
    }

    .kart-haberler .haber a article img {
        height: 110px;
    }

    .yan-slider-icerik {
        flex-direction: column;
        height: 220px;
    }

    .yan-slider-icerik .yan-gorsel {
        clip-path: none;
        width: 100%;
    }

    .yan-slider-icerik .haber-detay {
        width: 100%;
        left: 0;
        right: 0;
        bottom: -10px;
        position: absolute;
        background: linear-gradient(0deg, #000, rgba(0, 0, 0, .9) 30%, transparent);
    }

    .yan-slider-icerik img {
        height: auto !important;
    }

    .yan-slider-icerik .haber-detay h3 {
        font-size: 1.3em;
        line-height: 1.2;
        padding: 20px;
    }

    .haber-detay-yazisi {
        padding: 10px 15px;
    }

    .numarali .haber-detay {
        padding: 20px;
    }

    .numarali .haber-detay h3 {
        margin-bottom: 0px;
        line-height: 1.1;
        font-size: 20px;
        font-weight: 800;
    }

    .ronse-haber-detaylari {
        align-items: flex-start;
        flex-direction: column;
        padding: 0px;
        background: transparent;
    }

    .haber-bilgisi {
        background-color: #F5F7F8;
        padding: 7px 10px;
        width: 100%;
    }

    .haber-tarihi:last-child {
        padding-left: 15px;
        border-left: 1px solid #D6D6D6;
    }

    .ronse-haber-detaylari {
        margin-bottom: 0px;
    }

    ul.paylas {
        padding: 0px;
    }

    .haber-tarihi {
        text-align: left;
        border-left: none;
        padding-left: 0px;
    }

    .padding-detay {
        padding: 0px 15px;
    }

    .mobil-gizle {
        display: none !important;
    }

    .haber-detay-gorseli {
        margin-bottom: 0px;
    }

    .mobil-bilgiler {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 15px;
        margin-bottom: 20px;
        background-color: #f6f7f8;
    }

    .kutu-haber-sol {
        width: 30%;
    }

    .kutu-haber .aciklama {
        width: 85%;
    }

    /** Dark Mode **/
    body.koyu-mod {
        background-color: var(--ronse-koyu-mod-arkaplan);
        color: #ffffff;
    }

    body.koyu-mod .ronse-site-ust-tasarim-1, body.koyu-mod .ronse-site-ust-tasarim-1 .ronse-site-ust-yapiskan {
        background-color: var(--ronse-koyu-mod-menu-arkaplan-rengi);
    }

    body.koyu-mod .ronse-sosyal-medya li,
    body.koyu-mod .menu-sol span,
    body.koyu-mod .ronse-ust-alt-menu .menu-sag ul li a,
    body.koyu-mod .ronse-sosyal-medya li, body.koyu-mod .menu-sol span,
    body.koyu-mod .ronse-ust-alt-menu .menu-sag ul li a,
    body.koyu-mod .ronse-ust-alt-menu .ronse-sosyal-medya li a i,
    body.koyu-mod .icerik-baslik,
    body.koyu-mod .haber-detay-alani h1,
    body.koyu-mod .paylas li a,
    body.koyu-mod .haber-bilgileri .yayinlanma-tarihi,
    body.koyu-mod .haber-bilgileri .guncelleme-tarihi,
    body.koyu-mod h2.baslik,
    body.koyu-mod .icerik-haritasi ul li a,
    body.koyu-mod .icerik-haritasi ul .active,
    body.koyu-mod .icerik-haritasi ul .active:before,
    body.koyu-mod .haber-listesi .haberler p a {
        color: #FFFFFF;
    }

    body.koyu-mod .paylas li a {
        border: 1px solid #FFFFFF;
    }

    body.koyu-mod .ronse-ust-alt-menu, body.koyu-mod h2.baslik:after {
        border-bottom: 1px solid var(--ronse-koyu-mod-kenarlik);
    }

    body.koyu-mod .ronse-sosyal-medya li, body.koyu-mod .menu-sol span, body.koyu-mod .ronse-ust-alt-menu .menu-sag ul li a {
        border-right: 1px solid var(--ronse-koyu-mod-kenarlik);
    }

    body.koyu-mod .ronse-baslik-kapsayicisi.ronse-genel-baslik .ronse-baslik-cizgileri {
        border-color: var(--ronse-koyu-mod-kenarlik);
    }

    body.koyu-mod .haber-detay-muhabir, body.koyu-mod .icerik-haritasi {
        background-color: var(--ronse-koyu-mod-kenarlik);
    }

    body.koyu-mod .haber-listesi .haberler {
        background-color: var(--ronse-koyu-mod-arkaplan);
    }

    body.koyu-mod .haber-listesi .haberler p {
        border-left: 1px dotted var(--ronse-koyu-mod-kenarlik);
    }

    body.koyu-mod .haber-listesi .haberler p a {
        border-bottom: 1px dotted var(--ronse-koyu-mod-kenarlik);
    }

    body.koyu-mod .haber-listesi .haberler p a span {
        color: #D6D6D6;
    }

    body.koyu-mod .grid-tasarim2 a .icerik-baslik, body.koyu-mod .grid-tasarim2 .haber-alani {
        background: linear-gradient(0deg, var(--ronse-koyu-mod-arkaplan), var(--ronse-koyu-mod-arkaplan) 30%, transparent);
    }

    body.koyu-mod.tam-genislik .swiper-pagination-bullet {
        background-color: #47474e;
        border-right: 1px solid var(--ronse-koyu-mod-kenarlik);
        border-top: 1px solid var(--ronse-koyu-mod-kenarlik);
    }

}