html {
    overflow-y: auto
}

.menu-panel {
    position: absolute
}

.menu-panel {
    background: #fff;
    position: fixed !important;
    width: 270px;
    z-index: 999;
    top: 55px;
    left: 0;
    display: inline-block;
    -webkit-transform: translate3d(-270px,0,0);
    -ms-transform: translate3d(-270px,0,0);
    -moz-transform: translate3d(-270px,0,0);
    transition: all .5s;
    font-family: sans-serif;
    overflow: scroll;
    height: 100%;
    bottom: 0
}

    .brand-container, .grand-container, .menu-panel.opened {
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0)
    }

    .menu-panel.opened {
        border-right: 1px solid #c6c6c6
    }

.head-line > .side-menu, .head-line > .title {
    font-family: sans-serif;
    display: block
}

.menu-panel h2 {
    display: block;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    height: 57px;
    width: 100%;
    margin: 0 0 10px;
    border-bottom: 1px solid #c6c6c6;
    background-color: #f5f5f5;
    padding-top: 19px;
    box-sizing: border-box
}

.menu-panel .search-container {
    background-size: 16px;
    border-radius: 6px;
    width: 90%;
    height: 30px;
    padding-left: 32px;
    margin: 25px auto;
    vertical-align: middle;
    box-sizing: border-box
}

.menu-panel input[type=text] {
    border: 0;
    width: 80%;
    background-color: #f5f5f5;
    outline: 0;
    font-size: 16px;
    height: 30px;
    text-align: left;
    padding: 10px
}

.menu-panel ul {
    display: block;
    padding: 0 10px 100px 0
}

    .menu-panel ul ul {
        display: block;
        padding: 0 0 0 30px
    }

    .menu-panel ul li {
        display: block;
        margin-bottom: 15px;
        width: 90%;
        margin-left: auto;
        margin-right: auto
    }

        .menu-panel ul li a {
            display: block;
            height: 30px;
            color: #000;
            font-size: 14px
        }

            .menu-panel ul li a:active, .menu-panel ul li a:hover {
                color: #ff6211
            }

            .menu-panel ul li a span {
                display: block;
                border-bottom: 1px solid #ededed;
                float: left;
                width: calc(100% - 35px);
                margin-left: 35px;
                height: 25px;
                box-sizing: border-box;
                position: relative;
                top: 5px
            }

        .menu-panel ul li.manset a i {
            background-position: 0 -150px
        }

        .menu-panel ul li.ekonomi a i {
            background-position: 0 -50px
        }

        .menu-panel ul li.dunya a i {
            background-position: 0 -25px
        }

        .menu-panel ul li.spor a i {
            background-position: 0 -200px
        }

        .menu-panel ul li.magazin a i {
            background-position: 0 -125px
        }

        .menu-panel ul li.havadurumu a i {
            background-position: 0 -100px
        }

        .menu-panel ul li.doviz a i {
            background-position: 0 0
        }

        .menu-panel ul li.gazete a i {
            background-position: 0 -75px
        }

        .menu-panel ul li.namaz a i {
            background-position: 0 -175px
        }

.head-line > .side-menu {
    height: 55px;
    width: 56px;
    float: left;
    border: 0;
    background: no-repeat center center;
    background-size: 29px 21px
}

.head-line > .title {
    margin: 0 auto
}

.head-line > .back {
    display: block;
    height: 56px;
    font-size: 18px;
    width: 60px;
    background-size: 16px;
    float: right;
    right: 0;
    top: 0;
    color: #ff6211;
    padding-right: 5px;
    text-align: right
}

.grand-container {
    height: 100%;
    width: 100%
}

.grand-container {
    float: left;
    transition: all .5s;
    padding-top: 55px
}

    .brand-container.opened, .grand-container.opened {
        position: absolute;
        opacity: .5
    }

.head-line {
    background-color: #ff7900;
    height: 55px;
    width: 100%;
    z-index: 99;
    transition: all .5s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    position: fixed;
    top: 0
}

    .head-line.opened {
        -webkit-transform: translate3d(270px,0,0);
        -ms-transform: translate3d(270px,0,0);
        -moz-transform: translate3d(270px,0,0)
    }

    .head-line > .refresh {
        display: block;
        height: 56px;
        width: 56px;
        background-size: 25px;
        float: right;
        right: 0;
        top: 0
    }

.eng_m_widget_in {
    width: calc(95% - 130px) !important
}

#disableClick {
    position: fixed;
    z-index: 10000;
    top: 0;
    width: 100%;
    height: 100%;
    bottom: 0
}

.grand-container > .right {
    float: left;
    width: 100%;
    background-color: #fff;
    left: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    -webkit-overflow-scrolling: touch
}

.head-line > .titleKategori {
    margin: 0 auto 0 0;
    color: #757575;
    padding-top: 18px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    overflow: hidden !important;
    display: block;
    position: relative
}

#mobilapplinks {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center
}

.mobilapplink img {
    width: 100px;
    height: auto
}

.mobilapplink {
    margin: 5px
}

.bottomlink {
    text-align: center;
    display: inline-block;
    width: 100%;
    overflow: auto;
    font-family: Helvetica;
    font-size: 12px
}

    .bottomlink > div {
        margin-bottom: 15px
    }

    .bottomlink .info-server {
        color: #474646;
        font-size: 8px
    }

    .bottomlink .full-version {
        font-weight: 700;
        color: #333
    }

    .bottomlink .hata-bildir, .bottomlink .kullanim-sarlari {
        font-weight: 400;
        color: #333
    }

    .bottomlink .info-server {
        font-weight: 400
    }

