/* ALL MOBILE */
@media only screen and (max-width : 1024px) {
    .container { width: 100%; }
    #mobile-menu { display: block; align-self: center; padding: 10px 15px 8px 15px; color: #fff; }
    .hide-on-mobile { display: none !important; }
    .show-on-mobile { display: block; }
    #footer { padding: 0 20px; }
    .yr3 { width:100px; !important; }
    .promo .main-slider {
        height: 100vh;
    }
}



/* TABLET YATAY */
@media only screen and (width : 1024px) {
    #logo { flex: 1; }
    #brand-bar .language-box { padding-right: 20px; }
    #brand-bar .search-panel { padding: 20px; }
    section.promo { padding: 20px; }
    .main-slider .swiper-slide .text h2 { font-size: 22px; }
    .main-slider .swiper-slide .image { right: 0; }
    .main-slider .swiper-slide .image img {max-width: 320px; }
    section.giris { padding-top: 0; }
    #inner-page-header { padding: 0 20px; }
    .search-result-header .search-box-inner { display: none; }
    #inner-promo .container { padding: 0 20px; }
    #inner-promo .container img.cover { height: 90%; }
    section.page.inner-page .container:nth-child(1) { padding: 0 20px; }
    .inner-page .main.box-list .swiper-wrapper { display: flex; flex-direction: column; }
    .inner-page .main.box-list .box { width: 100%; float: none; padding: 0 0 15px 0; }
    .inner-page .main.box-list .swiper-slide:nth-child(2n) .box { padding-left: 0; }
    .inner-page .main.box-list .swiper-slide:nth-child(1n) .box { padding-right: 0; }
    .inner-page .main.box-list .box .portled { padding-right: 0; }
    .inner-page .main.box-list .box.x2 h2 { width: 95%; }
    .fon-chart-1 canvas { margin-left: 30px; }
    .fon-chart-1 .legend { padding-left: 210px; min-height: 200px; }
}

 /* TABLET DIKEY */
 @media only screen and (width : 768px) {
     #main-menu { display: none; }
     #logo { flex: 1; }
     #brand-bar .search-panel { padding: 20px; }
     #brand-bar .language-box { padding-right: 20px; }
     section.promo { padding-top: 0; }
     section.promo .container { flex-direction: column; }
    .promo .main-slider { height: 500px; }
    .main-slider .swiper-slide .text { display: flex; padding: 0 0 0 50px; justify-content: center; }
    .main-slider-pagination { padding-left: 50px; bottom: 30px !important; }
    .side-bar { padding: 0; margin-top: -20px; overflow: hidden; display: flex; width: 100%;}
    .side-bar .swiper-wrapper { display: flex; }
    .side-bar .swiper-slide { width: 60%; }
    .side-bar .swiper-slide .portled { padding: 15px 20px; }
    section.giris { padding-top: 0; }
    section.yatirimci-rehberi .container { flex-direction: column; }
    section.yatirimci-rehberi .h235 { height: unset; }
    section.yatirimci-rehberi .home-link-box { padding-bottom: 30px; }
    section.yatirimci-rehberi .portled.blue { height: 170px; border-radius: 0; }
    #inner-page-header { padding: 0 20px; }
    .search-result-header .search-box-inner { display: none; }
    #inner-promo .container img.cover { width: 550px; }
    #inner-promo .container .content { width: 70%; padding-left: 50px; }
    section.page.inner-page { padding-bottom: 20px; }
    section.page.inner-page .container:nth-child(1) { padding: 0 20px; flex-direction: column; }
    .inner-page .main { padding-right: 0; }
    .inner-page .main.box-list .box.x2 h2 { width: 100%; }
    .inner-page .main.box-list .box .portled { min-height: 175px; }
    .inner-page .side { width: 100%; }
    #yonetim-kadro .image { height: 300px; }
    .video-box-container { width: 50%; padding: 10px; }
    .load-more-button { padding: 20px 0; height: 90px}
 }

 /* TELEFON */
