﻿.piyasa_maset_yani {
    max-width:310px;
    width: 100%;
    height: 443px;
}

.hbMainSlider .slider .bullets.number .bullet {
    font-size: 16px;
    width: 5%;
}

.hbMainSlider .slider .bullets.number .bullet::before {
    content: attr(data-sid);
}

.hbOtherNews .hbNewsBox {
    padding: 0;
}

.hbBreadCrumb .hbbcScope .hbbcLeft .hbbcText {
    word-break: break-word;
}

.hbWriterNews .hbPageDetails .hbVideoImgScope .hbptMainImage {
    border: none;
}

.hbForm .prYorumInfo {
    display: flex;
    align-items: center;
    float: left;
    width: 100%;
}

.hbForm .prYorumInfo span {
    width: calc(100% - 202px);
    padding-right: 10px;
    font-size: 12px;
    line-height: 120%;
}

.partners {
    width: 100%;
    height: auto;
    float: left;
    background-color: #e5e5e5;
    margin-bottom: 10px;
    padding: 5px;
    display: flex;
}

.partners .DnmBnr_content_logo {
    max-width: 200px;
    max-height: 70px;
    width: auto;
    height: auto;
    margin-right: 10px;
    overflow: hidden;
    display: flex;
}

.DnmBnr_logo {
    width: 100%;
    object-fit: contain;
    padding: 10px 15px;
    object-position: left;
}

.pnrlist {
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 14px;
    color: #000;
}

.pnrlist::before {
    content: "•";
    font-size: 20px;
    font-weight: 900;
}

.slider .slide .hblnTime-slider {
    display: none;
}

.swiper-wrapper .swiper-slide .hbgsImage {
    line-height: 0%;
    display: block;
}

.hbWriterNews .hbNewsBox.hbContainer {
    display: block;
}

.hbWriterNews .hbContainer .hbBreadCrumb {
    order: 1;
}

.hbWriterNews .hbContainer .hbRow {
    order: 2;
}

.hbWriterNews .hbContainer .SliderRow {
    order: 3;
}

.hbWriterNews .hbContainer .hbRow.hbNewsBox {
    order: 4;
}

.hbWriterNews .hbContainer .hbGeneralTitles h1 {
    font-size: 34px;
    text-transform: uppercase;
}


.hbBoxScope .blackStyle.yazarStyle .yazar-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 15px;
    height: calc(100% - 40px);
    position: relative;
}

.blackStyle.yazarStyle .yazar-content a:first-child {
    border-bottom: 1px solid #ececec;
}

.blackStyle.yazarStyle .yazar-content a {
    padding: 10px 0;
    width: 100%;
    position: relative;
    display: block;
}

.hbMainSlider .slider .slide {
    width: 100%;
    height: auto;
    display: flex;
}

.hbMainSlider .slide img {
    width: 100%;
    height: 100%;
}

.hbMainSlider .slider .slides {
    width: calc(100% * 27);
}

.hbMainSlider .slider .bullets {
    display: flex;
}

.hbMainSlider .slider .bullets .bullet {
    width: calc(100% / 25);
    cursor: pointer;
}

.hbMainSlider .slider .bullets .bullet::before {
    content: "•";
}

.newsErrorScope .newsErrorScopeOtherCategorie .newsErrorScopeOtherCategorieIcon {
    width: calc(33.3% - 10px);
    position: relative;
    float: left;
    text-align: center;
    margin: 10px 5px;
}

.newsErrorScope .newsErrorScopeOtherNewsCategoriesList {
    margin: 0;
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e1e1e1;
}

.newsErrorScope .newsErrorScopeOtherNewsCategoriesList:nth-child(odd) {
    margin-right: 0;
}

.newsErrorScope .newsErrorScopeOtherNewsCategoriesList a {
    line-height: 125%;
    width: 140px;
}

.newsErrorScope .newsErrorScopeOtherNewsCategoriesList img {
    width: auto;
}

.hbIndex.hbBoxScope .box.twoBox {
    margin-bottom: 10px;
    padding: 10px;
}

/*.hbDailyHeadline .hbBoxScope .hbBoxImage {
    width: 100% !important;
    height: auto !important;
    border-bottom: 4px solid #666;
}

.hbDailyHeadline .hbBoxScope .hbBoxMainText {
    border-bottom: none;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}*/

.hbOtherNews .hbBoxScope .hbBoxImage {
    width: 178px;
    height: 100px;
}

.imsakCalendar .imsakCalendarBox .imsakCalDate .imsakOtherCountry .imsakOtherTitle {
    position: relative;
    float: left;
    left: 50%;
    width: auto;
    transform: translateX(-50%);
    font-size: 11px;
    font-weight: 700;
    line-height: 130%;
    color: #162c54;
    background: url(https://www.haberler.com/static/img/tasarim/hours.png) no-repeat center left;
    background-size: 13px auto;
    padding-left: 16px;
}

.imsakCalendar .imsakCalendarBox .imsakCalDate .imsakOtherCountry .imsakOtherBox {
    width: 100%;
    position: relative;
    float: left;
    border: solid 1px #d3d3d3;
    padding: 10px;
    font-size: 11px;
    text-align: center;
    color: #717171;
    font-weight: 400;
    margin-top: 10px;
    line-height: 180% !important;
}

.imsakCalendar .imsakCalendarBox .imsakCalDate .imsakOtherCountry .imsakOtherBox strong {
    font-weight: 700;
    color: #222;
}

.colPageRight .hbBoxScope .hbBoxImage {
    width: 100%;
    height: 168px;
}

.detailSlider {
    max-width: 336px;
    width: 100%;
}

.detailSlider .hbMainSlider .slider .bullets .bullet {
    background-color: #000;
}

.detailSlider .hbMainSlider .slider .slides {
    height: auto;
}

.detailSlider .hbMainSlider .slider .bullets .bullet::before {
    content: "•";
    color: #fff;
}

.detailSlider .hbMainSlider .slider .bullets .bullet.active::before {
    color: #fe0000;
}

.hbNewspaper .hbnScope.padTopZero {
    padding: 0;
}

.hbNewspaper .hbnScope .hbNewspaperList {
    width: calc(100% + 30px);
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.hbNewspaper .hbnScope .hbNewspaperList .hbNewspaperImg img {
    width: 100%;
    height: auto;
}

.NewspaperPage .hbRow.newsPaperTitle .hbGeneralTitles {
    margin-bottom: 24px;
}

.qDateDayHeadline input {
    padding-right: 10px;
}

.hbDateHeadlineScope .hbdpScope .hbdpColumnCenter {
    width: calc(100% - 44px);
}

.hbDateHeadlineScope .hbdpScope .hbdpColumnCenter .hbdpText {
    max-width: 230px;
}

.mainAstrology .hbDailyHeadline .hbdhText h3 {
    margin: 20px 0;
}

.mainAstrology .hbDailyHeadline .hbdhText h3:first-child {
    margin-top: 0;
}

.wordPage .hbIndex.hbBoxScope .hbBoxMainText .hblnTitle {
    font-size: 14px;
    font-weight: 400;
    padding: 0 10px;
    margin: 10px 0;
}

.hbFinanceDetails .scroll, .hbFinanceDetails.scroll {
    overflow-x: auto;
}

.hbChanel {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 0;
}

.hbChanel .hbaItemList {
    width: calc(100% / 15);
    padding: 0 5px;
    margin: 5px 0;
    border-right: 1px solid #f4f4f4;
    display: flex;
    justify-content: center;
}

.hbChanel .hbaItemList img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.hbChanel .hbaItemList:last-child {
    border-left: none;
}

.hbContainer.mainChanel .colPageLeft.content-part {
    padding: 20px;
}

.chanel-table tbody tr {
    border-bottom: 1px solid #e3e3e3;
}

.chanel-table thead tr th {
    font-size: 20px;
    font-weight: 700;
    padding: 5px 0 15px 0;
    color: #000;
}

.chanel-table thead tr th:first-child, .chanel-table tbody tr td:first-child {
    text-align: left;
    width: auto;
}

.chanel-table thead tr th, .chanel-table tbody tr td {
    text-align: right;
    width: 140px;
}

.chanel-table tbody tr:last-child {
    border-bottom: none;
}

.chanel-table tbody tr td {
    padding: 10px 0;
}

.yzrlstslc {
    position: relative;
    margin-left: auto;
    right: 20px;
    top: 0;
    margin-bottom: 5px;
}

.hbBoxBiographyDetails .hbbbImageName .hbbbCityDate.writercontent {
    width: auto;
    padding-left: 0;
    margin-bottom: 0;
}

#hbYdYazar h2 {
    margin: 0;
    font-size: 25px;
}

#hbYdYazar .yzr-gorev {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}

.hbBoxBiographyDetails .hbbbImageName .hbbbCityDate.writercontent .hbYdinf {
    margin: 0;
    padding: 0;
}

.hbBoxBiographyDetails .hbbbImageName .hbbbCityDate.writercontent .hbYdinf li {
    padding: 0;
}

.hbBoxBiographyDetails .hbbbImageName .hbbbImagRadius {
    position: relative;
}

.hbBoxBiographyDetails .hbbbImageName {
    display: flex;
    flex-wrap: wrap;
}

.hbBoxBiographyDetails .hbbbImageName .hbbbImagRadius.writer {
    left: 0;
    margin-right: 10px;
}

.yzrtime {
    color: #a0a0a0;
    font-size: 14px;
    margin-top: 18px;
    line-height: 100%;
}

.hbForm .prYorumUyarı {
    float: left;
    /*width: calc(100% - 210px);*/
    font-size: 13px;
    line-height: 140%;
}

.hbBoxScope .hbBoxMainText .yzr-ozet p {
    display: block;
}

.hbWriterNews .hbOtherNews .hbaltTitle {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 20px;
}

#hbYdYazar .hbYdyzrts {
    margin-top: 10px;
}

.quiz-alt-list ul {
    margin: auto
}

.quiz-alt-list ul li {
    border-top: 1px solid #ececec;
    padding: 10px;
    box-sizing: border-box;
    width: 100% !important;
    min-height: 110px;
    border-top: 1px solid #ececec;
    margin-bottom: 1px;
    padding-top: 10px !important;
    display: inline-block
}

.quiz-alt-list ul li a {
    display: block
}

.quiz-alt-list ul li a:after {
    content: "";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.quiz-alt-list ul li .quiz-img {
    width: 100px;
    float: left;
    overflow: hidden;
    height: 100px;
    display: inline-block
}

.quiz-alt-list ul li .quiz-txt {
    float: left;
    padding-right: 5px;
    margin-left: 10px;
    margin-right: 10px;
    position: absolute;
    display: inline-block;
    height: 100px;
    overflow: hidden;
    width: 100%;
    padding-right: 130px;
    box-sizing: border-box
}

.quiz-alt-list ul li .quiz-txt > span {
    font-family: Roboto,sans-serif;
    position: relative;
    top: 0;
    color: #353d3f;
    text-shadow: 0 0 0 #000;
    font-size: 16px;
    padding: 0 1px 1px 0;
    font-weight: 700;
    box-sizing: border-box;
    line-height: 120%;
    margin: 0;
    vertical-align: baseline;
    display: inline-block
}

.quiz_list_info {
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding-right: 130px
}

.quiz_list_info .quiz_cat {
    float: left;
    padding: 3px 5px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px
}

.quiz_list_info .quiz_star {
    float: right;
    padding: 5px;
    color: #0079ff;
    font-weight: 700;
    font-size: 16px
}

.quiz_list_info .quiz_star .quiz_star_icon {
    font-size: 18px
}

#quiz_list_categories {
    width: 100%;
    padding: 10px;
    box-sizing: border-box
}

#quiz_list_categories ul {
    -webkit-overflow-scrolling: touch;
    width: inherit;
    margin: 0;
    overflow-x: scroll;
    display: Block;
    white-space: nowrap
}

#quiz_list_categories ul:after {
    content: "";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

#quiz_list_categories ul li {
    margin: 10px 10px 0 0;
    border: none;
    padding: 0;
    display: inline-block
}

#quiz_list_categories ul li a {
    display: block;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 14px
}

#quiz_list_categories ul li .pasif {
    display: block;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    background-color: #0079ff
}

#quiz_list_categories ul li .aktif {
    background-color: #db1616
}

#quiz_list_categories ul::-webkit-scrollbar {
    width: 0;
    background: 0 0
}

.hbTableContent tbody tr.dptrncu {
    background-color: #F79F1F;
}

.hbTableContent tbody tr.dptrncu td {
    color: #fff;
}

.hbTableContent.deprem tbody td:first-child {
    border-right: 0;
}

.hbTableContent.deprem tbody td {
    text-align: left;
    line-height: 100%;
}