#cnt-footer {
    background-color: #f5f5f5;
    width: 100%;
    padding: 10px 0;
    margin: auto;
    box-sizing: border-box
}

.dv-footer {
    border-bottom: solid 1px #ddd;
    padding: 15px 15px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
}

    .dv-footer:first-child {
        width: 100%;
        justify-content: space-between
    }

#cnt-dvft-menu {
    padding: 30px 8px 15px 8px;
    border-color: #ff8c29
}

#cntb-dvft-menu {
    overflow: hidden
}

#dvft-logo #dvft-logo-sol {
    width: auto
}

#dvft-logo #dvft-logo-sag {
    width: auto;
    text-align: right;
    box-sizing: border-box;
    padding-right: 5px
}

#dvft-menu {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    margin-left: -7px
}

    #dvft-menu:after {
        content: "";
        display: table;
        clear: both
    }

    #dvft-menu > li {
        margin-bottom: 15px;
        float: left;
        border-left: #ff8b09 solid 1px;
        margin-left: 5px
    }

        #dvft-menu > li a {
            display: block;
            padding: 6px 8px;
            text-decoration: none;
            color: #333;
            font-weight: 700;
            font-size: 16px;
            margin-left: 5px
        }

#dvft-social {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

#dvft-sofb {
    border-radius: 4px;
    display: inline-block;
    padding: 6px 34px 6px 8px;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    font-weight: 700;
    position: relative;
    min-width: 153px;
    background: #39579a no-repeat 125px 4px
}

#cnt-mobapp {
    border: none
}

.grand-container.dthe {
    padding-top: 55px
}

.head-line > .title {
    width: 195px;
    height: 55px;
    background: no-repeat center center;
    background-size: 100%
}

#searchlabel {
    display: none
}

.seoTextStyle, .seoTextStyle a {
    font-family: sans-serif !important
}

#dvft-logo #dvft-logo-sol .links {
    margin-left: 5px;
    margin-top: 5px
}

    #dvft-logo #dvft-logo-sol .links a:focus, #dvft-logo #dvft-logo-sol .links a:hover {
        color: #333;
        text-decoration: none
    }

.brand-container.opened, .grand-container.opened {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #fff
}

.header-mob .grand-container.opened {
    position: fixed
}

.hakkimizda .icerik .column {
    width: 50%
}

    .hakkimizda .icerik .column:first-of-type {
        padding-right: 15px
    }

    .hakkimizda .icerik .column:last-of-type {
        padding-left: 15px
    }

.iletisimFormu {
    width: 100%
}

    .iletisimFormu .flex-direction {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center
    }

    .iletisimFormu label {
        margin: 7.5px 0
    }

    .iletisimFormu input, .iletisimFormu select, .iletisimFormu textarea {
        margin: 7.5px 0 7.5px 25px
    }

        .iletisimFormu input[type=checkbox] {
            margin: 2px 5px 0 25px
        }

    .iletisimFormu input, .iletisimFormu select, .iletisimFormu textarea {
        font-size: 16px
    }

#E_Mail_Adresi {
    margin-right: 15px
}

.captcha {
    padding-left: 25px;
    float: left;
    margin-bottom: 20px
}

.paperlist-page > ul.newspapers > li {
    width: 25%;
    margin-right: 0
}

.paperlist-page > ul.newspapers {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

    .paperlist-page > ul.newspapers > li {
        float: none
    }

.sehirHavaDurumu {
    width: calc(25% - 12px)
}

.kutu.sehirler {
    width: 100%
}

.sehirler .sehirListesi {
    column-count: 7
}

    .sehirler .sehirListesi .lctnlst {
        width: auto !important;
        float: none
    }

        .sehirler .sehirListesi .lctnlst:first-child {
            margin-top: 0
        }

.breadCrumbScope .breadRightArrow {
    transform: translateY(-4px) !important
}

.sehirHavaDurumu.detay .nmzmn {
    display: none
}

.Cntweather {
    margin-top: 0
}

    .Cntweather .sagSutun {
        width: auto
    }

.monthly-namaz {
    background-color: #f7f7f7;
    height: 230px;
    width: 100%;
    clear: both;
    margin-bottom: 50px;
    display: none
}

    .monthly-namaz .keys {
        width: 20%;
        height: 100%;
        float: left;
        padding-right: 5px
    }

        .monthly-namaz .keys > span {
            display: block;
            font-weight: 700;
            padding-left: 10px;
            line-height: 30px;
            font-size: 13px
        }

            .monthly-namaz .keys > span:first-child {
                background: #888;
                color: #fff;
                height: 40px;
                line-height: 40px;
                padding-top: 3px
            }

    .monthly-namaz .values {
        width: 80%;
        height: 100%;
        float: left;
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
        overflow-scrolling: touch;
        -webkit-overflow-scrolling: touch
    }

        .monthly-namaz .values ul {
            display: block;
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%
        }

            .monthly-namaz .values ul li {
                display: inline-block;
                width: 60px;
                height: 100%;
                margin: 0 1px 0 0;
                padding: 0
            }

                .monthly-namaz .values ul li > span {
                    display: block;
                    width: 100%;
                    text-align: center;
                    line-height: 30px;
                    background-color: #eee
                }

                    .monthly-namaz .values ul li > span:first-child {
                        background-color: #fd9968;
                        color: #fff;
                        height: 40px;
                        font-weight: 700;
                        font-size: 13px;
                        vertical-align: middle;
                        line-height: 16px;
                        padding-top: 3px
                    }

        .monthly-namaz .values::-webkit-scrollbar {
            height: 3px
        }

        .monthly-namaz .values::-webkit-scrollbar-track {
            background: #f7f7f7
        }

        .monthly-namaz .values::-webkit-scrollbar-thumb {
            background: #bbb
        }

.category-page > main > ul.news-list li > .hour .mdate {
    display: none
}

#page {
    min-height: calc(100vh - 345px)
}

