/* Pera Mobile ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width : 768px) {

    .events-filter .item.dropdown .dropdown-item {
        padding: 5px 15px;
        margin: 0;
    }
        /* header spacing */
        .ptnew {
            padding-top: .4rem !important;
            padding-bottom: .4rem !important;
        }
    

    .events-filter{justify-content:flex-start;}
    .events-filter .ml-2 {
        margin-left:0 !important;
    }

    .event-detail-meta {
        flex-direction: column;
        margin: auto;
        width: 300px;
        gap: 20px;
    }
    .event-detail-meta .item {
        border-right:none;border-bottom:1px solid #333; padding-bottom:20px;
    }
        .event-detail-meta .item:nth-last-child(1) {
            padding-bottom: 0px;
        }

    .page-title-200{margin-bottom:20px}

    #fullScreenMenu .menu-header .logo img {
        width: 100%;
        height: auto;
    } 
    .home-section-title {
        font-size: 30px
    }
    .d-sm-none{display:none !important}
    .menu-trigger .text {
        display: none;
    }

    .event-title {
        font-size: 32px;
    }

    .seperated {
        border-right: none;
        border-bottom:1px solid #000;
        margin-bottom: 15px;
        padding:0 18px 30px 18px;
    }

    .topMenuRight {
        display: none
    }

    /*recaptcha mobilde ekran dışına taşmaması için küçültme kodu*/

    #rc-imageselect, .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    .g-recaptcha {
        padding-left: 6% /*Mobilde biraz daha ortalamak için*/
    }

    .cookie-bar .cookie-close {
        margin-top: 25px;
    }


    .blog50left {
        margin: 5px 10px 25px 0;
    }

    .blog50right {
        margin: 5px 0 25px 10px;
    }

    .blog50centerondesktop {
        width: 100%;
        margin: 0 0 25px 0;
    }

    /* mobilde yazılar için küçültme kodu*/
    .onevideo {
        width: 100%;
        height: 300px;
    }

    .twovideos {
        width: 100%;
        height: 300px;
    }

    .oneofthreevideos {
        width: 100%;
        height: 300px;
    }

    .twoofthreevideos {
        width: 100%;
        height: 300px;
    }

    .fs-50 {
        font-size: 20px !important;
    }

    .fs-40 {
        font-size: 30px !important;
        color: #333333;
    }

        .fs-40 h1 {
            font-size: 30px !important;
            color: #333333;
        }

    .fs-30 {
        font-size: 24px !important;
        color: #333333;
    }

    .fs-22 {
        font-size: 20px !important;
        color: #333333;
    }

    .fs-20 {
        font-size: 18px !important;
        color: #333333;
    }

    .fs-16m {
        font-size: 16px !important;
        color: #333333;
    }

    .learning-head {
        font-size: 20px;
    }

    .learning-head-side {
        font-size: 20px;
    }

    .yayin-subtitle {
        font-size: 20px !important;
        color: #333333;
    }

    /* yazı küçültme sonu */


    .ytembed {
        width: 100%;
        height: 320px;
    }

    .fragman iframe {
        width: 100%;
        height: 400px !important;
        border: 0;
    }

    .social-margin-right {
        margin: 0px 0px 0px -2px;
    }

    #dateHeader {
        color: white;
        font-size: 22px;
    }

    .slytdtl {
        margin-left: 30px !important;
        margin-right: 30px !important;
    }

    .yenimodsm {
        display: block !important;
    }

    .yy {
        width: 100% !important;
        margin-top: 10px !important;
    }

    /* 640 olarak hazırlanmıştı, değiştirildi */
    #fullScreenMenu .menu-footer {
        flex-direction: column;
        padding-top: 15px;
        gap: 10px;
    }

}

@media (max-device-width: 768px) {
    #fullScreenMenu .menu-footer {
        align-items: unset;
    }
    .searchbar .search_icon{margin-top:0}
    .searchbar .search-bar-container {
        width: 100%;
        height: calc(100dvh - 270px);
        top: 70px;
        position: absolute;
        right: -100%;
        background: #d22302;
        z-index: 1;
        opacity: 0;
        transition: all .4s;
        padding: 20px 15px 0 15px
    }
    .searchbar.show {
        border: none;
    }
    .searchbar.show .search-bar-container{ right:0; opacity:1; z-index:90;  }

    .searchbar .search-bar-container .search_input {
        border: 1px solid #fff;
        border-radius: 25px;
        background: #d22302;
        padding: 15px;
        width:100%;
        /*   position: absolute;
        top: 90px;
        left: 15px;
        width: calc(100% - 30px);
        
        z-index: 99;
        */
    }

}


@media (max-device-width: 640px) {
    #fullScreenMenu .menu-header .logo img {
        width: 290px;
        height: auto;
    }
    #fullScreenMenu .menu-header .right .searchbar{width:45px;}

}
@media (max-device-width: 540px) {
    #fullScreenMenu .menu-header .logo img {
        width: 240px;
        height: auto;
    }
}
@media (max-device-width: 480px) {
    #fullScreenMenu .menu-header .logo img {
        width: 210px;
        height: auto;
    }
}
@media (max-device-width: 395px) {
    #fullScreenMenu .menu-header .logo img {
        width: 167px;
        height: auto;
    }
}
@media (max-device-width: 375px) {
    #fullScreenMenu .menu-header .logo img {
        width: 158px;
        height: auto;
    }
}
@media (max-device-width: 360px) {
    #fullScreenMenu .menu-header .logo img {
        width: 150px;
        height: auto;
    }
}
@media (max-device-width: 320px) {
    #fullScreenMenu .menu-header .logo img {
        width: 130px;
        height: auto;
    }
}