/* 375 356 */
.menu li .menualt {
    width: 1000px;
}

.menu {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    align-items: center;
    flex: 1 1 auto;
}

.menu li:first-child {
    margin-right: 0;
}

.menu>li {
    line-height: 40px;
    font-weight: 500;
    display: inline-block;
    position: relative;
}

.menu li.active {
    /*position: relative;*/
    font-weight: 700;
    color: #2c3e62;
    /*border-bottom: 1px solid #2c3e62;*/
}

.menu li.active:after {
    content: '';
    position: absolute;
    inset: auto 0 0;
    background: #2c3e62;
    width: 60px;
    height: 1px;
    margin: 0 auto;
}

body.dark .menu li.active:after {

    background: #fff;

}

.menu li .menualt {
    z-index: 10;
}
.menu li .menualt {
    background: rgba(252, 252, 252);
    box-shadow: 0 0 20px 0px rgba(0, 0, 0, .3);
    border: 0;
    top: 40px;
    padding: 0 20px;
    right: -500px
}
.menu .sagmenu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.menu .label {
    margin-top: 0;
}

.plugin-header {
    display: flex;
    gap: 5px;
}

.addpost a {
    background: #eee;
    min-width: 113px;
    font-size: 14px;
    border-radius: 50px;
    text-align: center;
    padding: 10px 20px;
    display: block;
}

.tema input {
    display: none;
}

.tema .label {
    width: 45px;
    height: 20px;
    background-color: #e6eaed;
    display: flex;
    border-radius: 50px;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    position: relative;
    transform: scale(2);
    margin: 0 25px 0 25px;
    cursor: pointer;

}

.tema .ball {
    width: 16px;
    height: 16px;
    background-color: white;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    transition: transform 0.2s linear;
    z-index: -1;
}

/*  target the elemenent after the label*/
.tema .checkbox:checked+.label .ball {
    transform: translateX(24px);
}

.tema .fa-sun-o {
    color: orange;
}

.searchbtn,
.searchbtn+a {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    padding: 0;
    margin: 0;
}

.sagmenu li:nth-child(3) {
    display: flex;
}

body.dark .menu li .menualt {
    background-color: #222;
}



.menu li .menualt .soldiv ul li:last-child,
.menu li .menualt .soldiv ul li {
    margin: 0;
    padding: 0 15px;
    display: block;
}

.menu li .menualt .soldiv ul li a {
    line-height: 40px;
    text-align: left;
    display: block;
}

body.dark .menu li .menualt .soldiv ul li a,
body.dark .menu li .menualt .sagdiv h4 {
    color: #fff;
    transition:.5s;
}
body.dark .menu li .menualt .soldiv ul li:hover a{
    color:var(--bs-link-color);
}

.populercontentdiv a {
    display: flex;
    gap: 20px;
    padding-inline: 25px;
}

.populercontentdiv a .popsayi {
    width: 56px;
    height: 56px;
}

body.dark .menu li .menualt .sagdiv .populercontentdiv .popsayi span {
    border: 3px solid #fff;
}

.populercontentdiv a .popcontent {
    width: auto;
    height: auto;
    flex-grow: 1;
}