.footer > .fwrapper {
    width: 100%;
    max-width: 1076px
}

    .footer > .fwrapper > .fwrapperIn {
        width: 100%;
        max-width: 1050px;
        display: flex;
        padding-top: 40px
    }

        .footer > .fwrapper > .fwrapperIn > .col1 {
            width: 202px;
            margin-right: 28px
        }

        .footer > .fwrapper > .fwrapperIn > .col2 {
            width: calc(100% - 400px)
        }

        .footer > .fwrapper > .fwrapperIn > .col3 {
            width: 170px;
            display: flex;
            flex-direction: column;
            align-items: flex-end
        }

        .footer > .fwrapper > .fwrapperIn > .here, .footer > .fwrapper > .fwrapperIn > .info, .footer > .fwrapper > .fwrapperIn > ul {
            width: calc(100% - 400px)
        }

        .footer > .fwrapper > .fwrapperIn > .col1 .title {
            color: #fff;
            font-size: 14px;
            text-align: center;
            margin-top: 12px;
            margin-bottom: 10px
        }

        .footer > .fwrapper > .fwrapperIn > .col1 .links {
            width: 202px;
            color: #f70;
            font-size: 11px;
            text-align: center;
            margin-bottom: 35px
        }

            .footer > .fwrapper > .fwrapperIn > .col1 .links a {
                color: #f70
            }

        .footer > .fwrapper > .fwrapperIn > .col2 ul {
            list-style: none;
            padding: 0;
            margin: 5px -10px 15px -10px;
            width: 100%;
            display: flex;
            flex-wrap: wrap
        }

            .footer > .fwrapper > .fwrapperIn > .col2 ul li {
                padding-left: 10px;
                font-size: 13px
            }

                .footer > .fwrapper > .fwrapperIn > .col2 ul li a {
                    color: #f70;
                    text-decoration: none
                }

        .footer > .fwrapper > .fwrapperIn > .col2 .info {
            color: #b9b9c8;
            font-size: 11px;
            margin-bottom: 15px
        }

        .footer > .fwrapper > .fwrapperIn > .col2 .here {
            color: #b9b9c8;
            font-size: 12px;
            font-weight: 700
        }

        .footer > .fwrapper > .fwrapperIn > .col2 .ticket {
            font-size: 12px;
            font-weight: 700;
            margin-top: 5px
        }

            .footer > .fwrapper > .fwrapperIn > .col2 .ticket a {
                font-weight: 400;
                color: #b9b9c8;
                text-decoration: none
            }

        .footer > .fwrapper > .fwrapperIn > .col3 .footer-cls {
            position: relative;
            left: auto;
            top: auto;
            width: 124px;
            margin-top: 15px
        }

.loadafter {
    position: relative;
    width: calc(100vw - 370px);
    height: auto;
    margin-top: 20px;
    margin-bottom: 60px
}

.loadafterst {
    width: Calc(100% + 0px);
    height: 20px;
    border: 3px solid #f4f4f4;
    border-style: none none solid;
    color: #fff;
    background-color: #fff
}

.prDKulIconM.prDKulLogin {
    background-color: #3fc277 !important
}

.prDKulIconM.prDKulLogout {
    background-color: #fe0000 !important
}

.prDKulIconM .img {
    border-bottom: 0;
    color: #fefefe
}

.lv-img {
    margin: 0;
    margin-right: 10px;
    width: 100% !important;
    height: auto !important
}

.title-lv {
    font-size: 18px;
    font-weight: 600;
    min-width: 340px;
    color: #000;
    display: block;
    margin-bottom: 10px;
    margin-top: 30px
}

.clc-lv {
    left: 10px !important
}

.title-lv h3 {
    margin-top: 15px;
    margin-bottom: 15px
}

.clc-lv p {
    font-size: 16px;
    font-weight: 500;
    margin: 20px 0
}

.ozet-lv {
    font-size: 16px;
    font-weight: 500;
    margin: 20px 0
}

.haberResim.sd-box {
    width: 100%
}

    .haberResim.sd-box .sd-image img {
        max-width: 100% !important;
        height: auto
    }

#page404 {
    min-height: calc(100vh - 295px)
}

.detail-content .detay-v3_3.haber_metni ~ .bx-slider-sondakika {
    margin-top: 20px
}

.yukselt {
    height: calc(((9 / 16) * (100vw - 370px)) + 33px);
    width: 100%;
}

.bx-slider-sondakika .bx-wrapper {
    height: calc(100% - 37px);
}