.hbSportStandings .hbssScope {
    width: 100%;
    position: relative;
    float: left;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.hbSportStandings .hbssScope .hbssTitle {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    float: left
}

.hbSportStandings .hbssScope .hbssTitle span {
    font-family: sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #333;
    line-height: 140%
}

.hbSportStandings .hbColBoxFull {
    width: 100%;
}

.hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine:last-child {
    border-bottom: 0
}

.hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine {
    width: 100%;
    position: relative;
    float: left;
    height: 100%;
    border-bottom: 1px solid #e3e3e3;
}

.hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs {
    display: flex;
    justify-content: center;
}

.hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs .hbwmScore .hbsHome.active {
    background: #2da187;
    color: #fff
}

.hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs .hbwmScore .hbsHome {
    position: relative;
    float: left;
    height: 28px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #2da187;
    color: #2da187;
    text-align: center;
    font-size: 15px;
    padding: 5px;
    margin-right: 10px;
    min-width: 22px;
    font-weight: 600
}

.hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs span, .hbSportStandings .hbssScope .hbssTitle .hbstWeekNumber {
    font-size: 13px;
    font-weight: 400
}

.hbSportStandings .hbssScope .hbstWeekNumber {
    font-weight: 700;
    font-size: 13px;
    float: right;
    color: #2da187 !important;
    line-height: 180%;
}

.hbssScope > img {
    float: left
}

.hbs-on {
    margin-bottom: 10px
}

.hbss-on {
    min-height: 210px !important
}

.hbwm-on {
    margin-top: 40px
}

.hbSportStandings-on {
    height: 210px
}

.hbwmScore-on {
    margin-top: 30px
}

.hbsHome-on {
    margin: 3px 0
}

.hbContainer.chance ul li {
    list-style: inside;
    padding-bottom: 10px;
    font-size: 16px
}

.ist {
    font-size: 17px !important
}

.hbstHafta {
    position: relative;
    padding: 5px 0 0 10px;
    top: 0;
    color: #000;
    float: left;
    font-weight: 600
}

.hbstTarih {
    position: relative;
    padding: 10px 5px 0 20px;
    color: #2da187 !important;
    float: left;
    font-weight: 600
}

.onck {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 20px;
}

.img-area {
    float: left;
    height: 40px;
}

.hbGeneralTitles h2 {
    font-family: sans-serif;
    font-size: 17px;
    color: #000;
    line-height: 120%
}

.hbContainersns {
    padding-left: 10px
}

.sns-detay {
    font-weight: 600;
    font-size: 15px
}

.hbSportStandings {
    min-height: 150px;
    padding: 20px;
}

.sns-detay-on {
    font-weight: 600;
    font-size: 15px
}

.hbRightMenu .hbrmAboutProgress .hbrmAboutProgressItem .hbrmProgress .hbrmProgressActive {
    width: 100%;
    position: relative;
    float: left;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    height: 100%;
    background-color: #fe0000;
}

.hbContactForm .hbContactFormBlocksFull.check {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 12px;
}

.hbContactForm .hbContactFormBlocksFull .g-recaptcha {
    margin-top: 10px;
    margin-bottom: 20px;
}

.hbLeftMenu .hblmItem .hblmSubBlock {
    display: none;
}

.hbLeftMenu .hblmItem.wmItem.active .hblmSubBlock {
    display: block;
}

#coronaTable tbody tr {
    display: none;
}

#coronaTable tbody tr:nth-child(-n+20) {
    display: table-row;
}

.hbCovid .more-covid {
    float: left;
    margin-top: 10px;
    font-weight: 500;
    color: #fe0000;
}

#coronaTableBaslik {
    background-color: #efefef;
    z-index: 10;
    width: 656px
}

#coronaTableBaslik > thead > tr > th {
    border-bottom: solid 2px #ccc;
    font-size: 13px
}

#coronaTableBaslik > thead > tr > th:not(:last-child), #coronaTable > tbody > tr > td:not(:last-child) {
    border-right: 1px solid #e3e3e3
}

#coronaTable > tbody > tr > td:not(:nth-child(2)), #coronaTableBaslik > thead > tr > th:not(:nth-child(2)) {
    text-align: right;
    padding-right: 7px
}

#coronaTable > tbody > tr > td:nth-child(2) {
    color: #000;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis
}

#coronaTable > tbody > tr > td:nth-child(1), #coronaTableBaslik > thead > tr > th:nth-child(1) {
    width: 6%
}

#coronaTable > tbody > tr > td:nth-child(2), #coronaTableBaslik > thead > tr > th:nth-child(2) {
    width: 14%
}

#coronaTable > tbody > tr > td:nth-child(3), #coronaTableBaslik > thead > tr > th:nth-child(3) {
    width: 11%
}

#coronaTable > tbody > tr > td:nth-child(4), #coronaTableBaslik > thead > tr > th:nth-child(4) {
    width: 11%
}

#coronaTable > tbody > tr > td:nth-child(5), #coronaTableBaslik > thead > tr > th:nth-child(5) {
    width: 10%
}

#coronaTable > tbody > tr > td:nth-child(6), #coronaTableBaslik > thead > tr > th:nth-child(6) {
    width: 10%
}

#coronaTable > tbody > tr > td:nth-child(7), #coronaTableBaslik > thead > tr > th:nth-child(7) {
    width: 10%
}

#coronaTable > tbody > tr > td:nth-child(8), #coronaTableBaslik > thead > tr > th:nth-child(8) {
    width: 12%
}

#coronaTable > tbody > tr > td:nth-child(9), #coronaTableBaslik > thead > tr > th:nth-child(9) {
    width: 10%
}

#coronaTable, #coronaTableBaslik {
    width: 100%;
}

#coronaTable > tbody > tr > td:nth-child(4) > span {
    background-color: #ffd800
}

#coronaTable > tbody > tr > td:nth-child(6) > span {
    background-color: #ff4500;
    color: #fff
}

#coronaTable > tbody > tr:last-child > td {
    color: #000;
    font-weight: 700
}

.hbCovid .hbPrayerTimeTable thead tr th {
    font-size: 14px
}

.hbCovid .text {
    margin-bottom: 15px;
    width: 100%;
    position: relative;
    float: left;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 150%
}

.hbCovid .hbonTitle {
    font-family: Poppins,sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #333;
    margin: 15px 0px;
    line-height: 180%
}

.hbCovid .hbPrayerTimeTable tbody tr {
    width: 100%;
    border-bottom: 1px solid #e3e3e3
}

#coronaTable > tbody > tr.turkey > td {
    background-color: aqua
}

.hbCovid .hbBoxBiographyDetails p {
    width: 100%;
    position: relative;
    float: left;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 120%
}

#coronaTable td, #coronaTableBaslik th {
    font-family: sans-serif
}

.hbCovid .hbBoxMainText {
    font-weight: 700 !important;
    line-height: 140% !important
}

.korona-spot {
    width: 100%;
    position: relative;
    float: left;
    font-family: Poppins,sans-serif;
    padding-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 140%;
    overflow: hidden
}

.korona-spot strong {
    display: contents;
}

.gsc-control-cse {
    background-color: #fff !important;
    border: none !important;
    padding: 0 !important;
}

form.gsc-search-box {
    background-color: #FDD900 !important;
    padding: 10px;
}

table.gsc-search-box td {
    position: relative;
}

table.gsc-search-box td .gsst_b {
    position: absolute;
    top: 0;
    right: 0;
}

.hbPageDetails .hbptContent figure.wp-block-table, .hbPageDetails .hbptContent figure.wp-block-image, .hbPageDetails .hbptContent figure.wp-block-embed {
    width: 100%;
}

    .hbPageDetails .hbptContent figure.wp-block-table .tablescope, .hbPageDetails .hbptContent figure.wp-block-image .tablescope, .hbPageDetails .hbptContent figure.wp-block-embed .tablescope {
        overflow: auto;
    }

    .hbPageDetails .hbptContent figure.wp-block-table td {
        width: 93px;
        font-size: 13px;
        padding: 5px;
    }

@media only screen and (max-width : 1101px) {
    #coronaTableBaslik, #coronaTable {
        width: 850px !important
    }
}

@media only screen and (min-width: 1101px) {
    /* FOOTER */
    .hbFooter {
        width: 100%;
        position: relative;
        float: left;
        background: #fff;
        margin-top: 50px;
    }

    .hbFooter .hbftLinkScope {
        width: 100%;
        position: relative;
        float: left;
        padding: 20px 0;
    }

    .hbFooter .hbftLinkScope {
        width: 1076px !important;
        margin: auto !important;
        display: table;
        float: none;
    }

    .hbContainer {
        position: relative;
        width: 1056px;
        max-width: 1056px;
        margin: 0 auto;
        padding: 0;
        display: block;
    }

    .hbFooter .hbftLinkScope .hbftLink {
        width: 100%;
        position: relative;
        float: left;
    }

    .hbFooter .hbftLinkScope .hbftLink .hbftCol {
        width: 16.66%;
        position: relative;
        float: left;
    }

    .hbFooter .hbftLinkScope .hbftLink .hbftCol .hbftUrl {
        font-size: 14px;
        font-weight: 400;
        color: #333;
        width: 88%;
        position: relative;
        float: left;
        padding: 6px 0;
        border-bottom: 1px solid #dfe9f2;
        line-height: 100%;
    }

    .hbFooter .hbftLinkScope .hbftLink .hbftCol .hbftUrl:first-child {
        padding-top: 0;
    }

    .hbFooter .hbftLinkScope .hbftLink .hbftCol .hbftUrl:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .hbFooter .hbftLinkScope .hbftLink .hbftCol .hbftUrl.hbftUrlBold {
        font-weight: 700;
    }

    .hbFooter .hbftLinkScope .hbftContent {
        font-size: 13px;
        font-weight: 400;
        line-height: 200%;
        color: #333;
        width: 100%;
        position: relative;
        float: left;
        border-top: 1px solid #dfe9f2;
        margin-top: 20px;
        padding: 0;
        padding-top: 20px;
        text-align: left;
    }

    .hbft_ymsite {
        float: left;
    }

    .hbFooter .hbftLinkScope .hbftContent a {
        font-weight: 700;
    }

    .hbft_applink {
        float: right;
    }

    .ftsclinks a {
        margin: 3px;
    }

    .slider .wrapper {
        width: 100%;
        height: auto;
    }

    .slider .slides {
        left: 0;
        width: calc((100vw - (100vw - 1056px) - 324px) * 25);
        height: calc((411 / 732) * (100vw - (100vw - 1056px) - 324px));
    }

    .slider .slide {
        width: calc(100vw - (100vw - 1056px) - 324px);
        height: calc((411 / 732) * (100vw - (100vw - 1056px) - 324px));
    }

    .slide img {
        width: calc(100vw - (100vw - 1056px) - 324px);
        height: calc((411 / 732) * (100vw - (100vw - 1056px) - 324px));
    }
}

#devami .hbPageDetails .hbptHead p {
    line-height: 135%;
}

.editorBiography .hbBoxBiography {
    min-height: 0 !important;
}

.editorBiography .hbBoxBiography .hbbbImageName .hbbbImagRadius {
    position: relative;
    float: left;
    top: 0;
    margin-right: 20px;
}

.editorBiography .hbBoxBiography .hbbbImageName .hbbbName {
    width: calc(100% - 130px);
    padding-left: 0;
    padding-top: 15px;
    float: right;
}

.editorBiography .hbBoxBiography .hbbbImageName .hbbbName h1 {
    font-size: 25px;
}

.editorBiography .hbBoxBiography .hbbbImageName .hbbbTitle {
    font-size: 14px;
    margin: 0;
}

.editorBiography .hbBoxBiography .hbbbImageName .hbbbText {
    width: 100%;
    font-size: 14px;
    float: left;
    line-height: 140%;
    margin-top: 24px;
}

.m-0 {
    margin: 0px !important;
}

.hbPageDetails .hbptItem.imgtxtarea-galeri {
    padding: 0 !important;
    border: 0;
    order: 2;
    margin-left: 15px;
    margin-bottom: 15px;
}

.hbFooter .hbftLinkScope .hbftlContent {
    display: flex;
    flex-wrap: wrap;
}

.hbContactForm .hbContactFormBlocksFull {
    margin: 7px 0;
}

    .hbContactForm .hbContactFormBlocksFull .noDisplayClass {
        font-size: 15px;
        font-weight: 600;
        margin-right: 10px;
    }

    .hbContactForm .hbContactFormBlocksFull input {
        padding: 5px;
        border-radius: 3px;
        margin-right: 5px;
        border-color: rgba(204, 204, 204, 0.5) !important;
    }
    .hbContactForm .hbContactFormBlocksFull select {
        padding: 5px;
        border-radius: 3px;
        border-color: rgba(204, 204, 204, 0.5) !important;
    }
.hbWebMBox {
    float: right;
    margin-top: 24px;
}
.hbWebMBox .hbwbScope .hbWebMRow .hbwbFullColumn {
    margin-bottom: 15px;
}
.hbWebMBox .hbwbScope .hbWebMRow .hbwbProvinceName {
    font-weight: 600;
}

@media only screen and (max-width: 1100px) {
    .hbFooter.desktop {
        display: none;
    }

    .hbChanel .hbaItemList {
        width: calc(100% / 5);
    }

    .hbChanel .hbaItemList:nth-child(5n) {
        border-right: none;
    }
}