.owl-carousel .owl-item .videoresim img {
    max-width: 375px;
    height: 160px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.videolarslider .videodetay h5 {
    margin-top: 15px;
}

.videolarsection h4 {
    font-size: 1.7rem;
}

.videolarslider .owl-carousel .owl-prev,
.videolarslider .owl-carousel .owl-next {
    top: 68px;
}

.videolarslider .owl-carousel .owl-prev i,
.videolarslider .owl-carousel .owl-next i {
    width: 40px;
    height: 40px;
    font-size: 30px;
    display: grid;
    place-items: center;
    border: 2px solid #000;
    box-shadow: 0 0 0 2px black;
    padding: 0 3px 0 0;
    border-radius: 40px;
    font-weight:700;
}

.videolarslider .owl-carousel .owl-next i {
    padding: 0 0 0 3px;
}

.videolarslider .owl-theme .owl-nav [class*=owl-] {
    border: 0;
}

/*.iceriksection .icerikdiv .icerikaciklama {
    width: auto;
    flex-grow: 1;
}*/
.iceriksection .icerikdiv .icerikresim img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.iceriksection .icerikdiv .icerikkat ul {
    display: flex;
    align-items:center;

}

.iceriksection .icerikdiv .icerikkat ul li {
    
    border-radius: 50px;
    margin: 0;
    white-space:nowrap;
}



.iceriksection .icerikdiv .icerikaciklama {
    width: calc(100% - 140px);
}

.iceriksection .icerikdiv .icerikresim {
    width: 100px;
    height: 100px;
    margin: 10px;
}

.iceriksection .icerikdiv .icerikresim img {
    width: 100px;
    height: 100px;
}


.iceriksection .sagustlist .list-group-item:first-child,
.iceriksection .solaltlist .list-group-item:first-child,
.iceriksection .sagaltlist .list-group-item:first-child {
    padding: 20px;
}

.iceriksection .solustlist .list-group-item h5,
.iceriksection .sagustlist .list-group-item h5,
.iceriksection .solaltlist h5,
.iceriksection .sagaltlist h5 {
    font-size: 18px !important;
    padding: 0;
    margin: 0;
}

.iceriksection .solustlist .list-group-item h6 {
    font-size: 16px;
    margin-bottom: 0;
}

.iceriksection .sagaltlist .profilresim img {
    border: 2px solid #3f4f56;
}

.iceriksection .sagaltlist .takipbuton a {
    margin-top: 0 !important;
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    gap: 8px;
}

.postdetailsection .sagaltlist .list-group-item:not(:first-child){
    display: flex;
    align-items: center;
    
}
.postdetailsection .sagaltlist .list-group-item:not(:first-child):hover {
     background-color: #ccecf9;
}

.postdetailsection .icerikdiv {
    padding: 15px;
}

.postdetailsection .sagaltlist .profilresim img {
    border: 2px solid #3f4f56;
    border-radius: 20px;
}

.postdetailsection .sagaltlist .takipbuton a {
    margin-top: 0 !important;
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    gap: 8px;
}

body.dark .postdetailsection .sagaltlist .takipbuton a {
    color: #fff;
}

.postdetailsection .sagaltlist .list-group-item:not(:first-child) {
    display: flex;
    align-items: center;
}



.iceriksection .icerikdiv .icerikyazan img {
    width: 35px;
    height: 35px;
    object-fit: cover;
}

.iceriksection .icerikdiv .icerikaciklama h5 {
    font-size: 16px;
}

.iceriksection .sagaltlist .profildetay h5 {
    font-size: 14px !important;
}

.reklamsection1 .nav-tabs .nav-item.show .nav-link,
.reklamsection1 .nav-tabs .nav-link.active {
    border-radius: 30px;
}
body.dark .reklamsection1 .nav-tabs .nav-item.show .nav-link,body.dark .reklamsection1 .nav-tabs .nav-link.active{
    color:#fff;
}
body.dark .reklamsection1 .nav-tabs .nav-item.show .nav-link{
    color:#fff; 
}
.reklamsection1 .nav-tabs .nav-item.show .nav-link,
.reklamsection1 .nav-tabs .nav-link {
    width: auto;
    height: auto;
    padding: 6px 15px;
    font-size: 14px;
    margin: 5px;
    border-radius: 30px;
}

.addpostsection {
    height: 100% !important;
    position: relative;
    margin-block: 0;
}

.addpostsection .solbtn {
    position: static;
    height: 100%;
    min-height: 100vh;
    inset: 0 auto 0 0;
    display: grid;
    place-items: center;
}

.addpostsection .solbtn span {
    position: static;
}

.addpostsection .sagbtn {
    position: static;
    height: 100%;
    min-height: 100vh;
    inset: 0 0 0 auto;
    display: grid;
    place-items: center;
}

.addpostsection .sagbtn span {
    position: static;
}

.postdetailsection .postdetay h2 {
    margin-block: 65px 25px;
}

.postdetailsection .breadcrump .breadalt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
    padding-right: 0;
    margin: 15px 0 15px 0;
    width:100%;
}