@media only screen and (max-width:1200px) {
    #page {
        min-height: calc(100vh - 330px)
    }

    #haberDetaySolVideo, #videoplayer {
        width: 100%;
        height: 0;
        padding-bottom: 56.25%
    }

    #contentElement {
        height: 100%;
        min-height: 100% !important
    }

    #ilgili_videolar {
        width: 100% !important
    }

    .DnmBnr_content ul {
        width: calc(100% - 200px)
    }

    .content-container.mt20 {
        margin-top: 0
    }

    .desktop-space {
        height: 0
    }

    .menu-panel ul li a {
        font-weight: 400
    }

    .head-line, .head-line > .side-menu, .head-line > .title {
        height: 48px
    }

    .menu-panel {
        top: 48px
    }

    #contentElement {
        height: 100%;
        min-height: 100% !important;
        min-width: 100%
    }
}

@media only screen and (max-width:1076px) {
    .content-container {
        width: 100% !important
    }
    .content-container.detail-page{
        margin-top:0px !important;
    }
    .sondakika-doviz {
        width: 100%
    }
    .sondakika-doviz.withleft {
        width: 100%
    }
    #sdimv4 {
        width: 100%
    }

    #content {
        width: 100%
    }
}

@media only screen and (min-width:768px) {
    .footer-mob, .header-mob {
        display: none
    }

    #header-container, .footer {
        display: block
    }
}

@media only screen and (max-width:768px) {
    .footer-mob, .header-mob {
        display: block
    }

    #header-container, .footer {
        display: none
    }

    .header-h {
        height: 58px !important
    }

    .loadafter {
        margin-bottom: 20px
    }

    .header-h {
        height: 47px !important
    }

    .loadafter {
        width: 100%
    }

    .box-404 {
        width: 100%;
        padding: 15px
    }

    .list-404 {
        margin-top: 40px;
        width: 100%;
        padding: 15px
    }

    .list-1nd-404 {
        margin-top: 0
    }
}

@media screen and (min-width:1100px) and (max-width:1200px) {
    .header-h {
        margin-bottom: 15px
    }
}

@media screen and (max-width:1100px) and (min-width:992px) {
    .detail-page .detail-content, .detail-page .detail-content h1, .drimg figure img {
        width: calc(100vw - 436px)
    }

    #contentElement, #haberDetaySolVideo, #videoplayer {
        width: 100% !important;
        min-width: 100% !important
    }

    .detail-page .news-row {
        width: 370px;
        background: url(/static/images/bg-asidey.png) 5px repeat-y;
        float: right
    }

    #ilgili_videolar {
        height: calc(((100vw - 436px)/ 16) * 9)
    }

        #ilgili_videolar .ilgili_video:nth-child(-n+4) {
            display: none
        }

        #ilgili_videolar .ilgili_video {
            top: calc(50% - 36px);
            transform: translateY(-50%)
        }

    .DnmBnr_content {
        width: 100%
    }

    .bx-slider-sondakika {
        width: 100%
    }

        .bx-slider-sondakika img {
            width: 100% !important;
            height: auto
        }

        .bx-slider-sondakika .bx-pager {
            width: 100%
        }

        .bx-slider-sondakika ul.bxslider li {
            width: 100%;
            height: auto
        }
}

@media screen and (max-width:1100px) and (min-width:761px) {
    #page {
        min-height: calc(100vh - 345px)
    }

    .sdLeft {
        width: calc(100vw - 350px)
    }

    .bx-slider-sondakika ul li a {
        height: 350px
    }

    .bx-slider-sondakika img {
        object-fit: cover;
        max-width: 100%;
        height: 100%
    }

    .bx-slider-sondakika .bx-pager {
        width: 100%
    }

        .bx-slider-sondakika .bx-pager a {
            width: calc(100% / 25);
            font-size: 12px
        }

    .category-page > main {
        width: 100%;
        max-width: calc(100% - 320px)
    }

    #logo img, #logoH img {
        width: 150px;
        height: 21px
    }

    nav ul li > a {
        font-size: 12px
    }

    #logo, #logoH {
        margin-top: 0;
        position: absolute;
        top: 10px
    }

    nav {
        width: calc(100% - 230px)
    }

        nav ul {
            padding-left: 0
        }

            nav ul li:first-child {
                margin-left: 0
            }

    header.content-container .prKullanici {
        position: relative;
        float: right
    }

    .header-h {
        margin-bottom: 15px
    }
}

@media screen and (max-width:992px) and (min-width:761px) {
    .detail-page .detail-content, .detail-page .detail-content h1, .drimg figure img {
        width: calc(100vw - 370px);
        height: auto
    }

    .detail-page .news-row {
        width: 330px;
        background: url(/static/images/bg-asidey.png) -35px repeat-y;
        float: right
    }

    #haberResim {
        width: 100%;
        height: auto
    }

    .bx-slider-sondakika ul li a {
        height: 224px
    }

    .bx-wrapper .bx-caption span {
        font-size: 20px
    }
}