@media only screen and (max-width: 1100px) and (min-width: 768px) {
    .slider .slides {
        left: 0;
        width: calc((100vw - 354px) * 25);
        height: calc((411 / 732) * (100vw - 354px));
    }

    .slider .slide {
        width: calc(100vw - 354px);
        height: calc((411 / 732) * (100vw - 354px));
    }

    .slide img {
        width: calc(100vw - 354px);
        height: calc((411 / 732) * (100vw - 354px));
    }
    .hbBoxCountry .hbBoxContent .countryInfo tr td:first-child {
        width: 100px;
    }
    .hbFooter .hbftLinkScope .hbftlContent {
        padding: 20px;
    }
}
@media only screen and (min-width: 991px) {
    .hbWebMBox {
        display: flex;
        flex-wrap: wrap;
    }

        .hbWebMBox .hbwbScope {
            width: calc(50% - 10px);
        }

            .hbWebMBox .hbwbScope:first-child {
                margin-right: 20px;
            }
}
@media only screen and (min-width: 880px) {
    #hbceEmojiContainer {
        position: absolute;
        right: 0;
        z-index: 10;
    }
    .hbCommentAdd .hbcaTitle {
        margin-top: 24px;
    }
    .colpageYorumlar .prYorumKutu {
        margin-top: 45px;
    }
    .colpageYorumlar .hbcaTitle ~ .prYorumKutu {
        margin-top: 0;
    }
}
@media only screen and (min-width: 768px) {
    .hbInRow.hbOtherNews {
        margin: 10px 0;
    }

    .hbOtherNews .hbBoxScope .hbBoxMainText:first-child {
        padding-top: 0;
    }

    .hbOtherNews .hbBoxScope .hbBoxMainText:last-child {
        padding-bottom: 0;
    }

    .hbWriterNews .hbNewsBox.hbContainer {
        margin: 0 -12px;
        position: relative;
        width: calc(100% + 24px);
        padding: 0;
        max-width: calc(100% + 24px);
    }

    .hbWriterNews .hbContainer .SliderRow .WpColumn {
        padding-bottom: 24px;
    }

    .p12-col.colTwo {
        width: calc((100% / 3) * 2);
        height: 304px;
    }

    .p12-col {
        padding: 0 12px;
        width: calc(100% / 3);
        height: 100%;
        float: left;
    }

    .hbIndex.hbBoxScope .p12-col .boxStyle.hbBoxMainText {
        height: 280px !important;
    }

    .hbIndex.hbBoxScope .p12-col.colTwo .hbBoxMainText {
        height: auto;
        min-height: 46px;
        font-size: 18px;
        font-weight: 500;
        color: #000;
        line-height: 130%;
        border: none;
        margin-bottom: 10px;
    }

    .hbIndex.hbBoxScope .box.twoBox {
        position: relative;
        height: 280px !important;
        margin-bottom: 24px;
        padding: 10px 15px;
    }

    .hbIndex.hbBoxScope .colTwo .hbbiText {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 2px 10px;
        background-color: #4a4a4a85;
        font-family: Poppins,sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 150%;
        color: #fff;
    }

    .hbIndex.hbBoxScope .box.twoBox .hbBoxImage {
        width: calc(55% - 10px) !important;
        max-width: 336px;
        height: auto !important;
        border-bottom: 4px solid #666;
    }

    .hbIndex.hbBoxScope .box.twoBox .hbBoxMainSubText p {
        float: left;
        width: 45%;
        line-height: 160%;
        overflow: hidden;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }

    .hbHeader.mobile {
        display: none;
    }

    .hbGeneralScope {
        padding-top: 0 !important;
    }

    #anasayfamanset {
        display: none;
    }

    .hbPageDetails.colPage {
        width: calc(100% - 360px);
        margin-right: 24px;
        margin-bottom: 24px;
    }
   

    .hbPageDetails .hbptHead,
    .hbPageDetails .hbptContent {
        padding: 20px 20px 0 20px;
    }

    .hbWriterNews .hbPageDetails .hbptContent {
        padding: 0px 20px 20px 20px;
    }

    .hbPageDetails .hbptHead h1 {
        display: block;
        font-size: 32px;
        font-weight: 800;
        line-height: 130%;
    }

    .hbWriterNews .hbVideoImgScope {
        margin: 10px 0;
    }

    .hbPageDetails .hbptHead .hbptTagDate {
        font-size: 15px;
        font-weight: 500;
        margin-top: 0;
        line-height: 140%;
    }

    .hbPageDetails .hbptHead .hbptTagDate .hbptDate {
        font-size: 15px;
        font-weight: 500;
    }

    .hbPageDetails .hbptHead p {
        font-size: 20px;
        font-weight: 400;
        margin: 0;
        margin-top: 20px;
        line-height: 135%;
    }

    .hbPageDetails .hbptContent p {
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 10px;
        margin-top: 0;
        width: auto;
        display: block;
    }

    .hbptContent ul li {
        font-size: 16px;
        font-weight: 400;
    }


    .tab-checkbox,
    .accordion-title::before,
    .tab-checkbox:checked + .accordion-title::before,
    .hbPageDetails .hbptContent .accordion-p::before {
        display: none;
    }

    .tab-checkbox:checked ~ .accordion-p ~ .tab-checkbox:not(:checked) ~ .accordion-p, .tab-checkbox:checked ~ .accordion-p ~ .tab-checkbox:checked ~ .accordion-p {
        display: block;
    }

    .hbPageDetails .hbptContent .accordion-p {
        padding-left: 0;
        display: block;
        margin: 10px 0;
    }

    .catarea {
        display: none;
    }

    .hbOtherNews .hbRow.hbNewsBox {
        width: 100%;
        line-height: 0;
    }

    .hbPageDetails .hbptItem.imgtxtarea {
        margin: 10px 0 !important;
        padding: 0 !important;
        border: 0;
        order: 2;
        display: flex;
    }

    .hbptAuthorImg {
        height: 62px;
    }

    .hbPageDetails .hbptItem .hbptAuthorImg img {
        width: 62px;
        height: 62px;
        border: none;
    }

    .hbInRow.boxStyle.hbPageDetails {
        width: calc(100% - 360px);
        margin: 0;
        margin-right: 24px;
        margin-top: 24px;
    }

    .colPage.colpageYorumlar {
        margin: 0;
        padding: 20px;
    }

    .hbInRow.boxRadius.hbCommentAdd {
        margin-top: 0;
    }

    .orderFlex {
        display: flex;
        flex-direction: column;
    }

    #hbceEmojiContainer {
        order: 3;
    }

    .hbOtherNews .hbBoxScope .hbBoxMainText {
        box-shadow: none;
        margin-bottom: 0;
        padding: 14px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .colPageRight {
        width: 336px;
        float: right;
        margin-top: 24px;
    }

    .rightCol {
        width: 336px;
        float: right;
    }

    .hbOtherNews .hbBoxScope .hbBoxMainText,
    .hbOtherNews .hbBoxScope .hbBoxMainText p {
        font-size: 16px;
        font-weight: 700;
        line-height: 140%;
        margin: 0;
    }

    .hbOtherNews .hbBoxScope .hbBoxMainText:last-child {
        border-bottom: none;
    }

    .jbtxt {
        font-size: 14px;
        font-weight: 400;
    }

    .sltxt {
        font-size: 12px;
        font-weight: 400;
        color: #000;
        opacity: 1;
    }

    .hbFooterNewsText .hbftntTitle {
        padding: 0 15px;
        margin-top: 20px;
    }

    .hbFooterNewsText .hbftntTitle h3 {
        font-size: 20px;
        line-height: 140%;
        color: #333;
    }

    .hbFooterNewsText .hbftntContent {
        padding: 14px 20px;
    }

    .hbFooterNewsText .hbftntContent .hbftntLink {
        font-size: 16px;
        color: #333;
        padding: 10px 0;
        line-height: 140%;
    }

    .hbEmojiScope {
        display: inline-block;
        padding: 20px 20px 0px 20px;
    }

    .colPageRight .hbBoxScope .hbBoxImage {
        width: 100% !important;
        position: relative;
        float: left;
        /*height: 168px !important;*/
        overflow: hidden;
        border-bottom: 4px solid #666;
    }

    .colPageRight .hbBoxScope .hbBoxMainText {
        width: 100%;
        position: relative;
        float: left;
        height: auto;
        min-height: 112px;
        font-size: 18px;
        font-weight: 500;
        color: #333;
        line-height: 130%;
        padding: 10px 10px;
        overflow: hidden;
        border-bottom: none;
    }

    .colPageLeft {
        width: calc(100% - 360px);
        margin: 0;
        margin-right: 24px;
        padding: 0;
    }

    .hbBoxScope .hbBoxImage .hbbiText,
    .hbCatBoxFullSlider .hbBoxImage .hbbiText {
        background-color: rgb(74 74 74 / 52%);
        font-size: 12px;
        color: #fff;
    }

    #mansetHaberler .hbBoxScope .box {
        width: calc(50% - 12px);
        height: 280px !important;
    }

    #mansetHaberler .hbBoxScope .box:nth-child(even) {
        margin-left: 12px;
    }

    #mansetHaberler .hbBoxScope .box:nth-child(odd) {
        margin-right: 12px;
    }

    #mansetHaberler .hbBoxScope .box .hbBoxImage {
        width: 100% !important;
        height: auto !important;
        margin-right: 0;
        border-bottom: 4px solid;
        position: relative;
    }

    #mansetHaberler .hbBoxScope .box .hbBoxMainText {
        padding: 10px;
        font-weight: 500;
    }

    #mansetHaberler .hbonTitleFl {
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 20px !important;
        margin-top: 0;
        line-height: 150%;
    }

    .hbPageDetails .hbptContent.SonDak {
        padding: 0;
        padding-top: 10px;
    }

    .hbptContent.SonDak .hbNewsDt {
        padding: 0;
        padding-left: 180px;
        margin: 7.5px auto;
        float: left;
        border: 0;
        min-height: 100px;
    }

    .hbptContent.SonDak .hbNewsDt .hbndImage {
        width: 170px;
        top: 0;
    }

    .hbptContent.SonDak .hbNewsDt .hbndImage img {
        border: 0;
        margin: 0;
    }

    .hbptContent.SonDak .hbNewsDt .hbndTitle {
        font-size: 18px;
        font-weight: 700;
    }

    .hbBreadCrumb .hbbcScope {
        margin-top: 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .SliderRow {
        display: flex;
        margin-top: 24px;
    }

    .SliderRow .SliderColumn {
        width: calc(100% - 324px);
        margin-right: 24px;
    }

    .SliderRow .WpColumn .WpText {
        width: 100%;
        height: 43px;
        color: #333;
        float: left;
        padding: 10px 15px 10px 45px;
        font-size: 15px;
        display: flex;
        align-items: center;
        position: relative;
    }

    .SliderRow .WpColumn .WpText img {
        position: absolute;
        left: 10px;
        top: calc(50% - 13.5px);
    }

    .col100 {
        width: 100%;
        position: relative;
        float: left;
    }

    .hbGalleryQuiz {
        margin-bottom: 16px;
    }

    .hbGalleryQuiz .hbGallerySwiper {
        width: calc(50% - 8px);
        max-width: 358px;
        position: relative;
        float: left;
        height: 140px;
        margin-right: 16px;
        margin-bottom: 0;
        border-left: 4px solid #ad3d85;
    }

    .hbGalleryQuiz .hbgsSlider {
        width: 100%;
        position: relative;
        float: left;
        padding: 5px;
    }

    .hbGalleryQuiz .hbgsSlider .swiper-slide {
        padding-left: 145px;
    }

    .hbGalleryQuiz .hbgsSlider .swiper-slide a {
        display: block;
        height: 130px;
    }

    .hbGalleryQuiz .hbgsSlider .swiper-slide .hbgsImage {
        position: absolute;
        left: 0px;
        top: 0;
        width: 136px;
        height: 130px;
        overflow: hidden;
    }

    .hbGalleryQuiz .hbgsSlider .swiper-slide span {
        height: 100px;
        line-height: 135%;
        overflow: hidden;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }

    .hbGalleryQuiz .hbQuizSwiper {
        width: calc(50% - 8px);
        max-width: 358px;
        position: relative;
        float: left;
        height: 140px;
        border-left: 4px solid #2da187;
        margin-bottom: 0;
    }

    .hbGalleryQuiz .hbgsPgArw {
        position: absolute;
        bottom: 10px;
        top: auto;
        right: 5px;
        width: 200px;
    }

    .hbGalleryQuiz .hbgsPgArw .swiper-button-next {
        background-image: url("https://www.haberler.com/static/img/tasarim/icon-red-rightarrow.png");
        width: 22px;
        height: 22px;
        background-size: 22px 22px;
        margin-top: 0;
        z-index: 11;
        outline: 0;
        right: 0;
        top: 0;
        -webkit-transition: all 0.34s ease;
        -moz-transition: all 0.34s ease;
        -ms-transition: all 0.34s ease;
        -o-transition: all 0.34s ease;
        transition: all 0.34s ease;
    }

    .hbGalleryQuiz .hbgsPgArw .swiper-button-prev {
        background-image: url("https://www.haberler.com/static/img/tasarim/icon-red-leftarrow.png");
        width: 22px;
        height: 22px;
        background-size: 22px 22px;
        margin-top: 0;
        z-index: 11;
        outline: 0;
        left: 0;
        top: 0;
        -webkit-transition: all 0.34s ease;
        -moz-transition: all 0.34s ease;
        -ms-transition: all 0.34s ease;
        -o-transition: all 0.34s ease;
        transition: all 0.34s ease;
    }

    .hbGalleryQuiz .hbgsPgArw .swiper-pagination {
        width: 100%;
        position: relative;
        float: left;
        padding-left: 22px;
        padding-right: 22px;
    }

    .hbGalleryQuiz .hbgsPgArw .swiper-pagination .swiper-pagination-bullet {
        width: 13px;
        height: 22px;
        margin: 0 2px;
        color: #fe0000;
        background-color: transparent;
        opacity: 1;
        font-size: 13px;
        line-height: 180%;
        outline: none;
    }

    .hbGalleryQuiz
    .hbgsPgArw
    .swiper-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #fe0000;
        color: #fff;
        width: 22px;
        height: 22px;
    }

    .hbExchange.hb-fin {
        border-left: 4px solid #fe0000;
        height: 25px;
        display: flex;
        align-items: center;
    }

    .hbExchange .hbexCol {
        width: 20%;
        border-right: none;
    }

    .hbExchange .hbexCol a {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .hbExchange .hbexCol .hbexIcon {
        width: auto;
        line-height: 100%;
        margin-bottom: 0;
        position: relative;
        font-size: 14px;
        font-weight: 600;
        color: #999;
    }

    .hbExchange .hbexCol .hbexIcon.down:after,
    .hbExchange .hbexCol .hbexIcon.up:after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .hbExchange .hbexCol .hbexStatus {
        width: auto;
        margin-left: 22px;
        font-size: 14px;
    }

    .hbExchange .hbexCol .hbexIcon.down ~ .hbexStatus {
        color: #fe0000;
    }

    .hbExchange .hbexCol .hbexIcon.up ~ .hbexStatus {
        color: #41b87f;
    }

    .hbIndex.hbBoxScope .hbBoxMainText {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0;
        margin-bottom: 24px;
        float: left;
    }

    .hbIndex.hbBoxScope .hbBoxMainText:nth-child(3),
    .hbIndex.hbBoxScope .hbBoxMainText:nth-child(3n + 5) {
        margin-right: 0;
    }

    .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImageContent {
        width: 100%;
        height: 168px;
        overflow: hidden;
        position: relative;
        border-bottom: 4px solid #666;
    }

    .hbIndex.hbBoxScope .hbBoxMainText.color-general .hbBoxImageContent,
    .hbIndex.hbBoxScope .twoBox.color-general .hbBoxImage {
        border-color: #fe0000;
    }

    .hbIndex.hbBoxScope .hbBoxMainText.color-actual .hbBoxImageContent,
    .hbIndex.hbBoxScope .twoBox.color-actual .hbBoxImage {
        border-color: #850030;
    }

    .hbIndex.hbBoxScope .hbBoxMainText.color-finance .hbBoxImageContent,
    .hbIndex.hbBoxScope .twoBox.color-finance .hbBoxImage {
        border-color: #0b5bb3;
    }

    .hbIndex.hbBoxScope .hbBoxMainText.color-magazine .hbBoxImageContent,
    .hbIndex.hbBoxScope .twoBox.color-magazine .hbBoxImage {
        border-color: #ad3d85;
    }

    .hbIndex.hbBoxScope .hbBoxMainText.color-sport .hbBoxImageContent,
    .hbIndex.hbBoxScope .twoBox.color-sport .hbBoxImage {
        border-color: #2da187;
    }

    .hbIndex.hbBoxScope .hbBoxMainText.color-thirdpage .hbBoxImageContent,
    .hbIndex.hbBoxScope .twoBox.color-thirdpage .hbBoxImage {
        border-color: #242424;
    }

    .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImage {
        width: 100% !important;
        height: auto !important;
        max-height: 168px;
        object-fit: cover;
    }

    main.hbContainer.hbWeather .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImage, main.hbContainer.hbArsiv .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImageContent {
        height: 168px !important;
    }

    .hbIndex.hbBoxScope .hbBoxMainText .hbbiText {
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: rgb(74 74 74 / 52%);
        font-size: 12px;
        color: #fff;
        font-weight: 500;
        line-height: 150%;
        padding: 2px 10px;
    }

    .hbIndex.hbBoxScope .hbBoxMainText .hbBoxText {
        padding: 0 10px;
        font-size: 18px;
        font-weight: 500;
        line-height: 130%;
        height: 92px;
        overflow: hidden;
        margin: 10px 0;
    }

    .hbBoxScope .boxV,
    .hbCatBoxFullSlider .boxV {
        width: calc((100% / 3) - 24px);
        margin: 0 12px;
        margin-bottom: 24px;
        float: left;
    }

    .hbBoxScope .boxV.blackStyle {
        height: 584px !important;
    }

    .hbBoxScope .blackStyle.yazarStyle {
        margin-bottom: 24px !important;
        height: 280px !important;
    }

    .hbBoxScope .blackStyle .hbBoxImage {
        width: 100% !important;
        height: 138px !important;
        overflow: hidden;
    }

    .hbIndex.hbBoxScope .blackStyle .hbBoxMainText {
        font-size: 18px;
        font-weight: 500;
        width: 100%;
        height: 128px;
        padding: 10px;
        line-height: 130%;
        margin-bottom: 0;
    }

    .hbBoxScope .blackStyle .hbBoxVslider {
        padding: 15px;
        height: 266px;
        position: relative;
    }

    .hbBoxScope .blackStyle .hbBoxVslider .swiper-slide .hbvsImage {
        width: 80px;
        height: 61px;
        top: 3px;
        overflow: hidden;
    }

    .hbBoxScope .blackStyle .hbBoxVslider .swiper-slide .hbvsImageTitle {
        font-weight: 500;
    }

    .hbBoxScope .blackStyle .hbBoxHeadTitle {
        height: 40px;
    }

    .hbBoxScope .blackStyle .hbBoxVslider .hbgsPgArw .swiper-button-prev {
        background-image: url("../img/icon-white-leftarrow.png");
    }

    .hbBoxScope .blackStyle .hbBoxVslider .hbgsPgArw .swiper-button-next {
        background-image: url("../img/icon-white-rightarrow.png");
    }

    #widget_div {
        width: calc((100% / 3) - 24px);
        display: flex;
        flex-direction: column;
        padding: 0;
        margin: 0 12px;
        margin-bottom: 24px;
        float: left;
        height: 280px !important;
    }

    .slider .bullets.mobBullets {
        display: none;
    }

    .slider .bullets.deskBullets {
        background-color: #fff;
        display: flex;
    }

    .slider .bullets.deskBullets .bullet {
        color: #393838;
        font-size: 15px;
        width: calc(100% / 25);
        position: relative;
    }

    .slider .bullets.deskBullets .bullet.active {
        font-weight: 700;
    }

    .slider .bullets.deskBullets .bullet.active::after {
        content: "";
        width: 100%;
        height: 0;
        border-bottom: 3px solid #fe0000;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .hbMainSlider .swiper-button-next {
        background-image: url(https://www.haberler.com/static/img/tasarim/icon-white-arrowright.png);
        width: 20px;
        height: 40px;
        background-size: 20px 40px;
    }

    .hbMainSlider .swiper-button-prev {
        background-image: url(https://www.haberler.com/static/img/tasarim/icon-white-arrowleft.png);
        width: 20px;
        height: 40px;
        background-size: 20px 40px;
    }

    .hbMainSlider .swiper-pagination {
        width: 100%;
        background: #fff;
        height: 34px;
        border-bottom: 3px solid #dbdbdb;
        position: relative;
        float: left;
        display: flex;
    }

    #Manset .swiper-pagination .swiper-pagination-bullet {
        width: calc(100% / 25);
        height: 31px;
        border-radius: 0;
        padding: 8px 0px;
        font-size: 15px;
        background-color: #fff;
        color: #393838;
        opacity: 1;
        text-align: center;
    }

    #Manset
    .swiper-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        font-weight: 600;
        height: 34px;
        border-bottom: 3px solid #ff0000;
    }

    /*.hbBoxScope .boxStyle.hbBoxMainText {
        height: 281px !important;
    }*/

    /*.hbIndex.hbBoxScope .twoBox.hbBoxMainText {
        width: calc(66.6% - 16px);
    }

        .hbIndex.hbBoxScope .twoBox.hbBoxMainText .hbBoxImage {
            width: 50% !important;
            border-bottom: 4px solid;
            height: 168px !important;
            margin: 0 15px;
            overflow: hidden;
        }

        .hbIndex.hbBoxScope .twoBox.hbBoxMainText .hbbiText {
            right: 0;
            left: auto;
        }

        .hbIndex.hbBoxScope .twoBox.hbBoxMainText .hbBoxText {
            height: auto;
            min-height: 66px;
            margin: 0;
            padding: 10px;
        }

        .hbIndex.hbBoxScope .twoBox.hbBoxMainText p {
            font-size: 16px;
            font-weight: 400;
            line-height: 160%;
            padding-right: 15px;
        }*/

    .hbBreadCrumb .hbbcScope .hbbcRight {
        display: flex;
        align-items: center;
    }

    .hbBreadCrumb .hbbcScope .hbbcRight .hbbcSocialIcon,
    .hbBreadCrumb .hbbcScope .hbbcRight .hbbcSocialIcon a {
        display: flex;
        margin-top: 0;
        align-items: center;
    }

    .hbBreadCrumb .hbbcScope .hbbcRight .hbbcRssAndAddWebsiteScope {
        margin-left: 5px;
    }

    .hbPageDetails .hbptContent .accordion-title {
        padding-bottom: 0;
        border-bottom: none;
        margin: 10px 0;
    }

    .hbOtherNews .hbRow.hbNewsBox .boxStyle.hbBoxMainText {
        height: auto !important;
    }

    /*.hbDailyHeadline .hbBoxScope .box {
        width: calc((100% / 3) - 16px );
        height: 280px !important;
        margin-right: 24px;
    }
        .hbDailyHeadline .hbBoxScope .box:nth-child(3n + 3) {
            margin-right: 0;
        }*/
    .hbWeatherBox .hbwbScope {
        width: calc(33.33% - 16px);
        margin-right: 24px;
    }

    .hbWeatherBox .hbwbScope:last-child {
        margin-right: 0;
        display: flex;
        flex-wrap: wrap;
    }

    .hbPlate .hbpScope .hbpPlateList {
        width: calc(100% / 9);
        min-width: 92px;
        margin-bottom: 25px;
    }

    .hbWeatherBox {
        margin-bottom: 24px;
        display: flex;
    }

    .hbWriterNews .hbContainer.hbWeather .hbGeneralTitles h1 {
        display: none;
    }

    .hbWriterNews .hbContainer.hbWeather .hbBreadCrumb {
        margin-bottom: 0;
    }

    .hbDailyHeadline .hbdhText {
        font-size: 16px;
        padding-top: 0;
    }

    .hbWeatherBoxFull .hbwbScope {
        width: 100%;
    }

    .hbWeatherBox .colBlock {
        width: 33.33%;
    }

    .hbWeatherBox .hbwbScope .hbwbBorderRightGrey {
        border-bottom: 0;
        margin: 0;
        padding: 0;
        min-height: 180px;
    }

    .hbWeatherBox .hbwbScope .hbwbBorderRightGrey.mid {
        border-left: 1px solid #cbcbcb;
        border-right: 1px solid #cbcbcb;
    }

    .hbbwDetailsDay {
        height: 80px;
    }

    .hbWeatherBox .hbwbScope .hbwbWeatherRow {
        padding-bottom: 0;
    }

    .hbWeatherBox .hbwbScope .hbwbWeatherSpace {
        margin-bottom: 21px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .hbWeatherBox .hbwbScope .generalSmallTitle {
        width: 100%;
    }

    .hbWeatherBox .hbwbScope .hbwbWeatherRow:first-child .hbwbRightColumn {
        min-width: 160px;
    }

    .hbWeatherBox .hbwbScope .hbwbfLongText .hbwbfLongText {
        padding-bottom: 0;
    }

    .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem {
        width: calc(20% - 19.2px);
        margin-right: 24px;
        padding: 10px;
        line-height: 180%;
    }

    .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem:nth-child(5n) {
        margin-right: 0;
    }

    .namaz-container .hbPrayerTime .hbptScope {
        padding: 30px;
    }

    .hbPrayerTime .hbptScope .hbptBlocks {
        width: calc(100% / 6);
        margin: 0;
    }

    .hbImsakDate .hbTimeScope {
        width: 50%;
        float: left;
        padding: 30px 20px;
    }

    .hbImsakDate .hbTimeScope .hbidCount {
        position: relative;
        right: 0;
        padding-top: 0;
    }

    .hbImsakDate .hbTimeScope .hbidText {
        width: auto;
        padding-top: 0;
        font-size: 16px;
        font-weight: 600;
        margin-right: 10px;
    }

    .hbImsakDate .hbTextRight {
        text-align: right;
        padding: 25px 20px 25px 0px;
        float: right;
        font-size: 17px;
    }

    .hbImsakDate .hbCami {
        position: absolute;
        right: calc(50% - 200px);
        height: 100%;
    }

    .hbImsakDate .hbCami img {
        height: 100%;
        width: auto;
    }

    .hbImsakDate .hbTextRight .hbTextBold {
        line-height: 100%;
        font-size: 33px;
        font-weight: 800;
    }

    .hbImsakDate .hbTimeScope .timerMain {
        width: 120px;
        height: 40px;
        float: left;
        display: flex;
        align-items: center;
    }

    .NewspaperPage {
        display: flex;
        flex-direction: column;
    }

    .NewspaperPage .hbRow.newsPaperTitle {
        order: 1;
        margin-top: 45px;
        margin-bottom: 24px;
    }

    .NewspaperPage .hbRow.hbDatePicker {
        order: 5;
    }

    .NewspaperPage .hbRow.newsPaperTitle .hbGeneralTitles h1 {
        text-transform: capitalize;
        line-height: 100%;
    }

    .hbNewspaper .hbnScope .hbNewspaperList .hbNewspaperImg {
        width: calc(25% - 30px);
        margin: 15px;
    }

    .hbNewspaper .hbnScope .hbNewspaperList .hbNewspaperImg .hbNewspaperName {
        font-size: 18px;
    }

    .hbNewspaper .hbnScope .hbNewspaperList .hbNewspaperImg .hbNewspaperName::after {
        content: " Gazetesi";
    }

    .hbNewspaper .hbnScope .hbNewspaperWebsites .hbnwwBlock, .hbNewspaper .hbnScope .hbNewspaperWebsites.freemode .hbnwwBlock {
        width: 25%;
        margin-right: 0;
    }

    .hbNewspaper .generalSmallTitle:after {
        display: none;
    }

    .hbNewspaper .hbnScope .hbNewspaperWebsites * {
        font-size: 16px;
        line-height: 160%;
    }

    .hbNewspaper .hbnScope .hbNewspaperWebsites p b {
        text-transform: uppercase;
        margin-right: 3px;
    }

    .hbNewspaper .hbnScope .hbNewspaperWebsites p br {
        display: none;
    }

    .hbNewspaper .hbnFullImage {
        position: relative;
        margin-top: 24px;
    }

    .hbNewspaper .hbnFullImage .hbnFullNewspaper {
        width: calc(100% - 200px);
        margin: auto;
    }

    .hbNewspaper .hbnFullImage .hbnArrowLeft, .hbNewspaper .hbnFullImage .hbnArrowRight {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        max-width: 100px;
    }

    .hbNewspaper .hbnFullImage .hbnArrowLeft {
        left: 0;
    }

    .hbNewspaper .hbnFullImage .hbnArrowRight {
        right: 0;
    }

    .hbNewspaper .hbnFullImage .hbnArrowLeft a, .hbNewspaper .hbnFullImage .hbnArrowRight a {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .hbDatePicker .hbdpScope, .hbNewspaper .hbnFullImage .hbnNextText, .hbNewspaper .hbnFullImage .hbnPrevText {
        font-size: 14px;
        font-weight: 800;
        color: #000;
    }

    .mainAstrology .hbGeneralTitles h2 {
        font-size: 24px;
        font-weight: 700;
        margin: 24px 0;
    }

    .mainAstrology .hbDailyHeadline .hbdhScope {
        padding: 20px;
    }

    .mainAstrology .hbDailyHeadline .hbdhText {
        padding-top: 0;
        line-height: 150%;
    }

    .hbAstrology .hbaScope .hbaItemList {
        width: calc((100% / 12) - 20px);
        margin: 10px;
        min-width: 40px;
    }

    .hbAstrology .hbaScope .hbaItemList:nth-child(3n+0) {
        margin-right: 10px;
    }

    .hbAstrology .hbaScope {
        padding: 25px 20px;
    }

    .mainAstrology .hbDailyHeadline .hbdhScope .hbdhBox {
        border-bottom: 1px solid #e8e8e8;
        margin: 0;
        padding: 20px 0;
    }

    .mainAstrology .hbDailyHeadline .hbdhScope a:last-child .hbdhBox {
        border-bottom: none;
        padding-bottom: 0;
    }

    .mainAstrology .hbDailyHeadline .hbdhImage {
        width: 110px;
        float: left;
        margin-right: 30px;
        display: flex;
        justify-content: center;
    }

    .mainAstrology .hbDailyHeadline .hbdhTitle, .mainAstrology .hbDailyHeadline .hbdhBox .hbdhText {
        width: calc(100% - 140px);
        float: right;
        line-height: 150%;
    }

    .mainAstrology .hbDailyHeadline .hbdhTitle {
        padding-top: 0;
        margin-bottom: 10px;
    }

    .wordPage .hbIndex.hbBoxScope .hbBoxMainText .hblnTitle {
        overflow: hidden;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        width: 100%;
    }

    .wordPage .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImage ~ .hblnTitle {
        display: none;
    }

    .wordPage .hbIndex.hbBoxScope .hbBoxMainText .hbBoxText {
        height: auto;
    }

    .wordPage .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImage ~ .hbBoxText {
        height: 92px;
    }

    .wordPage .hbIndex.hbBoxScope .hbBoxMainText .hbbiText {
        bottom: 0;
        left: auto;
        top: auto;
        right: 0;
    }

    .wordPage .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImage ~ .hbbiText {
        bottom: auto;
        left: auto;
        top: 0;
        right: 0;
    }

    .hbBoxBiography {
        height: 584px !important;
        min-height: 584px !important;
        float: left;
        position: relative;
    }

    .hbBoxBiography .hbbbContent .hbbbText {
        overflow: hidden;
        -webkit-line-clamp: 9;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }

    .hbBoxBiography .hbbbContent .hbbbLink {
        position: absolute;
        bottom: 20px;
        right: 20px;
    }

    .hbBoxBiography .hbbbCityDate .hbbcdRow {
        line-height: 100%;
    }

    .hbBoxBiography .hbbbContent .hbbbTitle {
        margin-top: 0;
    }

    .hbProvinceSwipeBox {
        display: flex;
        float: right;
        margin-bottom: 15px;
    }

    .hbProvinceSwipeBox .hbpsbCity-alt:first-child {
        margin-right: 15px;
    }

    .hbProvinceSwipeBox .hbpsbCity-alt .hbpsbSelect {
        width: 185px;
        height: 40px;
        margin-bottom: 0;
    }

    .wordPage .hbBreadCrumb ~ .hbRow .hbGeneralTitles {
        width: 100%;
        float: left;
    }

    .wordPage .hbBreadCrumb ~ .hbRow .hbGeneralTitles:first-child {
        width: auto;
    }

    .hbBoxCountry {
        height: 584px;
    }

    .hbiiPKisiRow .hbiiPKisiAdi {
        line-height: 140%;
    }

    .hbiiPKisiRow .hbiiPKisiList li {
        min-height: 0;
    }

    .hbiiPKategoriRow .hbiiPKategoriBaslik {
        line-height: 90%;
    }

    .hbiiPKategoriRow .hbiiPKategoriListe li {
        line-height: 120%;
    }

    .hbBoxCountry .hbBoxContainer {
        height: 408px;
    }

    .hbiiPKisiRow .hbiiPKisiBaslik {
        line-height: 100%;
    }

    .hbIndex.hbBoxScope .hbBoxMainText video.hbBoxImage {
        object-fit: contain;
    }

    .hbWriterNews .hbContainer.wordPage .hbGeneralTitles h1 {
        text-transform: capitalize;
    }

    .hbContainer.wordPage .hbGeneralTitles h2 {
        font-size: 24px;
        margin-top: 25px;
    }

    .col-50 {
        width: 50%;
    }

    .hbWriterNews .hbOtherNews .hbonTitle {
        float: left;
        width: 100%;
        padding: 0 12px;
        font-size: 32px;
        font-weight: 800;
        color: #333;
        margin-bottom: 25px;
    }

    .hbBoxBiographyDetails .hbbbImageName .hbbbCityDate .hbbcdRow {
        display: flex;
    }

    .hbBoxBiographyDetails .hbbbImageName .hbbbCityDate .hbbbcdMiddle {
        width: 100%;
    }

    .bioContainer .hbBiographyDetails .hbptLinkScope {
        padding: 0 20px;
        margin-top: 0;
    }

    .bioContainer .hbBiographyDetails .hbptLinkScope .hbptLink {
        color: #0000ff;
    }

    .bioContainer .hbBiographyDetails .hbptLinkScope .hbptLink:before, .bioContainer .hbBiographyDetails .hbptLinkScope .hbptLink:after {
        display: none;
    }

    .hbBoxBiographyDetails .hbbbImageName .hbbbImagRadius {
        position: relative;
        left: 0;
        margin-right: 15px;
    }

    .hbBoxBiographyDetails .hbbbImageName {
        display: flex;
    }

    .hbWriterNews .hbContainer.mainChanel .hbGeneralTitles h1 {
        text-transform: capitalize;
    }

    .hbContainer.mainChanel .hbGeneralTitles h2 {
        font-size: 24px;
        margin-top: 24px;
    }

    .hbRow.hbNewsBox.yazarStyle {
        padding: 20px 0;
        position: relative;
    }

    .yazarStyle .hbYazar {
        width: 50%;
        border-bottom: none;
        margin: 0;
        padding: 20px;
    }

    .yazarStyle .hbYdimg, .yazarStyle .hbYdimg .hbYdimgi, .yazarStyle .hbYdimgi img {
        width: 70px;
        height: 70px;
    }

    .yazarStyle .hbYdimg .hbYdimgi {
        border-radius: 100%;
    }

    .yazarStyle .hbYdyzr {
        width: calc(100% - 125px);
    }

    .hbWriters .yazarStyle .hbYdyzr .hbYdyzra {
        font-size: 20px;
        font-weight: 700;
    }

    .yazarStyle .hbYdyzr .hbYdyzruk {
        font-size: 12px;
        font-weight: 400;
        color: #757575;
    }

    .hbWriterNews .yazarStyle .hbYdyzr .hbYdyzrts {
        font-size: 11px;
        line-height: 100%;
        font-style: italic;
        color: #606060;
    }

    .hbPagination {
        margin-top: 20px;
    }

    .hbRow.hbNewsBox.yazarStyle::after {
        content: "";
        width: 1px;
        height: calc(100% - 145px);
        border-right: solid 1px #e3e3e3;
        position: absolute;
        display: block;
        top: 65px;
        left: 50%;
        transform: translateX(-50%);
    }

    .hbBoxBiographyDetails .hbbbImageName .hbbbImagRadius.writer {
        width: 105px;
        height: 105px;
        margin-left: 0;
    }

    .hbBoxBiographyDetails .hbbbImageName .hbbbImagRadius img {
        width: 105px;
        height: 105px;
    }

    .hbPageDetails .hbptContent.hbBiographyContent {
        padding: 10px 20px;
    }

    .hbPageDetails .hbptContent.hbBiographyContent p {
        font-size: 14px;
        line-height: 140%;
        margin: 0;
    }

    .hbBoxScope .hbBoxMainText .yzrbaslik {
        font-size: 18px;
        line-height: 150%;
    }

    .true-control .hbBoxScope .hbBoxMainText .osd {
        position: relative;
        color: #696969;
        font-size: 15px;
        padding: 0 10px;
        text-align: right;
    }

    .hbContainer.true-control .hbGeneralTitles h1 {
        margin-bottom: 24px;
        text-transform: capitalize;
    }

    .hbContainer.true-control .hbGeneralTitles h1::after {
        content: url("/mstatic/assets/img/dogruluk-kontrolu-kutu.svg");
        width: 92px;
        height: 30px;
        display: inline-block;
        position: relative;
        top: 5px;
        margin-left: 10px;
    }

    .hbWriterNews .hbContainer.sub .hbGeneralTitles {
        width: calc(100% - 230px);
        float: left;
    }

    .hbWriterNews .hbContainer.sub .hbGeneralTitles h1 {
        text-transform: capitalize;
    }

    .hbWriterNews .hbContainer.sub .KatSearch {
        width: 230px;
        float: right;
    }

    .hbWriterNews .hbContainer.sub .KatSearch .KatSubmit {
        margin-left: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        cursor: pointer;
    }

    .hbWriterNews .hbContainer.sub .KatSearch .KatInput {
        width: 75%;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        background-position: 10px;
        padding-left: 30px;
    }

    #quiz_list_categories {
        padding: 0;
        float: left;
    }

    #quiz_list_categories ul li {
        width: calc(((100% - 55px) / 28) - 5px);
        margin-right: 5px;
        min-width: 30px;
    }

    #quiz_list_categories ul li:first-child {
        width: 55px;
    }

    #quiz_list_categories ul li:last-child {
        margin-right: 0;
    }

    #quiz_list_categories ul li .pasif, #quiz_list_categories ul li .aktif {
        line-height: 100%;
        padding: 8px;
        text-align: center;
    }

    .ozeltext {
        margin-bottom: 0;
    }

    .hbFinanceDetails .hbTableContent thead tr th {
        font-weight: 800;
        text-align: left;
    }

    .hbGeneralTitles h2.h2sd {
        font-size: 24px;
    }

    .hbnGeneralSubText {
        margin-top: 24px;
        font-size: 16px;
        line-height: 150%;
    }

    .hbContainer.all .hbFooter, .hbContainer.all .hbFooter .hbftLinkScope {
        background: #fff0;
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftlContent {
        background: #fff;
    }

    .hbContainer.all .hbFooter {
        margin-top: 24px;
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftlHead {
        border: none;
        padding: 0;
        margin-bottom: 48px;
        font-size: 34px;
        font-weight: 800;
        color: #000;
        line-height: 120%;
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftlContent {
        padding: 35px 20px 0 20px;
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftlCol {
        display: flex;
        flex-wrap: wrap;
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftlCol .hbftUrl {
        width: calc(100% / 8);
        margin-bottom: 35px;
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #a1a1a1;
        font-size: 14px;
        font-weight: 700;
        text-align: center;
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a::before {
        content: "";
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        height: 25px;
        width: 100%;
        margin-bottom: 5px;
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="3.Sayfa"]::before {
        background-image: url("/mstatic/assets/img/tumu/ucuncu-sayfa-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Anne-Çocuk"]::before {
        background-image: url("/mstatic/assets/img/tumu/anne-cocuk-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Burçlar"]::before {
        background-image: url("/mstatic/assets/img/tumu/burclar-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Doğruluk Kontrolü"]::before {
        background-image: url("/mstatic/assets/img/tumu/dogruluk-kontrolu-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Döviz Kurları"]::before {
        background-image: url("/mstatic/assets/img/tumu/doviz-kurlari-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Dünya"]::before {
        background-image: url("/mstatic/assets/img/tumu/dunya-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Eğitim"]::before {
        background-image: url("/mstatic/assets/img/tumu/egitim-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Ekonomi"]::before {
        background-image: url("/mstatic/assets/img/tumu/ekonomi-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Finans"]::before {
        background-image: url("/mstatic/assets/img/tumu/finans-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Fotogaleri"]::before {
        background-image: url("/mstatic/assets/img/tumu/fotogaleri-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Gamegar"]::before {
        background-image: url("/mstatic/assets/img/tumu/espor-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Gazeteler"]::before {
        background-image: url("/mstatic/assets/img/tumu/gazeteler-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Güncel"]::before {
        background-image: url("/mstatic/assets/img/tumu/guncel-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Güzel Sözler"]::before {
        background-image: url("/mstatic/assets/img/tumu/guzel-sozler-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Güzellik"]::before {
        background-image: url("/mstatic/assets/img/tumu/guzellik-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Haber Arşivi"]::before {
        background-image: url("/mstatic/assets/img/tumu/haber-arsivi-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Hava Durumu"]::before {
        background-image: url("/mstatic/assets/img/tumu/hava-durumu-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="İmsakiye"]::before {
        background-image: url("/mstatic/assets/img/tumu/imsakiye-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Kadın"]::before {
        background-image: url("/mstatic/assets/img/tumu/kadin-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Komik Haberler"]::before {
        background-image: url("/mstatic/assets/img/tumu/komik-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Koronavirus"]::before {
        background-image: url("/mstatic/assets/img/tumu/koronavirus-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Kültür - Sanat"]::before {
        background-image: url("/mstatic/assets/img/tumu/kultur-sanat-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Maç Sonuçları"]::before {
        background-image: url("/mstatic/assets/img/tumu/mac-sonuclari-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Manşetler"]::before {
        background-image: url("/mstatic/assets/img/tumu/manset-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Magazin"]::before {
        background-image: url("/mstatic/assets/img/tumu/marka-kadinlar-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Moda"]::before {
        background-image: url("/mstatic/assets/img/tumu/moda-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Namaz Vakitleri"]::before {
        background-image: url("/mstatic/assets/img/tumu/namaz-vakitleri-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Otomobil"]::before {
        background-image: url("/mstatic/assets/img/tumu/otomobil-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Politika"]::before {
        background-image: url("/mstatic/assets/img/tumu/politika-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="RSS Servisi"]::before {
        background-image: url("/mstatic/assets/img/tumu/rss-servisi-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Rüya Tabirleri"]::before {
        background-image: url("/mstatic/assets/img/tumu/ruya-tabirleri-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Sağlık"]::before {
        background-image: url("/mstatic/assets/img/tumu/saglik-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Şans Oyunları"]::before {
        background-image: url("/mstatic/assets/img/tumu/sans-oyunlari-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Seçim"]::before {
        background-image: url("/mstatic/assets/img/tumu/secim-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Sektörel Bakış"]::before {
        background-image: url("/mstatic/assets/img/tumu/sektorel-bakis-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Sitene Ekle"]::before {
        background-image: url("/mstatic/assets/img/tumu/sitene-ekle-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Son Dakika"]::before {
        background-image: url("/mstatic/assets/img/tumu/son-dakika-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Son Depremler"]::before {
        background-image: url("/mstatic/assets/img/tumu/sonn-depremler.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Spor"]::before {
        background-image: url("/mstatic/assets/img/tumu/spor-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Tatil"]::before {
        background-image: url("/mstatic/assets/img/tumu/tatil-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Teknoloji"]::before {
        background-image: url("/mstatic/assets/img/tumu/teknoloji-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="TV Yayın Akışı"]::before {
        background-image: url("/mstatic/assets/img/tumu/tv-yayin-akisi-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Quiz"]::before {
        background-image: url("/mstatic/assets/img/tumu/quiz-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Yazarlar"]::before {
        background-image: url("/mstatic/assets/img/tumu/yazarlar-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Yemek Tarifleri"]::before {
        background-image: url("/mstatic/assets/img/tumu/lezzet-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Yerel Haberler"]::before {
        background-image: url("/mstatic/assets/img/tumu/yerel-haberler-haberlercom.svg");
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftUrl a[title="Zirvedekiler"]::before {
        background-image: url("/mstatic/assets/img/tumu/ekonomi-haberlercom.svg");
    }

    .hbMainSlider .slider .bullets {
        background: #fff;
    }

    .hbMainSlider .slider .bullets .bullet {
        height: 31px;
        border-radius: 0;
        padding: 8px 0px;
        font-size: 15px;
        background-color: #fff;
        color: #393838;
        opacity: 1;
        text-align: center;
        position: relative;
    }

    .hbMainSlider .slider .bullets .bullet.active {
        color: #393838 !important;
        font-weight: 600;
    }

    .hbMainSlider .slider .bullets .bullet.active::after {
        content: "";
        width: 100%;
        position: absolute;
        border-bottom: 3px solid #ff0000;
        left: 0;
        bottom: -3px;
    }

    .hbMainSlider .slider .bullets .bullet::before {
        content: attr(data-sid);
    }

    .hbSportStandings .hbssScope .hbstWeekNumber {
        font-size: 20px;
        font-weight: 700;
    }

    .hbssScope > img {
        width: 74px;
        height: auto;
    }

    .hbSportStandings .hbssScope .hbssTitle span {
        font-size: 20px;
    }

    .sns-detay {
        font-size: 18px;
    }

    .hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs .hbwmScore .hbsHome {
        margin: 5px 10px;
    }

    .hbGeneralTitles h2 {
        font-size: 24px;
        margin: 24px 0;
    }

    .colPageLeftNarrow {
        width: 336px;
        margin-right: 24px;
        padding: 20px;
        background-color: #fff;
        float: left;
    }

    .colPageRightBroad {
        width: calc(100% - 360px);
        background-color: #fff;
        padding: 20px;
        float: right;
    }

    .hbLeftMenu .hblmItem.md a:before {
        display: none;
    }

    .colPageLeftNarrow .hbLeftMenu {
        cursor: pointer;
        padding: 10px 0;
        border-bottom: 1px solid #ececec;
    }

    .colPageLeftNarrow .hbLeftMenu:last-child {
        border-bottom: none;
    }

    .colPageLeftNarrow .hbLeftMenu:hover .hblmItem {
        color: #fe0000;
    }

    .colPageLeftNarrow .hbLeftMenu:hover .hblmItem::after {
        content: "";
        width: 8px;
        height: 15px;
        background: url("/mstatic/assets/img/icon-continue-red.png") no-repeat right center;
        background-size: 100% 100%;
        display: inline-block;
        top: 5px;
        right: 5px;
        position: absolute;
    }

    .hbRightMenu .hbrmItem .hbrmTitle {
        margin-bottom: 10px;
    }

    .hbRightMenu .hbrmAboutProgress .hbrmAboutProgressItem, .hbRightMenu .hbrmAboutProgress .hbrmAboutProgressItem.hbrmBars {
        width: 33.3%;
        padding: 10px 0;
    }

    .hbRightMenu .hbrmAboutProgress {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .sc-icons img {
        margin-right: 10px;
    }

    #odullerimiz .hbrmAboutProgressItem {
        width: 50%;
        margin: 0;
    }

    .hbRightMenu .hbrmItem .sc-icons .hbrmText {
        line-height: 100%;
    }

    #YerelMedya {
        margin: 0 -12px;
    }

    #YerelMedya .hbContactFormBlocks {
        width: calc(50% - 24px);
        margin: 0 12px;
    }

    #YerelMedya .hbContactFormBlocks.check {
        font-size: 12px;
        font-weight: 700;
    }

    #yzrKaydet {
        column-count: 2;
    }

    #YzrOrnekYazi {
        height: 270px !important;
    }

    .hbWriterNews .hbContainer .hbGeneralTitles h1 {
        text-transform: capitalize;
    }

    .p12-col.mob-visible {
        display: none;
    }

    .hbContainer.yerel .hbProvinceSwipeBox {
        margin-bottom: 0;
    }

    .hbContainer.hbCovid .hbPageDetails {
        display: none;
    }

    .editor .yazarStyle .hbYdimg, .editor .yazarStyle .hbYdimg .hbYdimgi, .editor .yazarStyle .hbYdimgi img {
        width: 110px;
        height: 110px;
    }

    .editor .yazarStyle .hbYdyzr {
        width: calc(100% - 165px);
        margin-top: 10px;
    }

    .editor .colPageLeft .yazarStyle {
        padding: 24px 0;
        position: relative;
    }

    .editor .colPageLeft .yazarStyle::before {
        content: "";
        width: 1px;
        height: calc(100% - 140px);
        position: absolute;
        opacity: .28;
        top: 70px;
        left: 50%;
        background-color: #c3c3c3;
    }

    .hbGeneralTitles .h2-pod {
        width: auto;
        float: left;
        margin-top: 7px;
        margin-right: 20px;
    }

    .podcast_adres {
        margin-right: 15px;
        margin-bottom: 0;
    }

    .podcast_adresler {
        margin-top: 0;
    }

    .hbPodcast.hbBoxScope .hbBoxMainText .hbBoxImage {
        height: 100% !important;
        width: auto !important;
        object-fit: contain;
        margin: 0;
        max-height: 85px;
    }

    .hbPodcast.hbBoxScope .hbBoxMainText .hbBoxText {
        height: auto;
    }

    .hbPodcast.hbBoxScope .hbBoxMainText .hbmtContent {
        padding: 0 10px;
        font-size: 14px;
        font-weight: 400;
        margin-top: 0;
    }

    .content-part .hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs .hbwmScore {
        display: flex;
        align-items: center;
    }

    .content-part .hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs .hbwmScore .hbsAway {
        margin: 5px 10px;
        padding: 5px;
    }

    .content-part .hbRow.hbSportStandings {
        padding: 0;
    }

    .hbBoxBiographyDetails .hbbbImageName .hbbbImagRadius img {
        width: 110px;
        height: 110px;
    }

    .hbBoxBiographyDetails .hbbbImageName .hbbbCityDate {
        width: calc(100% - 125px);
        padding-left: 0;
    }

    .hbBoxBiographyDetails .hbbbImageName > .hbbbcdMiddle {
        width: 100%;
        float: left;
        left: 125px;
        margin-top: -40px;
        position: relative;
    }

    .vdsax1 .hbYdinf {
        padding-left: 0;
    }

    .hbRow.arahbrow {
        background-color: #fff;
        padding: 20px;
    }
    table.gsc-search-box table.gsc-input .gsib_a::before {
        content: "HABERLERDE ARA:";
        position: absolute;
        font-size: 16px;
        font-weight: 700;
        left: -171px;
    }

    table.gsc-search-box td.gsc-input {
        padding-left: 170px;
    }

    form.gsc-search-box {
        margin-bottom: 0 !important;
    }

    .newsErrorScope .newsErrorScopeColumnOne {
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
    }

    .nesErrorTextLink {
        width: 35%;
        text-align: left;
    }
    .nesErrorText {
        font-size: 30px;
        width: 350px;
        font-weight: 600;
    }
    .newsErrorScope .newsErrorScopeImg {
        width: 65%;
    }

    .newsErrorScope .newsErrorScopeColumnTwo {
        display: flex;
    }

    .newsErrorScope .newsErrorScopeOtherCategorie {
        width: calc(50% - 20px);
        left: 0;
        transform: translateX(0);
        margin-right: 40px;
    }
    .newsErrorScope .newsErrorScopeOtherNewsCategories {
        width: calc(50% - 20px);
    }
        .newsErrorScope .newsErrorScopeOtherNewsCategories .newsErrorScopeOtherNewsCategoriesLeft {
            display: flex;
            flex-wrap: wrap;
        }
        .newsErrorScope .newsErrorScopeOtherNewsCategories .newsErrorScopeOtherNewsCategoriesList {
            width: calc(50% - 15px);
        }
        .newsErrorScope .newsErrorScopeOtherNewsCategories .newsErrorScopeOtherNewsCategoriesList:nth-child(even) {
            margin-right: 30px;
        }
    .newsErrorScope .newsErrorScopeOtherCategorie .newsErrorScopeOtherCategorieIcon {
        width: calc(20% - 10px);
        font-size: 12px;
        margin: 15px 5px;
    }
    .newsErrorScope .newsErrorScopeOtherNewsCategoriesList.manset {
        display: none;
    }
    .hbPageDetails .hbptHead.hbBoxBiographyDetails h1 {
        margin-bottom: 10px;
    }
    .hbIndex.hbBoxScope.rvlRow .p12-col .boxStyle.hbBoxMainText {
        height: 370px !important;
    }
    .hbIndex.hbBoxScope.rvlRow .hbBoxMainText .hbBoxImage {
        max-height: 279px;
    }
    .hbIndex.hbBoxScope.rvlRow .hbBoxMainText .hbBoxText {
        height: 70px;
    }
    .hbGeneralTitles h2.h1, .hbGeneralTitles h3.h1 {
        font-size: 34px;
        margin: 0;
    }
    .hbPaperNameMenu span {
        width: calc(100% / 7);
    }
        .hbPaperNameMenu span:nth-child(7), .hbPaperNameMenu span:last-child {
            border-right: none;
        }
}

@media only screen and (max-width: 930px) and (min-width: 840px) {
    .hbPlate .hbpScope .hbpPlateList {
        width: calc(100% / 8);
    }
}

@media only screen and (max-width: 839px) and (min-width: 768px) {
    .hbPlate .hbpScope .hbpPlateList {
        width: calc(100% / 7);
    }
}

@media only screen and (max-width: 1085px) {
    #widget_div {
        display: none;
    }

    .hbGalleryQuiz .hbgsPgArw {
        width: 160px;
    }

    .hbGalleryQuiz .hbgsPgArw .swiper-pagination .swiper-pagination-bullet {
        margin: 0;
    }

    .hbBoxScope .blackStyle .hbBoxVslider .swiper-slide .hbvsImageTitle {
        overflow: hidden;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        min-height: inherit !important;
    }
}

@media only screen and (max-width: 1024px) {
    .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImageContent {
        height: auto;
        min-height: 110px;
    }
}

@media only screen and (max-width: 990px) {
    .SliderRow .SliderColumn.ekoSliderColumn {
        margin-right: 24px;
    }

    #mansetHaberler .hbBoxScope .box {
        height: 267px !important;
        float: left;
    }

    #mansetHaberler .hbBoxScope .box .hbBoxMainText {
        font-size: 17px;
    }

    .SliderRow .WpColumn {
        display: none;
    }

    .SliderRow .SliderColumn {
        width: 100%;
        margin-right: 0;
    }

    .hbGalleryQuiz .hbGallerySwiper,
    .hbGalleryQuiz .hbQuizSwiper {
        max-width: calc(50% - 8px);
    }

    .hbGalleryQuiz .hbgsPgArw {
        width: 200px;
    }

    .hbGalleryQuiz .hbgsPgArw .swiper-pagination .swiper-pagination-bullet {
        margin: 0 2px;
    }

    .hbGalleryQuiz .hbgsSlider .swiper-slide span {
        overflow: hidden;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }

    .ytube-container .ytube-header .ytube-logo {
        position: relative;
    }

    .ytube-container .ytube-header .ytube-logo .ytube-subscriber {
        margin-top: auto;
    }

    .ytube-container .ytube-header .ytube-logo img {
        clip: rect(0, 27px, 25px, 0);
        position: absolute;
        right: -50px;
    }


    .qDatePicker input, .qDateDayHeadline input {
        font-size: 14px;
    }

    .hbDatePicker .hbdpScope .hbdpColumnBlockCenterTwo .categoryColor {
        display: none;
    }

    .hbDatePicker .hbdpScope .hbdpColumnBlockCenterTwo {
        order: 2;
        margin-right: 0;
    }

    .hbDatePicker.hbArchive .hbdpColumnBlockCenterTwoLast .categoryColor {
        margin-right: 10px;
    }

    .hbDatePicker .hbdpScope {
        justify-content: space-around;
        padding: 10px;
    }

    .imsakDayContentScope .imsakDayRow .imsakDayCol {
        width: 100%;
        min-height: 130px;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .imsakDayContentScope .imsakDayRow .imsakDayCol:nth-child(-n+2) {
        width: calc(50% - 10px);
    }

    .imsakDayContentScope .imsakDayRow .imsakDayCol:first-child {
        margin-right: 20px;
    }

    .hbWebMBox .hbwbScope {
        width: 100%;
    }
}

@media only screen and (max-width: 800px) {
    .imsakDayContentScope .imsakDayRow .imsakDayCol {
        min-height: 0;
        padding: 20px;
        padding-bottom: 0;
    }

    .imsakDayContentScope .imsakDayRow .imsakDayCol:nth-child(-n+2) {
        width: 100%;
    }

    .imsakDayContentScope .imsakDayRow .imsakDayCol:first-child {
        margin-right: 0;
    }

    .imsakDayContentScope .imsakDayRow .imsakDayCol .imsakDayHead {
        margin-bottom: 0;
    }

    .imsakDayContentScope .imsakDayRow .imsakDayCol .imsakDayText {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 990px) and (min-width: 768px) {
    .SliderColumn.ekoSliderColumn .hbMainSlider .slider .slides {
        height: calc((411 / 732) * (100vw - 364px));
    }

    .SliderColumn.ekoSliderColumn .hbMainSlider .slide img {
        height: calc((411 / 732) * (100vw - 364px));
    }

    .SliderColumn.ekoSliderColumn .hbMainSlider .slider .slides {
        height: calc((411 / 732) * (100vw - 340px));
    }

    main.mgzn-page .SliderColumn {
        margin-right: 24px;
    }

    main.mgzn-page .SliderColumn .hbMainSlider .slider .slides {
        height: calc((411 / 732) * (100vw - 388px));
    }

    main.mgzn-page .SliderColumn .hbMainSlider .slide img {
        height: calc((411 / 732) * (100vw - 388px));
    }

    .hbBoxScope .blackStyle .hbBoxHeadTitle h3 {
        font-size: 20px !important;
    }

    .yazarStyle .yazar-content .hbYdyzr .hbYdyzra {
        font-size: 17px;
    }

    .yazarStyle .yazar-content .hbYdyzr .hbYdyzryz {
        max-height: 40px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        position: relative;
    }

    .ytube-container .ytube-content .ytube-video-row img {
        width: 50%;
        height: auto;
    }

    .ytube-container .ytube-content .ytube-video-row .ytube-video-title {
        width: calc(50% - 15px);
    }

    .hbMainSlider .SliderRow .SliderColumn {
        margin-right: 0;
    }
    .hbMainSlider .slide img {
        width: 100%;
        height: calc((411 / 732) * (100vw - 30px));
    }
    .hbMainSlider .slider .slides {
        /*height: calc(((100vw - 30px) / 17)*9);*/
        height: calc((411 / 732) * (100vw - 30px));
    }

    .hbMainSlider .slider .slide {
        height: auto;
    }

    .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem, .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem:nth-child(5n) {
        width: calc(25% - 18px);
        margin-right: 24px;
    }

    .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem:nth-child(4n) {
        margin-right: 0;
    }

    .hbLastNews .hblnBox .hblnContent {
        width: calc(100% - 63px);
        margin-left: 63px;
        margin-top: 10px;
    }

    .hbLastNews .hblnBox .hblnImage {
        width: calc(100% - 74px);
        height: auto;
    }

    .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbLeftColumn .hbwbWeatherText {
        font-size: 15px;
    }

    .hbWeatherBox .hbwbScope .hbwbWeatherRow .hbwbRightColumn .hbwbTemp span {
        font-size: 60px;
    }

    .hbWeatherBox .hbwbScope .hbwbWeatherRow:first-child .hbwbRightColumn {
        min-width: 0;
    }

    .hbAstrology .hbaScope .hbaItemList {
        width: calc((100% / 6) - 20px);
    }

    .yazarStyle .hbYdimg {
        margin-bottom: 15px;
    }

    .yazarStyle .hbYdyzr {
        width: 100%;
    }

    .hbAstrology .hbaScope .hbaItemList {
        width: calc((100% / 6) - 20px);
    }

    .yazarStyle .hbYdimg {
        margin-bottom: 15px;
    }

    .yazarStyle .hbYdyzr {
        width: 100%;
    }

    .hbContainer.all .hbFooter .hbftLinkScope .hbftlCol .hbftUrl {
        width: calc(100% / 6);
    }

    .editor .yazarStyle .hbYdimg, .editor .yazarStyle .hbYdimg .hbYdimgi, .editor .yazarStyle .hbYdimgi img {
        width: 90px;
        height: 90px;
    }

    .editor .yazarStyle .hbYdyzr {
        width: 100%
    }

    .editor .colPageLeft .yazarStyle {
        display: flex;
        flex-wrap: wrap;
    }

    .editor .yazarStyle .hbYazar {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .hbContainer.sport .SliderRow .SliderColumn {
        width: calc(100% - 324px);
        margin-right: 24px;
    }

    .hbContainer.sport .hbMainSlider .slider .slides {
        height: calc((411 / 732) * (100vw - 354px));
    }

    .p12-col.hbBoxCountry {
        width: calc((100% / 3) * 2);
    }
}

@media only screen and (max-width: 870px) and (min-width: 768px) {
    .hbIndex.hbBoxScope .p12-col .boxStyle.hbBoxMainText {
        height: 250px !important;
    }
    .ytube-container {
        height: 524px;
    }
        .ytube-container .ytube-content .ytube-video-row .ytube-video-title {
            height: 60px;
        }
        .ytube-container .ytube-content .ytube-video-row {
            height: 70px;
        }
}

@media only screen and (max-width: 767px) {
    .piyasa_maset_yani{
        max-width:100%;
    }
    .hbMainSlider .slider .slides {
        height: 56.25%;
    }

    .hbMainSlider .slider .slide {
        height: auto;
    }

    .hbPageDetails .hbMainSlider {
        width: 100%;
        margin: 0;
    }

    #Manset {
        width: calc(100% + 30px);
        left: -15px;
    }

    .hbMainSlider {
        width: calc(100% + 30px);
        margin: -15px;
        margin-top: 0;
        margin-bottom: 15px !important;
    }

    .hbFooter .hbftLinkScope .hbftlContent .hbftCol, .hbFooter .hbftLinkScope.desktop .hbftlContent .hbftCol {
        width: 50%;
    }

    .hbHeader.generalHeader {
        display: none;
    }

    .hbBoxScope .hbBoxMainText p {
        width: auto;
        margin-bottom: 0;
        display: block;
    }

    .colPageRight {
        display: none;
    }

    .bbc-strap.head {
        border-style: solid;
        border-color: #f4f4f4;
        border-width: 10px 0 10px 0;
        height: 44px !important;
    }

    .colPageLeft {
        margin-right: 0;
    }

    .hbContainer.p0 {
        padding: 0;
    }

    #mansetHaberler {
        display: none;
    }

    .hbPageDetails .hbptContent.SonDak {
        display: none;
    }

    .partners {
        width: calc(100% - 30px);
        margin: 15px;
        margin-bottom: 0;
    }

    .DnmBnr_logo {
        padding: 5px;
    }

    .hbPageDetails .hbptHead h1 {
        font-weight: 800;
        line-height: 130%;
    }

    .hbPageDetails .hbptHead p {
        font-weight: 400;
        line-height: 130%;
    }

    .hbPageDetails .hbptHead {
        margin-bottom: 20px;
    }

    main > .hbContainer {
        padding: 0;
    }

    .hbLastNews .hblnBox .hblnContent .hblnTitle {
        overflow: hidden;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }

    .hbGalleryQuiz .hbGallerySwiper,
    .hbGalleryQuiz .hbQuizSwiper,
    .SliderRow .WpColumn,
    #widget_div,
    .hbBoxScope .boxV.blackStyle {
        display: none;
    }

    .hbBoxScope .blackStyle.yazarStyle {
        display: block;
        position: relative;
    }

    .slider .bullets.deskBullets {
        display: none;
    }

    .hbMainSlider .swiper-button-next {
        background-image: url(https://www.haberler.com/static/img/tasarim/icon-white-arrowright.png);
        width: 20px;
        height: 40px;
        background-size: 20px 40px;
    }

    .hbMainSlider .swiper-button-prev {
        background-image: url(https://www.haberler.com/static/img/tasarim/icon-white-arrowleft.png);
        width: 20px;
        height: 40px;
        background-size: 20px 40px;
    }

    .hbMainSlider .swiper-pagination {
        width: 100%;
        background: #000;
        height: 34px;
        border-bottom: 3px solid #dbdbdb;
        position: relative;
        float: left;
    }

    #Manset .swiper-pagination .swiper-pagination-bullet {
        width: calc(100% / 25);
        height: 31px;
        font-size: 0;
        opacity: 1;
        border-radius: 0;
        position: relative;
        top: 0;
        float: left;
    }

        #Manset .swiper-pagination .swiper-pagination-bullet::after {
            content: "•";
            position: absolute;
            font-size: 30px;
            color: #fff;
            top: 50%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%);
        }

        #Manset
        .swiper-pagination
        .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background-color: #0000;
        }

            #Manset
            .swiper-pagination
            .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
                color: #fe0000;
            }

    .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImageContent {
        min-height: inherit;
        width: 178px;
        height: 100px;
    }

        .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImageContent .hbbiText {
            display: none;
        }

    .ytube-container .ytube-header .ytube-logo .ytube-subscriber {
        margin-top: 5px;
    }

    .ytube-container .ytube-header .ytube-logo img {
        clip: auto;
        position: relative;
        right: 0;
    }

    .hbIndex.hbBoxScope .box.twoBox .hbBoxMainText {
        width: calc(100% - 188px);
        padding: 0;
        border: none;
        float: right;
        font-size: 15px;
    }

    .hbIndex.hbBoxScope .box.twoBox .hbbiText, .hbIndex.hbBoxScope .box.twoBox .hbBoxMainSubText p {
        display: none;
    }

    .hbIndex.hbBoxScope .box.twoBox .hbBoxImage {
        overflow: hidden;
        width: auto;
    }

        .hbIndex.hbBoxScope .box.twoBox .hbBoxImage img {
            width: 178px;
            height: 100px;
        }

    header .hbSubMenuSwiper {
        display: none;
    }

    .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem, .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem:nth-child(4n) {
        width: calc(50% - 24px);
        margin-right: 24px;
    }

        .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem:nth-child(2n) {
            margin-right: 0;
        }

    .hbWriterNews .hbContainer .hbGeneralTitles h1 {
        font-size: 22px;
        text-transform: inherit;
    }

    .imsakCalendar .imsakCalendarBox {
        padding: 20px;
    }

    .hbNewspaper .hbnScope .hbNewspaperList .hbNewspaperImg {
        width: calc(50% - 30px);
        margin: 15px;
    }

    .NewspaperPage .hbDatePicker.hbDateHeadlineScope {
        display: none;
    }

    .mainAstrology .colPageRight {
        display: inline-block;
        margin-top: 24px !important;
    }

        .mainAstrology .colPageRight .hbBoxScope .hbBoxMainText {
            border-bottom: none;
        }

        .mainAstrology .colPageRight .hbBoxScope .hbBoxImage {
            margin: 0;
            height: auto;
        }

            .mainAstrology .colPageRight .hbBoxScope .hbBoxImage img {
                padding: 10px;
                padding-bottom: 0;
            }

    .wordPage .hbIndex.hbBoxScope .hbBoxMainText .hbBoxImage {
        width: 100%;
        height: auto;
        float: none;
        margin-bottom: 10px;
    }

    .wordPage .hbIndex.hbBoxScope .hbBoxMainText .hbBoxText {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .wordPage .hbIndex.hbBoxScope .hbBoxMainText .hblnTitle {
        padding: 0;
        margin-bottom: 0;
    }

    .hbBreadCrumb .hbbcScope .hbbcRight {
        display: none;
    }

    .wordPage .hbIndex.hbBoxScope .hbBoxMainText .hbbiText {
        display: none;
    }

    .hbProvinceSwipeBox {
        margin-top: 20px;
    }

    .bioContainer .colPageLeft .hbNewsBox.hbContainer {
        padding: 0;
    }

    .mainChanel .colPageRight {
        display: inline-block;
        margin-top: 10px !important;
    }

    .hbRow.hbNewsBox.yazarStyle {
        padding: 15px;
    }

    .hbContainer.yzrhaberler {
        padding: 0;
    }

    .hbYazar {
        height: auto;
    }

    .hbWriterNews .hbOtherNews.yzrhaberler .hbonTitle {
        color: #333;
        font-size: 24px;
    }

    .yzrlstslc {
        right: 0;
        margin-bottom: 20px;
    }

    .hbPageDetails .hbptHead.hbBoxBiographyDetails {
        margin-bottom: 0;
    }

    .hbPageDetails.yzrDetails {
        margin-bottom: 12px;
    }

    .true-control .hbBoxScope .hbBoxMainText .osd {
        position: relative;
        bottom: 0;
        padding-top: 5px;
        padding-left: 0;
        text-align: right;
    }

    .hbWriterNews .hbContainer.sub .KatSearch {
        margin-top: 20px;
    }

    .hbGeneralTitles .h2sd {
        text-align: left;
        margin: 0;
    }

    .hbFinanceDetails ~ .hbRow.hbContainer {
        padding: 0;
    }

    .hbnGeneralSubText {
        display: none;
    }

    .hbContainer.all {
        padding: 0;
    }

        .hbContainer.all .hbFooter .hbftLinkScope .hbftlContent {
            padding: 20px;
        }

    .hbftlCol {
        column-count: 2;
    }

        .hbftlCol .hbftUrl {
            width: 100%;
            display: inline-block;
            padding: 6px 0;
            font-size: 16px;
            border-bottom: 1px solid #dfe9f2;
            line-height: 130%;
        }

    .hbContainer.all .hbFooter {
        margin-top: 50px;
    }

    .hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs span, .hbSportStandings .hbssScope .hbssTitle .hbstWeekNumber {
        font-size: 13px
    }

    .hbPageDetails ~ #anasayfamanset .hbMainSlider {
        width: 100%;
        margin: 0;
    }

    .hbMainSlider {
        width: calc(100% + 30px);
        overflow: hidden;
        margin: -15px;
        margin-top: 0;
        margin-bottom: 15px !important;
    }

    .hbContainer.chance .colPageRight {
        display: inline-block;
    }

    .colPageLeftNarrow {
        margin-top: 20px;
    }

    #KoronavirusHaberleri {
        padding: 0;
    }

    .hbContainer.yerel .hbProvinceSwipeBox, .hbContainer.yerel .hbPlate .generalSmallTitle {
        display: none;
    }

    .editor .colPageLeft .yazarStyle {
        padding: 20px;
    }

    .newsErrorScope .newsErrorScopeOtherCategorie .newsErrorScopeOtherCategorieIcon.manset {
        display: none;
    }

    .hbIndex.hbBoxScope.rvlRow .hbBoxMainText .hbBoxImageContent {
        width: 178px;
        height: 146px;
    }

    .hbFinanceTopBar {
        width: calc(100% + 30px);
        margin: 0 -15px;
        padding: 10px 10px 5px 10px;
        display: flex;
        align-items: center;
        overflow: auto;
        background: #fe0000;
    }

        .hbFinanceTopBar span {
            display: inline-block;
            padding: 0 10px;
            margin-bottom: 10px;
            border-right: 1px solid #e3e3e3;
            font-size: 15px;
            font-weight: 400;
            white-space: nowrap;
            color: #fff;
        }

            .hbFinanceTopBar span:last-child {
                border-right: none;
            }

            .hbFinanceTopBar span.active {
                color: #fff;
                font-weight: 700
            }

        .hbFinanceTopBar::-webkit-scrollbar {
            color: #fff0;
            height: 0px;
        }

    .hbMainSlider .slider .swsl-title {
        left: 25px;
        font-size: 15px;
    }

    .hbWebMBox {
        width: 100%;
        padding: 20px;
    }

    .scrollSlide {
        display: flex;
        flex-direction: column;
    }

    .colPageLeftNarrow.order {
        order: 5;
        margin-top: 24px;
    }

    .hbMainSlider .slide img {
        max-height: calc((9 / 16) * 100vw);
    }

    .new-hbr-row .new-hbr-box {
        display: inline-block;
    }

        .new-hbr-row .new-hbr-box img {
            float: left;
            display: inline-block;
            margin-right: 10px;
        }

        .new-hbr-row .new-hbr-box p {
            font-size: 15px;
            line-height: 140%;
            height: auto;
            overflow: visible;
            display: block;
            margin: 0;
        }
}

@media only screen and (max-width: 520px) {
    .newsErrorScope input[type="button"] {
        right: -10px;
        width: 60px;
        padding: 9px 12px 9px 12px;
    }

    .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem, .hbPrayerDistrict .hbpdScope .hbpdDistrictList .hbpdItem:nth-child(2n) {
        width: 100%;
        margin-right: 0;
    }

    .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakOtherCountry {
        width: 55px;
    }

    .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakDateBigText {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakDateBigText .imsakMonth {
        font-size: 30px;
    }

    .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakDateBigText .imsakDay {
        font-size: 60px;
    }

    .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakDateBigText .imsakDayName {
        font-size: 25px;
    }

    .imsakCalendar .imsakCalendarBox .imsakCalFooter {
        padding: 0;
        font-size: 12px;
    }

    .imsakCalendar .imsakCalendarBox .imsakCalHeader .imCalRow .imCalFour {
        width: 50%;
        padding: 5px 0;
    }

    .hbChanel .hbaItemList {
        width: calc(100% / 3);
    }

    .hbChanel .hbaItemList:nth-child(5n) {
        border-right: 1px solid #f4f4f4;
    }

    .hbChanel .hbaItemList:nth-child(3n) {
        border-right: none;
    }

    .chanel-table thead tr th, .chanel-table tbody tr td {
        width: 33.3%;
    }

    .hbWriterNews .hbContainer .hbRow.chRow {
        order: 3;
    }

    .yzr-ozet {
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }

    .yzrtime {
        margin-top: 5px;
    }

    .slider .prev {
        left: -6px;
    }

    .slider .next {
        right: -6px;
    }
}

@media only screen and (max-width: 360px) {
    .imsakCalendar {
        padding: 10px;
    }

    .imsakCalendar .imsakCalendarBox {
        padding: 10px;
    }

    .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakDateBigText {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakDateBigText .imsakMonth {
        font-size: 20px;
    }

    .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakDateBigText .imsakDay {
        font-size: 50px;
    }

    .imsakCalendar .imsakCalendarBox .imsakCalDate .imsakDateBigText .imsakDayName {
        font-size: 18px;
    }

    .hbNewspaper .hbnScope .hbNewspaperList .hbNewspaperImg {
        width: calc(100% - 30px);
    }

    .qDateDayHeadline input {
        padding-right: 10px;
    }

    .hbDateHeadlineScope .hbdpScope .hbdpColumnCenter .hbdpText {
        max-width: 180px;
    }

    .hbNewspaper .hbnScope .hbNewspaperList .hbNewspaperImg {
        width: calc(100% - 30px);
    }

    .qDateDayHeadline input {
        padding-right: 10px;
    }

    .hbDateHeadlineScope .hbdpScope .hbdpColumnCenter .hbdpText {
        max-width: 180px;
    }
}

@media only screen and (min-width: 1101px) {

    .hbMainSlider .slider .slide {
        width: 100%;
        height: auto;
        display: flex;
    }
}
/*A-B testi içi yapıldı*/
@media only screen and (max-width: 767px) {
    .hbIndex.hbBoxScope .hbBoxMainText2 {
        width: 48%;
        display: flex;
        flex-direction: column;
        padding: 0;
        margin-bottom: 24px;
        float: left;
        margin-right: 2%;
    }

    .hbIndex.hbBoxScope .hbBoxMainText2 .hbBoxImage2 {
        width: 100% !important;
        height: auto !important;
        max-height: 168px;
        min-height: 110px;
        object-fit: cover;
        overflow: hidden;
        position: relative;
        border-bottom: 4px solid #666;
    }

    .hbIndex.hbBoxScope .hbBoxMainText2.color-sport .hbBoxImageContent2 {
        border-color: #2da187;
    }

    .hbIndex.hbBoxScope .hbBoxMainText2.color-thirdpage .hbBoxImageContent2 {
        border-color: #242424;
    }

    .hbIndex.hbBoxScope .hbBoxMainText2.color-finance .hbBoxImageContent2 {
        border-color: #0b5bb3;
    }

    .hbIndex.hbBoxScope .hbBoxMainText2.color-general .hbBoxImageContent2 {
        border-color: #fe0000;
    }

    .hbIndex.hbBoxScope .hbBoxMainText2.color-magazine .hbBoxImageContent2 {
        border-color: #ad3d85;
    }

    .hbIndex.hbBoxScope .hbBoxMainText2.color-actual .hbBoxImageContent {
        border-color: #850030;
    }

    .hbIndex.hbBoxScope .hbBoxMainText2 .hbBoxText2 {
        padding: 0 10px;
        font-size: 18px;
        font-weight: 500;
        line-height: 130%;
        height: 92px;
        overflow: hidden;
        margin: 10px 0;
    }
}
/*A-B testi içi yapıldı*/

@media only screen and (max-width:320px) {
    .hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs .hbwmScore .hbsHome {
        font-weight: 600;
        font-size: 11px
    }

    .hbSportStandings .hbColBoxFull {
        margin-top: 15px
    }

    .hbSportStandings .hbssScope .hbssTitle .hbstWeekNumber {
        top: 80% !important
    }

    .hbSportStandings .hbWeekMatchs .hbwmMatchsLineScope .hbwmMatchsLine .hbwmMatchs .hbwmScore .hbsHome {
        margin-bottom: 5px
    }
}