body.dark .postdetailsection .breadcrump .breadust ul li a {

    color: #fff;
}

.postdetailsection .breadcrump .breadalt .soldiv {
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

body.dark .postdetailsection .sagustlist .list-group-item h5,
body.dark .postdetailsection .sagaltlist .list-group-item h5,
body.dark .postdetailsection .sagaltlist .profildetay a,
body.dark .postdetailsection .sagaltlist .profildetay small {
    color: #fff;
}

.postdetailsection .breadcrump .breadalt .soldiv ul li a img {
    width: 30px !important;
    height: 30px !important;
    border-radius: 30px;
    object-fit: cover;
 
    border: 1px solid black;
}

body.dark .postdetailsection .breadcrump .breadalt .soldiv ul li:last-child a {
    color: #fff;
}

.postdetailsection .breadcrump .breadalt .sagdiv {
    width: auto;
}

.postdetailsection .breadcrump .breadalt .sagdiv ul {
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    flex: 1 1 auto;
}

.kapsayıcı12 {
    display: flex;
    justify-content: space-between;
    padding: 0;
}

body.dark .postdetailsection .breadcrump .breadalt .sagdiv ul li {
    color: #fff;
}

body.dark .postdetailsection .breadcrump .breadalt .sagdiv ul li i {
    color: #fff;
}

.postdetailsection .breadcrump .breadalt .sagdiv ul li:nth-child(n+2) {
    padding: 0 !important;
}

.postdetailsection .breadcrump .breadalt .sagdiv ul li:nth-child(n+2)>a {
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    font-size: 14px;
    padding: 0;
    margin-left: 0;
}

body.dark .postdetailsection .breadcrump .breadalt .sagdiv ul li:last-child,
body.dark .postdetailsection .breadcrump .breadalt .sagdiv ul li:nth-last-child(4),
body.dark .postdetailsection .breadcrump .breadalt .sagdiv ul li:nth-last-child(3),
body.dark .postdetailsection .breadcrump .breadalt .sagdiv ul li:nth-last-child(2) {
    border: 1px solid #fff;
}

.postdetailsection .postlar .postdetay {
    margin-top: 0;
}


.addpostsection .nav-tabs {
    margin-block: 40px !important;
}

.postsection .postlar {
    min-height: 145px;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: scale(.9);
}

.postsection .postlar .postimg {
    width: 20%;
    padding: 0;
}

.postsection .postlar .postimg img {
    max-width: 100px;
    width: 100% !important;
}

.postsection .postlar .postdetay {
    width: 80%;
    padding: 0 0 0 20px;
}

.postsection .postlar .postdetay h1 {
    font-size: 25px;
}

.selectlang .dropdown-menu {
    min-width: 90px; 
    padding-top: 20px !important;
    background: unset;
    border: unset;
}

.selectlang .dropdown-toggle::after {
    display: none;
}

.selectlang .dropdown-item {
    background-color: #575757;
    color: #fff;
    border-bottom: 1px solid #fff;
    font-weight: 600;
    text-align: center;
    font-size: 14px;
}

.selectlang .dropdown-menu li:first-child .dropdown-item {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.selectlang .dropdown-menu li:last-child .dropdown-item {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: none;
}

@media (max-width: 1550px) {
    .addpostsection {
        position: relative;
        margin-top: -25px;
    }

    /**/
}

@media (max-width: 1200px) {
    .postdetailsection .breadcrump .breadalt {
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    .postsection .postlar {
        min-height: auto;
    }

    .postsection .postlar a {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .postsection .postlar .postdetay {
        flex: 1 1 300px;
        padding: 10px;
        text-align: start !important;
    }

    .postsection .postlar .postimg {
        width: 30%;
        padding: 10px 20px 10px 10px;
    }

    .postsection .postlar .postdetay h1 {
        font-size: 22px;
    }

    .postsection .postlar .postimg img {
        width: 100% !important;
    }
}

@media (max-width: 992px) {
    .postdetailsection .breadcrump .breadalt .sagdiv ul li:first-child {
        width: 100%;
        text-align: center;
    }

    .postdetailsection .breadcrump .breadalt .sagdiv ul li:nth-child(n+2) {
        width: 29px;
        height: 29px;
    }

    .addpostsection .nav-tabs {
        width: 100% !important;
        display: flex;
        justify-content: space-evenly;
    }

    .addpostsection .nav-tabs li {
        width: auto !important;
        margin: 0 auto !important;
        flex: 1 1 auto;
    }

    .addpostsection .nav-tabs .nav-link {
        margin: 0 auto !important;
    }

    .menu {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .addpostsection{
        padding-bottom:40px;
    }
    .kapsayıcı12 {
        justify-content: center;
    }

    .addpostsection .solbtn {
        position: fixed;
        inset: auto auto 0 0;
        width: 50%;
        height: 100px;
        display: grid;
        place-items: center;
        z-index: 10;
        min-height: auto;
    }

    .addpostsection .sagsubmitbtn {
        position: fixed;
        inset: auto 0 0 auto;
        width: 50%;
        height: 100px;
        display: grid;
        place-items: center;
        z-index: 10;
    }

    .addpostsection .sagbtn {
        position: fixed;
        inset: auto 0 0 auto;
        width: 50%;
        height: 100px;
        display: grid;
        place-items: center;
        z-index: 10;
        min-height: auto;
    }

    .addpostsection .sagbtn span,
    .addpostsection .sagsubmitbtn span,
    .addpostsection .solbtn span {
        position: static;
        font-size: 18px;
    }

    .menu>li>a {
        font-size: 14px;
    }

    .videolarsection h4 {
        font-size: 1.2rem;
    }

    .videolarslider .owl-theme .owl-nav {
        position: absolute;
        inset: -100px 50px auto auto;
    }

    .videolarslider .owl-carousel .owl-prev,
    .videolarslider .owl-carousel .owl-next {
        top: 58px;
    }

    .videolarslider .owl-carousel .owl-prev {
        left: -40px;
    }

    .videolarslider .owl-carousel .owl-prev i,
    .videolarslider .owl-carousel .owl-next i {
        width: 35px;
        height: 35px;
        font-size: 20px;
        display: grid;
        place-items: center;
        border: 0;
        box-shadow: 0 0 0 0px black;
        padding: 0 3px 0 0;
        border-radius: 45px;
    }
}

@media only screen and (max-width: 601px) {

    header .menu,
    header .menu li .sagmenu {
        justify-content: center;
    }


    header .menu li:first-child,
    header .menu li:last-child {
        width: auto;
    }

    .menu li:nth-child(2),
    .menu li:last-child {
        margin-left: 0;
    }
}
@media only screen and (max-width: 991px){
    .menu>li{
        position:unset;
    }
    .menu li .menualt{
        width:100%;
        right:0;
        top:0;
        box-shadow:none;
        background-color:white;
    }
   
    
    header .menu {
        display: none;
    }
    
}
@media only screen and (max-width: 1440px) {
    header .menu li .sagmenu {
        gap: 10px;
    }

    header .menu li .sagmenu li:first-child,
    header .menu li .sagmenu li:last-child,
    header .menu li .sagmenu li {
        width: auto !important;
        /*display: block;*/
    }
}

/*@media only screen and (max-width: 600px) {
    header .menu li .sagmenu li:first-child,
    header .menu li .sagmenu li:last-child,
    header .menu li .sagmenu li {
        width: auto !important;
        display: block;
    }
}*/