@media only screen and (max-width:760px) and (min-width:700px) {
    .news-row > .news-item {
        width: 33.33%;
        height: 240px
    }

        .news-row > .news-item > .wrapper {
            background: url(https://www.sondakika.com/static/images/bg-item-bottom_new.png) center bottom no-repeat;
            height: 225px;
            width: 100%;
            overflow: hidden;
            border-radius: 4px
        }
}

@media only screen and (max-width:760px) {
    #page {
        min-height: calc(100vh - 562px)
    }

    .detail-page .detail-content, .detail-page .detail-content h1 {
        width: 100%;
        margin-top: 15px
    }

    .detail-page .news-row {
        display: none
    }

    .d-md-none {
        display: none
    }

    .detail-page .detail-content h1 {
        font-size: 24px;
        margin-bottom: 15px
    }

    .detail-page .detail-content .haber_ozet {
        font-size: 18px;
        font-weight: 600;
        margin: 15px auto;
        float: left
    }

    .detay-v3_3 {
        margin-top:0px;
    }

    .spcl-banner {
        width: 100%;
        min-height: 100%
    }

        .spcl-banner img {
            width: 100%;
            height: auto
        }

    .DnmBnr_content {
        width: 100%;
        margin-bottom: 15px
    }

        .DnmBnr_content ul li {
            height: auto
        }

    #ilgili_videolar {
        height: calc((100vw / 16) * 9 - 20px) !important
    }

    .haberResim .sd-image {
        max-width: 100%
    }

    .sdLeft {
        width: 100%
    }

    .bx-slider-sondakika {
        width: 100%;
        height: auto
    }
        .bx-slider-sondakika ul {
            list-style: none;
            height: 100%;
        }
        .bx-slider-sondakika .bx-wrapper {
            height: auto
        }

        .bx-slider-sondakika ul.bxslider li {
            width: 100%;
            height: 100%;
        }

        .bx-slider-sondakika img {
            width: 100% !important;
            height: 100%;
        }
        .bx-slider-sondakika .bx-wrapper {
            display: flex;
            height: calc((357/639) * 100vw);
            background-color: #000000;
        }
            .bx-slider-sondakika .bx-wrapper a {
                text-decoration: none;
                height: inherit;
            }

        .bx-slider-sondakika .bx-pager a {
            border-bottom: 0;
        }

        .bx-slider-sondakika .bx-caption {
            padding-bottom: 10px!important;
            margin-bottom: -2px;
        }
        .bx-slider-sondakika .bx-pager {
            width: 100%
        }
    .bx-wrapper img {
        max-width: 100%;
        display: block;
        object-fit: cover;
        object-position: unset;
    }
    .news-row > .news-item {
        width: 33.33%
    }

        .news-row > .news-item > .wrapper > a > img {
            width: 100%;
            height: auto;
            max-height: 140px
        }

        .news-row > .news-item > .wrapper > a > span {
            font-size: 15px
        }

    #mapdiv text tspan {
        font-size: 9px !important
    }

    .locn-li {
        width: calc((100% / 8) - 10px)
    }

    .paperlist-page > ul.newspapers > li {
        width: 33.33%;
        height: auto;
        padding: 0 10px
    }

    .paperlist-page > ul.newspapers li img {
        max-width: 180px;
        width: 100%;
        height: auto
    }

    .sehirHavaDurumu a.tahminLink {
        width: 100%;
        height: auto;
        padding: 9px 15px 4px 0;
        background-size: contain
    }

    .kutu .baslik, .sehirHavaDurumu .kutu_ic {
        margin-right: 0
    }

    .Cntweather .sehirListesi {
        column-count: 5
    }

    .sagSutun, .sagSutun .yuksekBaslik, .sagSutun .yuksekBaslik .baslik h2, .solSutun, .solSutun .haftalikHavaDurumu, .solSutun .sehirHavaDurumu.detay {
        width: 100% !important
    }

    .Cntweather {
        overflow: hidden
    }

        .Cntweather .sehirListesi {
            width: 100% !important
        }

            .Cntweather .sehirListesi .lctnlst {
                width: auto !important;
                float: none
            }

                .Cntweather .sehirListesi .lctnlst:first-child {
                    margin-top: 0
                }

        .Cntweather .kutu .kutu_alt span {
            display: none
        }

    .sehirHavaDurumu.detay .dsktp-nmzn {
        display: none
    }

    .sehirHavaDurumu.detay .nmzmn {
        display: flex;
        width: 80%
    }

        .sehirHavaDurumu.detay .nmzmn tbody {
            width: 100%
        }

    .sehirHavaDurumu.detay .veriler {
        width: 100%
    }

    .sehirHavaDurumu {
        margin: 0 16px 16px 0;
        border-bottom: 4px solid #888
    }

        .sehirHavaDurumu, .sehirHavaDurumu .kutu_alt, .sehirHavaDurumu .kutu_alt span, .sehirHavaDurumu .kutu_ic, .sehirHavaDurumu.detay, .sehirHavaDurumu.detay .kutu_ic {
            background: 0 0;
            background-color: #eee
        }

            .sehirHavaDurumu.kutu .baslik {
                background: 0 0;
                background-color: #f7f4f2;
                display: flex;
                align-items: center;
                justify-content: center;
                border-bottom: 4px solid #ff6211;
                padding: 0;
                height: 64px
            }

                .sehirHavaDurumu.kutu .baslik h2 {
                    background: 0 0;
                    font-size: 24px;
                    font-weight: 600;
                    color: #000 !important;
                    padding: 0;
                    line-height: 100%;
                    height: auto
                }

            .sehirHavaDurumu a.tahminLink {
                background: 0 0;
                background-color: #888;
                width: 85%;
                padding: 3px;
                text-align: center;
                color: #fff;
                font-size: 14px;
                border-radius: 5px 5px 0 0;
                left: 50%;
                transform: translateX(-50%)
            }

            .sehirHavaDurumu.kutu .kutu_alt {
                display: none
            }

            .sehirHavaDurumu table {
                width: 80%;
                margin: 10px auto 40px auto !important
            }

                .sehirHavaDurumu table tr {
                    border-bottom: 1px solid #ccc;
                    height: 36px;
                    display: flex;
                    align-items: center;
                    justify-content: space-between
                }

                .sehirHavaDurumu table th {
                    width: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: space-between
                }

                .sehirHavaDurumu table tr:last-child {
                    border-bottom: 0
                }

            .sehirHavaDurumu .veriler {
                margin: 0 !important;
                margin-top: 10px !important;
                padding-right: 0
            }

    .Cntweather h1 {
        display: none
    }

    .kutu.sehirler {
        margin-top: 10px
    }

    .sehirListesi .lctnlst {
        font-size: 16px;
        text-transform: uppercase
    }

    .lctnlst a {
        font-weight: 400 !important;
        color: #777;
        text-decoration: underline
    }

    .kutu.yuksekBaslik .baslik {
        background-position: left -147px
    }

        .kutu.yuksekBaslik .baslik h2 {
            background-position: right -233px;
            font-size: 15px !important;
            width: auto !important
        }

    .haftalikHavaDurumu {
        display: none
    }

    .monthly-namaz {
        display: block
    }

    .Cntweather .solSutun {
        min-height: 100%
    }

    .Cntweather .kutu .kutu_ic {
        margin-right: 0
    }

    .content-container.paperdetail-page {
        padding: 0
    }

    .paperdetail-page .newspaper-list {
        order: 4;
        margin: 0 10px
    }

        .paperdetail-page .newspaper-list li {
            width: 25%
        }

    .paperdetail-page h1 {
        order: 1;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        margin: 0
    }

    .paperdetail-page h2 {
        order: 3;
        font-size: 16px;
        margin: 10px
    }

    .paperdetail-page #gazeteResim {
        order: 2;
        border: none
    }

    .category-page > aside ul.news-list {
        display: none
    }
}