@media only screen and (max-width : 760px) {
    .show-on-phone { display: block; }
    .hide-on-phone { display: none; }
    #main-menu { display: none; }
    #brand-bar { position: inherit; }
    #brand-bar .search-box { display: none; }
    #logo { flex: 1; margin: 14px 0; }
    #logo img { height: 32px; }
    #mobile-search-icon { align-self: center; padding: 10px 8px 8px 8px; color: #fff; }    
    .language-box { padding-right: 15px; }
    #brand-bar .search-panel { padding: 4px 0; }
    #brand-bar .search-panel input { font-size: 18px; }
    #brand-bar .search-panel i { margin: 0 10px; }

    .promo { padding-top: 0; padding-bottom: 0px!important; }
    .promo .container { flex-direction: column; }
    .promo .side-bar { flex: 1; width: unset; }

    .main-slider-pagination swiper-pagination-clickable swiper-pagination-bullets { position: relative; }
    
    .main-col { height: 420px; }
    .main-slider .swiper-slide .text { width: 100%!important; z-index: 1; height: 700px; }
    .main-slider .swiper-slide .image { height: 100%; top: 44%; }
    .promo .main-slider .swiper-slide { overflow: hidden; }
    .main-slider .swiper-slide { text-align: center; }
    .main-slider .swiper-slide .text h2 { font-family: circularBold; padding: 75px 30px 20px 30px; font-size: 22px; }
    .main-slider .swiper-slide .text p { padding: 0 35px; font-family: circularBold; font-size: 14px; }
    .main-slider .swiper-slide .text div { margin-bottom: 30px; }
    .main-slider .swiper-slide .button-set { height: 90px; }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 40px; padding-left: 30px; }
    section.promo label { font-size: 16px; }
    .side-bar { padding: 0; margin-top: 0; overflow: hidden; }
    .side-bar .swiper-slide { width: 85%; }
    .side-bar .swiper-slide .portled { padding: 15px 20px; }
    section.yatirimci-rehberi .container { display: block; }
    section.yatirimci-rehberi .col-8 { height: unset; padding-bottom: 20px; }
    section.yatirimci-rehberi .col-4.blue { height: unset; border-radius: 0; padding-bottom: 100px; margin-bottom: 30px; }
    section.yatirimci-rehberi .portled-group .portled { border-radius: 0; box-shadow: unset; border-bottom: #eaeaea 1px solid; }
    section.yatirimci-rehberi .portled-group .col-6.pr-1,
        section.yatirimci-rehberi .portled-group .col-6.pr-2,
            section.yatirimci-rehberi .portled-group .col-6.pl-2,
                section.yatirimci-rehberi .portled-group .col-6.pl-1v {
        padding-left: 0;
        padding-right: 0;
    }
    .home-link-box { background-position: right bottom; background-size: 140px; }
    #fon-gundem-slider .swiper-pagination { bottom: 0; padding-left: 0; }
    #footer { padding: 30px 30px 0 30px; margin-top: 0; }
    #footer .link-set { padding-bottom: 20px; margin-bottom: 10px; }
    #footer .link-set a:link, #footer .link-set a:visited,
        #footer .link-set a.tel:link, #footer .link-set a.tel:visited { float: none; display: block; text-align: center; margin: 0; }
    #footer .info { text-align: center; }
    #footer .info label { float: none; display: block; }

    .side-bar .swiper-wrapper { display: flex; }
    .side-bar .swiper-wrapper .swiper-slide { height: 100%; }
    .side-bar .swiper-wrapper .swiper-slide:nth-child(2) { margin: 0; }
    #brand-bar .search-panel { height: 60px;position: fixed; }

    #inner-page-header { padding: 0 20px; min-height: 160px; border-top: #849fe7 1px solid; padding-bottom: 50px; }
    #inner-page-header .container h1 { font-size: 28px; padding: 20px 0 10px 0; }
    .container.page { border-radius: 0; padding: 0px; }
    .search-result-header { flex-direction: column-reverse; padding-bottom: 0; }
    .search-result-header p { padding: 20px; }
    .search-result-header .search-box-inner { width: 100%; padding: 20px; background-color: #F2F7FD; }
    .search-result-header .search-box-inner i { top: 30px; left: unset; right: 32px; }
    .search-result-item { margin-top: 30px; padding-bottom: 30px; }
    .search-result-item h3 { line-height: 30px; }
    .search-result-item p { padding: 0; }
    .search-result-area { padding: 20px; }
    .pagination a:link, .pagination a:visited { margin: 0 1px; padding: 3px; font-size: 12px; }

    #inner-promo { overflow: hidden; height: 100%; }
    #inner-promo .container img.cover { height: 374px; right: -90%; bottom: -30%; }
    #inner-promo .container .content { width: 100%; padding: 20px; }
    #inner-promo .container .content h1 { margin: 0px 0 16px 0; }
    #inner-promo .container .content label { margin-bottom: 15px; }
    #inner-promo .container .content p { line-height: 22px; font-size: 16px; margin: 0 0 34px 0}
    section.page.inner-page .container { flex-direction: column; }
    section.page.inner-page{ margin-top: -40px; padding-bottom: 0; }
    .inner-page .main { padding-right: 0; }
    .container.fon-detail .main { padding-top: 0; }
    .inner-page .main.box-list { padding: 0 ; }
    .inner-page .main.box-list .swiper-wrapper { display: flex; }
    .inner-page .main.box-list .data-list { padding: 0 20px; }
    .inner-page .main.box-list .box { float: none; width: 100%; }
    .inner-page .main.box-list .box:nth-child(1n), .inner-page .main.box-list .box:nth-child(2n) {
        padding-right: 0;
        padding-left: 0;
    }
    .inner-page .main.box-list .data-list .swiper-slide { width: 100%; }
    .inner-page .main.box-list .box .portled { padding-right: 100px; }
    .inner-page .main.box-list .box .portled .box-icon { max-height: 90px; }
    .inner-page .main.box-list .box.x2 .portled { padding-right: 0; border-radius: 0; }
    .side .portled.blue { border-radius: 0; }

    ul.prop-list li { width: 50%; }
    ul.prop-list li:nth-child(3n) { border-right: #e8e8e8 1px solid; }
    ul.prop-list li:nth-child(2n) { border-right: transparent 0px solid; }
    section.page.inner-page .container.fon-detail { flex-direction: column-reverse;}
    .side-bar-menu.dspNone { display: none; }
    .inner-page .side { width: 100%; }
    .inner-page .side .row-link-group { margin-bottom: 0; display: block; }
    .side-bar-menu.portled.white { background-color: #eef3f7; border-radius: 0; border-top: #d4d4d4 1px solid; }
    .side .side-bar-menu .seperator { background-color: #d4d4d4; }
    .datepicker-box i.show-on-phone { display: inline-block; }
    .datepicker-box i.hide-on-phone { display: none; }
    .datepicker-box input { display: none; }
    .datepicker-box i { top: 8px; right: 9px; }
    .datepicker-box { height: 44px; width: 52px; border-radius: 50%; border: #d4d4d4 1px solid; margin: 20px 16px 0 0; }
    .search-result-header.performans { flex-direction: row; background-color: #F2F7FD; }
    .fon-detay .tab-group span { font-size: 10px; padding: 5px 10px; margin: 3px 0px 3px 0; }
    ul.compared-fon-list li { margin: 5px 0; width: 100%; }
    #fon-table.data-table.scroll { width: 900px; }
    #fon-ozellik-table.data-table.scroll { width: 1100px; }
    .inner-page .main.box-list .swiper-slide:nth-child(2n) .box { padding-left: 0; }
    .fon-detay.portled .content { padding: 20px; }
    .portled.blue { border-radius: 0; }
    .inner-page .main.box-list .box.x2 h2 { width: 100%; }
    .boxed-label { flex-wrap: wrap; }
    .boxed-label label:first-child { margin-left: 15px; }
    .boxed-label.skala { flex-direction: row; }
    .boxed-label.skala label {  text-align: left; padding-left: 15px; min-height: 75px; min-width: 100px; }
    .boxed-label.skala label em { padding: 11px; }
    .boxed-label.skala label:first-child { margin-left: 5px; }
    .map iframe { height: 200px; }
    #yonetim-kadro .image { height: 250px; }
    .flex-grid-container { flex-direction: column; }
    .video-box-container { width: 100%; padding: 10px; }
    .load-more-button { padding: 20px 0; height: 90px}

    h3.chart-title { text-align: center; }
    .fon-chart-1 { margin-top: 30px; overflow: hidden; min-height: 250px; }
    .fon-chart-1 canvas { height: 400px; width: 100%; max-width: 100%; position: relative; left: 0px; }
    .fon-chart-1 .legend { padding-left: 0; padding-top: 30px; min-height: unset; }
    .fon-chart-1 .legend ul { margin: 0 auto;  }

}