@media only screen and (max-width:700px) {
    #contentElement, #playButton {
        width: 100%
    }

    #contentElement {
        min-width: 100% !important
    }

    #haberResim, .drimg figure img {
        max-width: 100% !important;
        height: auto
    }

    .sd-box-title {
        width: 100%
    }

    .haberResim .sd-box-title {
        width: calc(100% - 30px)
    }

    .sd-image img {
        width: 100%;
        height: auto
    }

    #ilgili_videolar .ilgili_video:nth-child(-n+4) {
        display: none
    }

    #ilgili_videolar .ilgili_video {
        top: calc(50% - 36px);
        transform: translateY(-50%)
    }

    .detay-v3_3 figure {
        margin: 15px 0
    }

    .hbptDate {
        background: 0 0;
        padding: 0;
        color: #000;
        font-size: 17px;
        font-weight: 400;
        margin-bottom:15px;
    }

    .bbc-strap {
        min-height: 34px;
        padding: 5px
    }

   /* .bx-wrapper .bx-controls-direction a {
        transform: translateY(-50%)
    }*/

    #sondakika-slider .Mansettime {
        left: auto;
        right: 10px
    }

    .bx-slider-sondakika {
        position: relative;
        top: -10px
    }

        .bx-slider-sondakika .bx-pager {
            display: flex;
            flex-direction: row;
            justify-content: space-around;
            height: auto;
            padding: 7.5px 0;
            position: relative;
            bottom: 0;
            background-color: #000
        }

            .bx-slider-sondakika .bx-pager a {
                width: 8px;
                height: 8px;
                border: 0;
                font-size: 0;
                padding-top: 0;
                border-radius: 50px;
                margin: 0 5px;
                background-color: #3d3b3b
            }

            .bx-slider-sondakika .bx-pager .active {
                background-color: #f88b21;
                border-top: 0
            }

    .bx-wrapper .bx-caption {
        background: linear-gradient(to bottom,rgba(0,0,0,0) -50%,rgba(0,0,0,.02) 7%,#000 69%);
        width: 100%;
        left: 0;
        padding: 50px 10px 10px 10px;
        border-left: 0;
        bottom: 0
    }

        .bx-wrapper .bx-caption span {
            background-color: #0000;
            font-size: 18px;
            font-weight: 700;
            line-height: 120%;
            font-family: Helvetica;
            padding: 0
        }

            .bx-wrapper .bx-caption span label {
                left: 0;
                padding: 0
            }

    .news-row > .news-item {
        width: 50%
    }

        .news-row > .news-item > .wrapper > a > span {
            font-size: 16px
        }

    .category-page > main > ul.news-list li > .news-detail, .category-page > main > ul.news-list li > .news-detail.news-column {
        display: none
    }

    .locn-li {
        width: calc((100% / 6) - 10px)
    }

    .content-container.paperlist-page {
        padding: 0
    }

    .paperlist-page > h1 {
        font-size: 20px;
        font-weight: 700;
        border-bottom: 1px solid #ececec;
        margin-bottom: 0 !important;
        padding: 13px 10px;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
    }

    .localnews {
        background: #f5f5f5;
        padding: 10px 0
    }

    #E_Mail_Adresi {
        margin-right: 0
    }

    .paperlist-page > ul.newspapers {
        padding-top: 20px
    }

        .paperlist-page > ul.newspapers > li {
            margin-bottom: 30px
        }

            .paperlist-page > ul.newspapers > li a {
                display: flex;
                flex-direction: column-reverse
            }

            .paperlist-page > ul.newspapers > li > a > span.brand {
                font-size: 16px;
                color: #ff691f;
                margin-top: 5px;
                min-height: 100%
            }

    .sehirHavaDurumu:nth-child(odd) {
        margin-right: 0
    }

    .sehirHavaDurumu {
        width: calc(50% - 8px)
    }

    .Cntweather .sehirListesi {
        column-count: 4
    }

    .paperdetail-page .newspaper-list li {
        width: 50%
    }

    .bx-slider-sondakika {
        position: relative;
        top: 0
    }
}

@media only screen and (max-width:640px) {
    .brand-container, .grand-container {
        position: relative
    }

        .grand-container > .right {
            display: none
        }

        .grand-container > .left {
            display: none
        }

        .grand-container.detail > .left {
            display: block;
            border-left: 0
        }

        .grand-container.detail > .right {
            display: block;
            border-left: 0
        }
}

@media only screen and (max-width:550px) {
    .news-row > .news-item > .wrapper::before, .news-row > .news-item > .wrapper > a::after {
        display: none;
    }

    .category-page > main > ul.news-list li::after {
        display: none;
    }

    .content-container.px-0 {
        padding: 0
    }

    #ilgili_videolar .ilgili_video:nth-child(-n+5) {
        display: none
    }

    #ilgili_videolar .ilgili_video {
        width: 50%
    }

        #ilgili_videolar .ilgili_video .ilgili-img {
            margin-top: -5px
        }

        #ilgili_videolar .ilgili_video span {
            height: 70px;
            padding: 5px
        }

    .news-row > .news-item {
        width: 100%
    }

        .news-row > .news-item > .big-date, .news-row > .news-item > .dot {
            display: none
        }

        .news-row > .news-item > .wrapper {
            border-radius: 0
        }

            .news-row > .news-item > .wrapper > a {
                display: flex !important;
                flex-direction: row
            }

                .news-row > .news-item > .wrapper > a > img {
                    width: 128px;
                    height: 130px;
                    margin-right: 10px
                }

                .news-row > .news-item > .wrapper > a > span {
                    font-size: 18px;
                    font-weight: 700;
                    background-color: #0000;
                    padding: 0;
                    padding-right: 7px;
                    height: auto
                }

    .news-row > .news-item {
        height: auto;
        padding: 0;
        border: 0;
        margin-bottom: 0
    }

        .news-row > .news-item > .wrapper {
            height: auto;
            padding: 10px;
            border-bottom: 1px solid #ededed;
            background: 0 0
        }

        .category-page > main > ul.news-list li > .hour, .news-row > .news-item > .date {
            background-image: url(/mstatic/images/slider_saat.png);
            background-repeat: no-repeat;
            background-position: 5px;
            background-size: 12px;
            text-indent: 15px;
            color: #fff;
            font-size: 12px;
            font-weight: 400;
            display: inline-block;
            position: absolute;
            top: 13px;
            left: 13px;
            padding: 4px 4px 4px 6px;
            border-radius: 2px;
            background-color: rgba(0,0,0,.72);
            width: auto;
            height: 22px;
            line-height: 100%
        }

    .category-page > main > ul.news-list li > .date {
        display: none
    }

    .news-row > .news-item .backupContent {
        position: relative !important;
        height: auto !important;
        padding: 20px 0
    }

    .sondakika-doviz .sdCol .sdTitle {
        font-size: 14px
    }

    .category-page > main > ul.news-list li {
        padding: 10px;
        display: flex;
        flex-direction: row;
        margin: 0;
        border-bottom: 1px solid #ededed
    }

        .category-page > main > ul.news-list li > a > .title {
            min-width: 100%;
            font-size: 18px
        }

        .category-page > main > ul.news-list li > a > img, .category-page > main > ul.news-list li > img {
            margin: 0;
            margin-right: 10px;
            width: 128px;
            height: 130px
        }

    .breadCrumbScope {
        padding: 0 10px;
        font-weight: 700 !important;
        font-size: 13px !important;
        margin-bottom: 0
    }

        .breadCrumbScope .breadCrumbText {
            margin-bottom: 0 !important;
            line-height: 100%
        }

        .breadCrumbScope .breadRightArrow {
            font-size: 20px !important;
            transform: translateY(-3px) !important;
            padding: 0 5px
        }

    .category-page > h1 {
        padding: 0 10px;
        font-size: 20px !important
    }

    .category-page > h2 {
        padding: 0 10px;
        font-size: 18px !important
    }

    .locn-li {
        width: calc((100% / 5) - 10px)
    }

    .hakkimizda .icerik .column {
        width: 100%;
        padding: 0
    }

    .iletisimFormu .flex-direction {
        flex-direction: column;
        align-content: flex-start
    }

        .iletisimFormu .flex-direction.kvkk {
            flex-direction: row;
            flex-wrap: nowrap
        }

    .iletisimFormu .kvkk label {
        display: none
    }

    .iletisimFormu label {
        height: auto;
        margin-bottom: 0
    }

        .iletisimFormu label span {
            float: none
        }

    .iletisimFormu input, .iletisimFormu input[type=checkbox], .iletisimFormu select, .iletisimFormu textarea {
        margin-left: 0
    }

    .captcha {
        padding-left: 0
    }

    .kutu .baslik.gri, .kutu .baslik.gri h2 {
        height: auto;
        min-height: 33px;
        display: flex
    }

    .kutu .baslik.gri {
        padding: 5px 13px 7px 13px
    }

        .kutu .baslik.gri h2 {
            padding: 0
        }

    .kutu .baslik img.icon {
        margin-top: 6px
    }

    .kutu .baslik.gri {
        background: linear-gradient(0deg,#7c7c7b,#bcbcbc)
    }

        .kutu .baslik.gri h2 {
            background: 0 0
        }

    .Cntweather .sehirListesi {
        column-count: 3
    }

    #mobilapplinks {
        flex-wrap: wrap
    }

    .news-list-title {
        border-bottom: 1px solid #ececec;
        padding: 10px
    }

        .news-list-title h1 {
            font-size: 20px !important
        }

        .news-list-title h2 {
            font-size: 15px !important;
            font-weight: 700;
            margin-bottom: 10px !important;
            margin-top: 10px
        }

    .category-page > main > ul.news-list li > .hour .mdate {
        display: contents
    }

    .sondakika-doviz {
        margin-right: 0
    }

    .category-page > main > ul.news-list li > .noimg > img {
        object-fit: contain;
        background-color: #d7d7d7
    }

    #content .news-row:last-child {
        margin-bottom: 5px
    }

    .seoContentRight {
        margin-bottom: 0
    }

    .footer-mob .grand-container {
        padding-top: 40px
    }

    #sdimv4 {}
    .sondakika-doviz.withleft {margin-right:0;}

}

@media only screen and (max-width:450px) {
    .detail-page .detail-content a.spot {
        background-color: #fff;
        border-top: 0;
        padding: 10px 0;
        margin: 0;
        border-bottom: 1px solid #ededed
    }

        .detail-page .detail-content a.spot > span.img {
            margin: 5px 15px 0 0
        }

        .detail-page .detail-content a.spot > span.text {
            padding-right: 15px;
            padding-top: 3px;
            font-weight: 700;
            font-size: 14px
        }

        .detail-page .detail-content a.spot > span > img {
            width: 165px;
            height: 100px
        }

        .detail-page .detail-content a.spot > span.date {
            top: 13px
        }

    .detail-page .detail-content .news-galleries {
        background-color: #f1f1f1;
        float: left;
        padding: 10px
    }

        .detail-page .detail-content .news-galleries h3 {
            color: #666;
            font-size: 18px;
            margin-top: 0
        }

        .detail-page .detail-content .news-galleries a.spot {
            padding: 0;
            margin: 10px 0;
            border-radius: 0
        }

            .detail-page .detail-content .news-galleries a.spot > span.img {
                margin: 0
            }

                .detail-page .detail-content .news-galleries a.spot > span.img img {
                    width: 100%;
                    height: 164px
                }

            .detail-page .detail-content .news-galleries a.spot > span.text {
                font-weight: 400;
                font-size: 16px;
                padding: 10px
            }

    .comment-container {
        padding: 10px !important
    }

    .DnmBnr_content_logo {
        width: 100px;
        margin: 0
    }

        .DnmBnr_content_logo .DnmBnr_logo {
            width: 100%;
            padding: 0 10px
        }

    .DnmBnr_content ul {
        width: calc(100vw - 143px);
        padding: 0 20px
    }

        .DnmBnr_content ul a {
            font-size: 14px
        }

    .detail-page .detail-content .wrapper{
        margin:0;
    }

    .detail-page .detail-content .wrapper p {
        font-size: 17px;
        margin:7.5px 0;
    }

    .detay-v3_3 h3 {
        margin: 7.5px 0;
    }

    .bx-slider-sondakika .bx-pager a {
        margin: 0 2px
    }

    .locn-li {
        width: calc((100% / 3) - 10px)
    }

    .iletisimFormu input, .iletisimFormu select, .iletisimFormu textarea {
        width: 100%
    }

    iframe[title=reCAPTCHA] #rc-anchor-container {
        transform: scale(.8)
    }

    .sehirHavaDurumu {
        width: 100%;
        margin: 0 0 10px 0
    }

        .sehirHavaDurumu a.tahminLink {
            width: 70%;
            font-size: 16px
        }

    .Cntweather .sehirListesi {
        column-count: 2
    }

    .img-404 img {
        width: 100%
    }

    .list-1nd-404 li {
        margin: 0;
        margin-bottom: 7px;
        width: 100%
    }

    .search-404 input {
        width: calc(100% - 70px)
    }
}

@media screen and (min-width: 1100px) {
    .sdLeft .yukselt {
        width: 730px;
        height: calc(((9 / 16) * 738px) + 33px);
    }
}

@media screen and (max-width: 1100px) and (min-width: 992px) {
    .yukselt {
        height: calc(((9 / 16) * (100vw - 436px)) + 33px);
    }

    .sdLeft .yukselt {
        height: calc(((9 / 16) * (100vw - 350px)) + 33px);
    }

    .sdLeft .bx-slider-sondakika ul.bxslider li {
        height: auto;
    }

    .sdLeft .bx-slider-sondakika ul.bxslider li {
        height: calc((9 / 16) * (100vw - 350px));
    }
}

@media screen and (max-width: 1100px) and (min-width: 761px) {
    .sdLeft .bx-slider-sondakika ul li a {
        height: auto;
    }

    .bx-slider-sondakika img {
        width: 100% !important;
        height: auto;
    }

    .bx-slider-sondakika ul.bxslider li {
        max-width: 100%;
        width: 100%;
    }
}

@media screen and (max-width: 992px) and (min-width: 761px) {
    .bx-slider-sondakika ul li a {
        height: auto;
    }

    .sdLeft .bx-slider-sondakika ul.bxslider li {
        height: calc((9 / 16) * (100vw - 370px));
    }
}