/* Media Queries
-------------------------------------------------------------- */
@media only screen and (max-width: 1800px) {
    .tf-slider-item { padding-left: 0; padding-right: 0; }
        .tf-slider-item .content-inner { margin-right: 30px; }
        .tf-slider-item .image img { width: 45%; }
            .tf-slider-item .image img:last-child { display: none; }
        .tf-slider-item.style-3 { padding-top: 100px; }
            .tf-slider-item.style-3 .content-inner { padding-top: 0; margin-right: 30px; }
            .tf-slider-item.style-3 .image img { width: 100%; }
            .tf-slider-item.style-3 .image .img-1 { display: none; }
}

@media only screen and (max-width: 1450px) {
    header #site-header-inner #site-logo { margin-right: 30px; }
    #main-nav > ul > li { padding-right: 15px; }
    .sign-in-form { width: unset; }
}

@media only screen and (max-width: 1366px) {
    .sidebar.sidebar-collection,
    .footer .widget.widget-infor { padding-right: 0%; }
    .footer .widget.widget-subcribe { margin: 0px; }
    .tf-item-detail-inner,
    .content-detail,
    .action-box .action-box-inner .group-btn,
    .action-box .action-box-inner .content,
    .action-box .action-box-inner .title { margin-left: 0; }
    .tf-item-detail-inner-reverse { margin-right: 0; }
    .tf-item-detail-image .countdown-inner { min-width: 95%; }
    .detail-inner { margin-right: 0px; }
        .detail-inner .post-navigator li { max-width: 48%; }
    .content-detail .contact-infor .contact-infor-box { width: calc(100% - 30px); margin-bottom: 20px; }
        .content-detail .contact-infor .contact-infor-box:last-child { margin-left: 30px; margin-right: 0; }
    .tf-item-detail-image img,
    .team-details .slider-item img { width: 100%; }
    .tf-about.style-2 .tf-heading { padding-right: 0; }
}

@media only screen and (max-width: 1300px) {
    header #site-header-inner .header-right .tf-button, header #site-header-inner .header-right .user, header #site-header-inner .header-right .mode-switch { margin-right: 10px; }
        header #site-header-inner .header-right .tf-button.connect { display: none; }
}

@media only screen and (max-width: 1199px) {
    header #site-header-inner .header-right .tf-button.discord { display: none; }
    .sign-in-form { width: 100%; margin-left: 0; }
    .tf-work.style-2 { padding: 30px 20px; }
    .countdown.style-2 .countdown__item { margin-right: 11px; padding-right: 15px; }
}

@media only screen and (max-width: 1100px) {
    .tf-roadmap-style-thumb .content-rm-thumb { padding: 30px; }
        .tf-roadmap-style-thumb .content-rm-thumb .content-left { width: 60%; }
        .tf-roadmap-style-thumb .content-rm-thumb .content-right { margin-left: 30px; }
}

@media only screen and (max-width: 1073px) {
    #main-nav > ul > li { padding-right: 0px; }
        #main-nav > ul > li > a { font-family: "Bakbak One"; position: relative; font-size: 13px; line-height: 24px; font-weight: 400; display: block; color: var(--primary-color3); margin-right: 27px; letter-spacing: 0.1em; text-transform: uppercase; }
}

@media only screen and (min-width: 991px) {
    .footer .widget.widget-menu { align-items: flex-start; justify-content: space-around; }
}

@media only screen and (max-width: 991px) {
    .tf-slider-item { padding-top: 0; }
        .tf-slider-item .image img { width: 95%; }
            .tf-slider-item .image img:nth-child(2) { display: none; }
        .tf-slider-item.style-2 { padding: 100px 0; }
        .tf-slider-item.style-3 .image .img-1, .tf-slider-item.style-3 .image .img-2 { display: none; }
    .mobile-button { display: block !important; }
    header #site-header-inner { padding: 15px 0; }
        header #site-header-inner .header-right .mode-switch { margin-right: 50px; }
    .footer .widget { margin-bottom: 60px; }
    .tf-item-detail-image,
    .team-details,
    .detail-inner { margin-bottom: 60px; }
        .tf-item-detail-image.reverse { margin-top: 60px; }
    .content-detail .social-item { padding-bottom: 60px; }
    .tf-about.style-2 .tf-heading { margin-top: 0; }
    .tf-about.style-2 .tf-button { margin-bottom: 60px; }
    .tf-roadmap.style2 { width: 100%; }
        .tf-roadmap.style2 .roadmap-box-2 { max-width: 250px; }
            .tf-roadmap.style2 .roadmap-box-2 .shape-circle { width: 54%; }
                .tf-roadmap.style2 .roadmap-box-2 .shape-circle svg { position: absolute; width: 100%; }
    .footer.style-2 .bottom .content-left img { margin-right: 20px; }
    .footer.style-2 .bottom { display: block; text-align: center; }
        .footer.style-2 .bottom .content-left, .footer.style-2 .bottom .menu-bottom { justify-content: center; }
            .footer.style-2 .bottom .menu-bottom li { margin-right: 20px; }
    .button-card { padding: 15px; }        
}

@media only screen and (max-width: 830px) {
    .tf-slider-item.style-3 .image,
    .tf-slider-item .image { display: none; }
    .tf-slider-item.style-3 .content-inner,
    .tf-slider-item .content-inner { width: 100%; margin-right: 0; }
        .tf-slider-item .content-inner .heading,
        .tf-slider-item .content-inner .sub-heading { max-width: 100%; }
    .tf-slider-item.style-3 { padding: 100px 0; }
    .button-card {padding: 13px; }
}

@media only screen and (max-width: 767px) {
    .modal .modal-dialog .modal-content { margin: 0 15px; }
    .content-detail .social-item { padding-bottom: 0px; }
    .mb60 { margin-bottom: 50px; }
    .modal .modal-dialog .modal-content .modal-body { padding-left: 15px; padding-right: 15px; }
        .modal .modal-dialog .modal-content .modal-body .tf-wallet::after { right: 15px; }
        .modal .modal-dialog .modal-content .modal-body .tf-wallet { padding-left: 15px; }
    .tf-contact .image,
    .tf-roadmap-style-thumb .content-rm-thumb .content-left { margin-bottom: 50px; }
    .tf-roadmap-style-thumb .content-rm-thumb .content-right { margin-left: 0; }
    .tf-roadmap-style-thumb .content-rm-thumb .content-left { width: 100%; }
    .tf-section { padding-bottom: 70px !important; }
    .tf-roadmap .sl-roadmap { padding-bottom: 0px; }
    .team-page .tf-partner-sec,
    .home-1 .tf-partner-sec { padding-bottom: 173px !important; }
    .section-roadmap2 { padding-top: 60px; padding-bottom: 160px; }
    .home-2 .section-work { padding: 60px 0 62px; }
    .tf-collection { padding-bottom: 160px; }
    .sign-in-form.style2,
    .sign-in-form { padding-bottom: 60px; margin-top: 60px; }
    .tf-roadmap-style-thumb .content-rm-thumb { display: block; }
    .footer .bottom .social-item li { margin-right: 30px; }
    .comming-soon.error-page .comming-soon-inner .title { font-size: 75px; }
    .tf-infor-wrap .tf-infor { width: calc(100% - 30px); margin-bottom: 30px; }
    .comming-soon .comming-soon-inner { padding: 0 15px; }
    .sidebar.sidebar-collection { margin-bottom: 60px; }
    .tf-roadmap.style2 { padding: 0; display: block; }
        .tf-roadmap.style2::before, .tf-roadmap.style2::after { display: none; }
        .tf-roadmap.style2 .roadmap-box-2 { margin: 0 0 20px 0 !important; width: 100%; max-width: 100%; }
            .tf-roadmap.style2 .roadmap-box-2 .shape-circle { display: none; }
    .button-card { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 100%; padding: 13px; }
        .button-card a { display: flex; flex-direction: row; justify-content: center; align-items: center; }
        .button-card p { display: inline-block;  font-size: 18px;margin: 0 3px; }
        .button-card img { width: 30px; height: 30px; margin-top: 0px; }
}

@media only screen and (max-width: 600px) {
    .action-box .action-box-inner .group-btn .tf-button { padding: 12px 24px; margin-right: 5px; margin-bottom: 10px; }
    .action-box .action-box-inner { padding-left: 15px; padding-right: 15px; }
    .footer .bottom { display: block; text-align: center; }
        .footer .bottom .social-item { justify-content: flex-start; }
        .footer .bottom .copy-right { margin-bottom: 10px; }
    .detail-inner #comments .comment-form fieldset { width: 100%; padding-right: 0; }
        .detail-inner #comments .comment-form fieldset:nth-child(2n) { width: 100%; padding-left: 0px; padding-right: 0; }
    .tf-contact .comment-form fieldset:first-child { width: 100%; margin-right: 0px; }
    .tf-contact .comment-form fieldset:nth-child(2) { width: calc(100% - 0px); }
    .comming-soon .comming-soon-inner .title { font-size: 40px; letter-spacing: 0; }
    .countdown .countdown__item { margin-right: 13px; }
        .countdown .countdown__item .countdown__value { width: 80px; height: 80px; font-size: 40px; }
    .countdown.style-2 .countdown__value { width: unset; height: unset; }
    .comming-soon .comming-soon-inner .social-item { flex-wrap: wrap; }
        .comming-soon .comming-soon-inner .social-item li { margin-bottom: 20px; }
    .comming-soon .comming-soon-inner .group-btn .tf-button { margin-right: 4px; }
    .tf-item-detail-inner .infor-item-wrap .infor-item-box { width: 100%; }
    .tf-item-detail-inner .group-btn .group-2 { margin-right: -20px; }
    .tf-item-detail-inner .group-btn .tf-button.style-2 { width: calc(50% - 20px); margin-right: 20px; }
}

@media only screen and (max-width: 530px) {
    .tf-collection-inner .top-option { flex-direction: column; justify-content: left; align-items: flex-start; }
    .tf-collection-inner .filter-content { padding: 12px; }
    .tf-collection-inner .top-option .heading { margin-bottom: 10px; }
    .tf-collection-inner .filter-content li a { padding: 7px 6px; margin-right: 5px; }
        .tf-collection-inner .filter-content li a i { margin-left: 5px; }
}

@media only screen and (max-width: 420px) {
    .countdown .countdown__item .countdown__value { width: 50px; height: 50px; font-size: 30px; }
    .countdown .countdown__item .countdown__label { font-size: 12px; }
}

@media screen and (max-width: 1200px) {
    .content-inner { width: 100%; max-width: 100%; }
    .content-right { width: 100%; }
        .content-right .content-slide .image:first-child { margin-left: 0; }
    .tf-slider-item { flex-wrap: wrap !important; }
}

@media screen and (max-width: 768px) { /* tablet mixin */
    .content-right .content-slide { height: 330px; }
}

@media only screen and (max-width: 991px) {
    .tf-slider-item { padding-top: 0; }

        .tf-slider-item .image img { width: 95%; }

            .tf-slider-item .image img:nth-child(2) { display: none; }

        .tf-slider-item.style-2 { padding: 100px 0 0; }

        .tf-slider-item.style-3 .image .img-1,
        .tf-slider-item.style-3 .image .img-2 { display: none; }

    .mobile-button { display: block; }

    header #site-header-inner .header-right .mode-switch { margin-right: 50px; }

    .tf-item-detail-image,
    .team-details,
    .detail-inner { margin-bottom: 60px; }

    .content-detail .social-item { padding-bottom: 60px; }

    .tf-about.style-2 .tf-heading { margin-top: 0; }

    .tf-about.style-2 .tf-button { margin-bottom: 60px; }

    .tf-roadmap.style2 { width: 100%; }

    /* .tf-roadmap.style2 .roadmap-box-2 .shape-circle {
    width: 54%;
    position: absolute;
    width: 100%;
  } */

    .footer.style-2 .bottom .content-left img { margin-right: 20px; }

    .footer.style-2 .bottom { display: block; text-align: center; }

        .footer.style-2 .bottom .content-left,
        .footer.style-2 .bottom .menu-bottom { justify-content: center; }

            .footer.style-2 .bottom .menu-bottom li { margin-right: 20px; }
}

@media screen and (max-width: 1200px) {
    .tf-slider-item .content-inner { width: 100%; max-width: 100%; margin-bottom: 5px; }
    .tf-slider-item .content-right { width: 100%; }
}

@media screen and (max-width: 768px) {
    .tf-slider-item .content-right .content-slide { height: 330px; }
}

@media screen and (min-width: 990px) and (max-width: 1044px) {
    #main-nav > ul > li { padding: 0px 10px 0px 0px !important; }
}

@media (max-width: 1200px) {
    .tf-slider-item .content-right .content-slide { flex-direction: row; justify-content: space-between; }
}

@media (max-width: 1200px) {
    .action-box .action-box-inner .content { font-size: 1.1rem; }
}

/* 1200px ve altı ekranlar için */
@media (max-width: 1200px) {
    .tf-work .content { font-size: 17px; line-height: 26px; }
    .tf-work .title { font-size: 20px; line-height: 28px; }
    h1 { font-size: 52px; line-height: 70px; }
    h2 { font-size: 38px; line-height: 48px; }
    h3 { font-size: 32px; line-height: 40px; }
    h4 { font-size: 22px; line-height: 28px; }
    h5 { font-size: 20px; line-height: 28px; }
    h6 { font-size: 18px; line-height: 26px; }
    p { font-size: 17px; line-height: 26px; }
    ul li { font-size: 17px; line-height: 26px; }
}

/* 768px ve altı ekranlar için */
@media (max-width: 768px) {
    .tf-work { min-height: auto; }
    h1 { font-size: 42px; line-height: 60px; }
    h2 { font-size: 34px; line-height: 44px; }
    h3 { font-size: 28px; line-height: 36px; }
    h4 { font-size: 20px; line-height: 26px; }
    h5 { font-size: 18px; line-height: 26px; }
    h6 { font-size: 16px; line-height: 24px; }
    p { font-size: 16px; line-height: 24px; }
    ul li { font-size: 16px; line-height: 24px; }
}

/* 576px ve altı ekranlar için */
@media (max-width: 576px) {
    h1 { font-size: 32px; line-height: 46px; }
    h2 { font-size: 28px; line-height: 38px; }
    h3 { font-size: 24px; line-height: 32px; }
    h4 { font-size: 18px; line-height: 24px; }
    h5 { font-size: 16px; line-height: 24px; }
    h6 { font-size: 14px; line-height: 22px; }
    p { font-size: 14px; line-height: 22px; }
    ul li { font-size: 14px; line-height: 22px; }
}

@media (max-width: 1200px) {
    .tf-roadmap-style-thumb .content-rm-thumb .content-right h3 { font-size: 32px; }
}

@media (max-width: 768px) {
    .tf-roadmap-style-thumb .content-rm-thumb .content-right h3 { font-size: 28px; }
}

@media (max-width: 480px) {
    .tf-roadmap-style-thumb .content-rm-thumb .content-right h3 { font-size: 24px; }
}

@media (max-width: 1200px) {
    .tf-roadmap-style-thumb .content-rm-thumb .content-right .list-infor li { font-size: 16px; }
}

@media (max-width: 768px) {
    .tf-roadmap-style-thumb .content-rm-thumb .content-right .list-infor li { font-size: 15px; }
}

@media (max-width: 480px) {
    .tf-roadmap-style-thumb .content-rm-thumb .content-right .list-infor li { font-size: 14px; }
}

@media (max-width: 426px) {
    .special-btn-slider-1 { flex-direction: column; }
    .tf-slider-item .content-inner .tf-button-1 { padding: 0px; }
        .tf-slider-item .content-inner .tf-button-1.style-2 { padding: 0px; }
}
/* 1024px ve altı ekranlar için */
@media (max-width: 1024px) {
    .tf-slider-item .content-inner .sub-heading { font-size: 18px; line-height: 28px; margin-bottom: 40px; }
    .accordion-content .sub-heading { font-size: 18px; line-height: 28px; margin-bottom: 40px; }
    .slider-content .sub-heading { font-size: 18px; line-height: 28px; margin-bottom: 40px; }
}

/* 768px ve altı ekranlar için */
@media (max-width: 768px) {
    .tf-slider-item .content-inner .sub-heading { font-size: 16px; line-height: 26px; margin-bottom: 35px; }
    .accordion-content .sub-heading { font-size: 16px; line-height: 26px; margin-bottom: 35px; }
    .slider-content .sub-heading { font-size: 16px; line-height: 26px; margin-bottom: 35px; }
    .popup-contact { padding: 20px; }

    .special-form { flex-direction: column; gap: 20px; }

        .special-form select,
        .special-form input[type="tel"] { width: 100%; }
    .submit-btn { font-size: 16px; }
}

@media (max-width: 575px) {
    .tf-slider.tf-counter.home2 { padding: 20px; }

    .tefas-main-title { font-size: 36px; line-height: 45px; margin-bottom: 20px; }

    .tefas-description, .tefas-tagline { font-size: 18px; line-height: 26px; margin-bottom: 20px; }

    .tefas-title { padding: 5%; }
}
/* 425px ve altı ekranlar için */
@media (max-width: 425px) {
    .tf-slider-item .content-inner .sub-heading { font-size: 14px; line-height: 24px; margin-bottom: 30px; }
    .accordion-content .sub-heading { font-size: 14px; line-height: 24px; margin-bottom: 30px; }
    .slider-content .sub-heading { font-size: 14px; line-height: 24px; margin-bottom: 30px; }
    .footer-inner .widget.widget-infor { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
}

@media (max-width: 1024px) {
    .content-detail .name { font-size: 48px; margin-bottom: 28px; }
}

/* 768px ve altı ekranlar için */
@media (max-width: 768px) {
    .content-detail .name { font-size: 36px; margin-bottom: 24px; }
}

/* 425px ve altı ekranlar için */
@media (max-width: 425px) {
    .content-detail .name { font-size: 28px; margin-bottom: 20px; }
}
/* 1200px ve altı ekranlar için */
@media (max-width: 1200px) {
    .tf-item-detail { padding: 80px 0; }
}

/* 768px ve altı ekranlar için */
@media (max-width: 768px) {
    .tf-item-detail { padding: 60px 0; }
}

/* 576px ve altı ekranlar için */
@media (max-width: 576px) {
    .tf-item-detail { padding: 40px 0; }
}

@media (max-width: 1690px) {
    #cookie-banner { padding: 55px 210px; }
    .cookie-btn { width: 180px; font-size: 15px; height: 42px; }
}

@media (max-width: 1565px) {
    .footer .bottom .social-item { margin-right: 7%; }
}

@media (max-width: 1440px) {
    .action-box .action-box-inner { flex: 1.8; padding: 15px 50px; }
    .action-box .action-box-inner-right { padding: 0px 45px 0px 100px; }
    .subscribe-title-big { font-size: 60px; line-height: 65px; }
    .subscribe-title-small { font-size: 35px; line-height: 45px; }
    .subscribe-big { font-size: 30px; line-height: 40px; }
    .subscribe-small { font-size: 15px; line-height: 22px; }
    .email-input { padding: 12px 22px; }
    .subscribe-btn { padding: 12px 40px; }
    .form-group input[type="text"]::placeholder,
    .form-group input[type="tel"]::placeholder,
    .form-group input[type="email"]::placeholder { font-size: 15px; line-height: 15px; }
}

@media (max-width: 1401px) {
    #cookie-banner { padding: 30px 107px; }
    .cookie-btn { width: 170px; font-size: 14.5px; height: 41px; }
}

@media (max-width: 1300px) {
    .footer .widget .widget-title { font-size: 30px; line-height: 22px; }
    .footer .widget.widget-menu { padding: 0px 25px; }
        .footer .widget.widget-menu .menu ul li a.footer-link { font-size: 15px; line-height: 16px; }
}

@media (max-width: 1200px) {
    .tf-product .name { font-size: 18px; line-height: 26px; }
    #cookie-banner { padding: 40px 100px; }
    .cookie-btn { width: 160px; font-size: 14px; height: 40px; }
    .popup-content { width: 500px; padding: 20px; font-size: 14px; }
    .popup-title { font-size: 20px; }
    .category-header { padding: 10px 0; }
    .chevron-and-title { gap: 15px; }
    .status { font-size: 12px; }
    .category-details { font-size: 14px; }
    .save-btn { font-size: 13px; padding: 8px 16px; }
    .switch { width: 45px; height: 24px; }
        .switch label:before { height: 18px; width: 18px; }
        .switch input:checked + label:before { transform: translateX(19px); }
    .category-header span,
    .category-details span { font-size: 14px; line-height: 18px; }
    .sub-one { font-size: 36px; line-height: 43.2px; }
    .sub-two { font-size: 42px; line-height: 50.4px; }
    .sub-three { font-size: 20px; line-height: 28px; }
    .comming-soon .comming-soon-inner { height: 90%; }
    .error-page .mid,
    .error-page .bottom { height: auto; padding: 30px 0; gap: 70px; }
    .action-box .action-box-inner { flex: 1.5; padding: 15px 40px; }
    .action-box .action-box-inner-right { padding: 0px 35px 0px 70px; }
    .subscribe-title-big { font-size: 50px; line-height: 60px; }
    .subscribe-title-small { font-size: 30px; line-height: 40px; }
    .subscribe-big { font-size: 25px; line-height: 32px; }
    .subscribe-small { font-size: 14px; line-height: 20px; }
    .email-input { padding: 10px 20px; }
    .subscribe-btn { padding: 10px 35px; }
    .form-group input[type="text"]::placeholder,
    .form-group input[type="tel"]::placeholder,
    .form-group input[type="email"]::placeholder { font-size: 14px; line-height: 16px; }
}

@media (max-width: 1130px) {
    .action-box .action-box-inner { padding: 15px 35px; }
    .action-box .action-box-inner-right { padding: 0px 30px 0px 60px; }
    .subscribe-title-big { font-size: 45px; line-height: 55px; }
    .subscribe-title-small { font-size: 28px; line-height: 35px; }
    .subscribe-big { font-size: 22px; line-height: 30px; }
    .email-input { padding: 9px 18px; }
    .subscribe-btn { padding: 9px 30px; }
}

@media (max-width: 1079px) {
    #cookie-banner { padding: 40px 50px; }
}

@media (max-width: 992px) {
    #cookie-banner { padding: 30px 50px; }
    .row.align-items-center { flex-direction: column; text-align: center; gap: 15px; }
    .responsive-center { justify-content: center !important; }
    .cookie-btn { width: 150px; font-size: 13px; height: 38px; margin-bottom: 10px; }
    .popup-content { width: 400px; padding: 15px; font-size: 13px; }
    .popup-title { font-size: 18px; }
    .category-header { flex-wrap: wrap; }
    .chevron-and-title { gap: 10px; }
    .status { font-size: 11px; }
    .category-details { font-size: 13px; }
    .save-btn { font-size: 12px; padding: 8px 12px; }
    .switch { width: 40px; height: 20px; }
        .switch label:before { height: 16px; width: 16px; }
        .switch input:checked + label:before { transform: translateX(16px); }
    .sub-one { font-size: 32px; line-height: 38.4px; }
    .sub-two { font-size: 36px; line-height: 43.2px; }
    .sub-three { font-size: 18px; line-height: 25px; }
    .comming-soon .comming-soon-inner { height: 80%; }
    .error-page .mid,
    .error-page .bottom { height: auto; padding: 25px 0; gap: 60px; }
    p.content, p.content-phone, p.content-address, .footer-link { font-size: 15px; line-height: 22px; }
    .widget-title { font-size: 16px; line-height: 24px; }
    .action-box .action-box-inner { flex: 1.2; padding: 10px 30px; }
    .action-box .action-box-inner-right { padding: 0px; }
    .subscribe-title-big { font-size: 40px; line-height: 50px; }
    .subscribe-title-small { font-size: 25px; line-height: 30px; }
    .subscribe-big { font-size: 20px; line-height: 28px; }
    .subscribe-small { font-size: 13px; line-height: 18px; }
    .email-input { padding: 8px 15px; }
    .subscribe-btn { padding: 8px 25px; }
    .form-group input[type="text"]::placeholder,
    .form-group input[type="tel"]::placeholder,
    .form-group input[type="email"]::placeholder { font-size: 13px; line-height: 15px; }
    .contact-section { background-color: #121212; display: flex; align-items: center; justify-content: center;}
    .special-form select {font-size: 14px;}
}

@media only screen and (max-width: 992px) {
    .responsive-row { justify-content: center; align-items: center }
    .reverse-row { flex-direction: column-reverse; }
}

@media (max-width: 990px) {
    .footer .widget.widget-menu { flex-direction: column; align-items: flex-start; padding: 0px 30px; }
    .footer .widget .widget-title { font-size: 24px; line-height: 20px; }
    .footer .widget.widget-menu .menu ul li a.footer-link { font-size: 14px; line-height: 18px; }
    .footer-inner .row > div:not(:last-child)::after { height: 0; opacity: 0; }
}

@media (max-width: 855px) {
    .subscribe-title-big { font-size: 35px; line-height: 45px; }
    .subscribe-title-small { font-size: 18px; line-height: 25px; }
    .form-group input[type="text"]::placeholder,
    .form-group input[type="tel"]::placeholder,
    .form-group input[type="email"]::placeholder { font-size: 12px; line-height: 14px; }
}

@media (max-width: 774px) {
    .tf-slider.banner-bg { background: url(/Assets/images/banner/bg.png) center center no-repeat; background-size: cover; background-color: #000; display: flex; flex-direction: column-reverse; align-items: center; justify-content: flex-end; padding: 2rem 1rem; height: 500px; flex-wrap: nowrap; }
    .slider-content { text-align: center; padding: 1rem; width: 100%; z-index: 999; }
        .slider-content .heading { margin-bottom: 1rem; }
        .slider-content .sub-heading { margin-bottom: 1.5rem; }
    .btn-slider { display: flex; gap: 1rem; flex-direction: row; justify-content: center; }
    .btn-store img { width: 120px; height: auto; transition: transform 0.3s ease; }
        .btn-store img:hover { transform: scale(1.1); }
    .phones-image { display: flex; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 1; width: 100%; flex-direction: column; align-items: center; flex-wrap: nowrap; }
        .phones-image img { width: 100%; height: auto; }
}

@media (max-width: 768px) {
    .popup-content { width: 90%; padding: 15px; font-size: 12px; }
    .popup-title { font-size: 16px; text-align: center; }
    .category-header { flex-direction: row; align-items: flex-start; }
    .chevron-and-title { gap: 8px; margin-bottom: 10px; }
    .status { align-self: flex-start; margin-left: 0; }
    .category-details { font-size: 12px; }
    .save-btn { font-size: 11px; padding: 6px 10px; }
    .switch { width: 36px; height: 18px; }
        .switch label:before { height: 14px; width: 14px; }
        .switch input:checked + label:before { transform: translateX(14px); }
    .sub-one { font-size: 28px; line-height: 33.6px; }
    .sub-two { font-size: 32px; line-height: 38.4px; }
    .sub-three { font-size: 16px; line-height: 22px; }
    .comming-soon .comming-soon-inner { height: 70%; }
    .error-page .mid,
    .error-page .bottom { height: auto; padding: 20px 0; gap: 45px; }
    p.content, p.content-phone, p.content-address, .footer-link { font-size: 14px; line-height: 20px; }
    .widget-title { font-size: 15px; line-height: 22px; }
    .recent-items li img { width: 100px; height: 72px; }
    .footer .widget .widget-title { font-size: 20px; line-height: 18px; margin-bottom: 20px; }
    .footer .widget.widget-menu { padding: 0px 15px; }
        .footer .widget.widget-menu .menu ul li a.footer-link { font-size: 12px; line-height: 16px; }
    .footer-inner .row > div:not(:last-child)::after { display: none; }
    .action-box .action-box-inner { flex: 1; padding: 8px 20px; gap: 25px }
    .subscribe-title-big { font-size: 35px; line-height: 40px; }
    .subscribe-title-small { font-size: 15px; line-height: 25px; }
    .subscribe-big { font-size: 16px; line-height: 22px; }
    .subscribe-small { font-size: 12px; line-height: 16px; }
    .email-input { padding: 6px 12px; }
    .subscribe-btn { padding: 6px 25px; }
    .action-box-inner-left { flex: 0.9; }
    .form-group input[type="text"]::placeholder,
    .form-group input[type="tel"]::placeholder,
    .form-group input[type="email"]::placeholder { font-size: 11px; line-height: 13px; }
    .mobile-download-wrapper { display: block; }
    .side-bar { margin-bottom: 50px }
    .submit-btn { font-size: 14px; padding: 8px 30px; line-height: 30px; }
}

@media (min-width: 701px) and (max-width: 767px) {
    .tf-slider.banner-bg { height: 688px; }
}

@media (min-width: 601px) and (max-width: 700px) {
    .tf-slider.banner-bg { height: 650px; }
}

@media (max-width: 660px) {
    .action-box-inner-left { text-align: center; }
    .action-box-inner-right { flex: 1; padding: 0px; text-align: center; }
    .subscribe-title-big { font-size: 40.68px; font-weight: 700; line-height: 53.25px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; }
    .subscribe-title-small { font-size: 21.76px; font-weight: 700; line-height: 31.4px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; }
    .subscribe-big { font-size: 21.82px; font-weight: 700; line-height: 26.59px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; }
    .subscribe-small { font-size: 10.91px; font-weight: 400; line-height: 13.78px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; }
    .email-input { padding: 5px 10px; font-size: 10px; }
    .subscribe-btn { padding: 12px 25px; font-size: 10px; }
    /*.action-box .action-box-inner { background: url(../images/background/subscribe_medium.svg); background-size: cover; background-repeat: no-repeat; background-position: center; }*/
}

@media (min-width: 520px) and (max-width: 601px) {
    .tf-slider.banner-bg { height: 600px; }
}

@media (max-width: 576px) {
    .sub-one { font-size: 24px; line-height: 28.8px; }
    .sub-two { font-size: 28px; line-height: 33.6px; }
    .sub-three { font-size: 14px; line-height: 20px; }
    .comming-soon .comming-soon-inner { height: 60%; }
    .error-page .mid,
    .error-page .bottom { height: auto; padding: 15px 0; gap: 30px; }
    p.content, p.content-phone, p.content-address, .footer-link { font-size: 12px; line-height: 18px; }
    .widget-title { font-size: 14px; line-height: 20px; }
    .recent-items li img { width: 90px; height: 64px; }
    .subscribe-title-big { font-size: 30.78px; font-weight: 700; line-height: 38.75px; text-underline-position: from-font; text-decoration-skip-ink: none; }
    .subscribe-title-small { font-size: 13.75px; font-weight: 700; line-height: 22.85px; text-underline-position: from-font; text-decoration-skip-ink: none; }
    .subscribe-big { font-size: 16px; font-weight: 700; line-height: 19.5px; text-underline-position: from-font; text-decoration-skip-ink: none; }
    .subscribe-small { font-size: 6.46px; font-weight: 400; line-height: 8.16px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; }
    .email-input { padding: 2px 8px; }
    .subscribe-btn { padding: 10px 25px; }
    .checkbox-wrapper-37 .checkbox-svg { width: 10px; height: 10px; border-radius: 3px; }
    .action-box .action-box-inner-right { padding: 0px; flex: 0.9; gap: 10px; }
    .action-box-inner-left { flex: 0.6; }
}

@media (min-width: 430px) and (max-width: 520px) {
    .tf-slider.banner-bg { height: 555px; }
    /* 120vh */
}

@media (max-width: 480px) {
    #cookie-banner { padding: 20px; }
    .cookie-btn { font-size: 12px; height: 33px; }
    .submit-btn { font-size: 12px; padding: 6px 20px; line-height: 24px; width: 100%; justify-content: center; }
}

@media (max-width: 450px) {
    .category-header span,
    .category-details span { font-size: 12px; line-height: 14px; }
    .bist .tf-slider-item.style-2 .heading { font-size: 24px; text-align: center; }
    .bist.support-bg .tf-slider-item.style-2 .heading.heading { font-size: 24px; text-align: left; }
    .tf-slider.home2.bist-bg { background: url(/Assets/images/background/bist/bg-slider-4-mobile.png) 50% no-repeat; background-size: cover; }
    .tf-news .tf-slider.home2.bist-bg { background: url(/Assets/images/background/bist/bg-slider-5-mobile.jpg) 50% no-repeat; background-size: cover; }
    /*.tf-slider.home2.bist-bg-2 { background: url(/Assets/images/background/bist/bg-slider-5-mobile.jpg) 50% no-repeat; background-size: cover; }*/
    .tf-slider.home2.bist-bg-2 { background: url(/Assets/images/background/main_vector.png) 70% no-repeat; background-size: 100% 50%; background-color: #080808; }
    .tf-slider.home2.abd-bg-2 { background: url(/Assets/images/background/abd-borsasi/bg-slider-5-mobile.jpg) 50% no-repeat; background-size: cover; }
    .bist-bg { min-height: 95vh }
    .bist-bg-2 { min-height: 78vh }
    .abd-bg-2 { min-height: 620px }
    .btn-slider-1 { gap: 5px; align-items: center; flex-direction: column; }
    .special-btn-slider-1 { display: flex; justify-content: flex-start; flex-direction: column; align-items: center; }
    .bist .tf-slider-item.style-2 .sub-heading { margin-bottom:0px; }
    /*.bist .tf-slider-item.style-2 .content-inner { gap: 10px; justify-content: space-between; align-items: center; height: 100%; min-height: 800px; }*/
    .bist .tf-slider-item.style-2 .content-inner { gap: 10px; justify-content: space-between; align-items: center; }
    /*.bist-bg-2 .tf-slider-item.style-2 .content-inner { gap: 10px; justify-content: space-between; align-items: center; height: 100%; min-height: 630px; }*/
    .bist-bg-2 .tf-slider-item.style-2 .content-inner { gap: 10px; justify-content: space-between; align-items: center; }
    .abd-bg-2 .tf-slider-item.style-2 .content-inner { gap: 10px; justify-content: center; align-items: center; height: 100%; min-height: 290px; }

    .bist .tf-slider-item.style-2 .lottie-box-main {  right: -10%; width: 70%; height: 80%; z-index: 1; overflow: visible; margin-left: 15%; }
}

@media (max-width: 410px) {
    .subscribe-title-big { font-size: 31.78px; font-weight: 700; line-height: 38.75px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; }
    .subscribe-title-small { font-size: 18.75px; font-weight: 700; line-height: 22.85px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; }
    .subscribe-big { font-size: 16px; font-weight: 700; line-height: 19.5px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; }
    .subscribe-small { font-size: 6.46px; font-weight: 400; line-height: 8.16px; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; }
    /*.action-box .action-box-inner { display: flex; flex-direction: column; justify-content: space-between; align-items: center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); }*/
    /*.action-box .action-box-inner { background: url(../images/background/subscribe_small.svg); background-size: cover; background-repeat: no-repeat; background-position: center; gap: 36px; flex: 0.8; flex-direction: column; padding: 0.5rem 20px 20px; }*/
}

@media (min-width: 401px) and (max-width: 430px) {
    .tf-slider.banner-bg { height: 553px; }
    /* 60vh */
}

@media (min-width: 375px) and (max-width: 401px) {
    .tf-slider.banner-bg { height: 508px; }
    /* 120vh */
}

@media (max-width: 369px) {
    .action-box .action-box-inner { gap: 36px; padding: 20px 20px; }
}

@media (min-width: 345px) and (max-width: 375px) {
    .tf-slider.banner-bg { height: 511px; }
    /* 73vh */
}

@media (max-width: 345px) {
    .tf-slider.banner-bg { height: 496px; }
    /* 56vh */
}
@media (max-width: 1600px) {
    .bist-bg-2 .tf-slider-item.style-2 .heading { font-size: 64px; }
}

@media (max-width: 1300px) {
    .featured .slide-title { font-size: 15px; line-height: 22px; }

    .featured .slide-meta { font-size: 11px; line-height: 20px; }

    .featured .slide-heading { font-size: 25px;}

    .social-share-container .social-item a { font-size: 30px; }

    .social-share-container .social-item svg,
    .social-share-container .social-item i { width: 30px; height: 30px; }
}

@media (max-width: 992px) {
    .featured .slide-title { font-size: 14px; line-height: 22px; }
    .featured .slide-meta { font-size: 10px; line-height: 18px; }
    .featured .slide-heading { font-size: 24px; }
    .social-share-container .social-item a { font-size: 28px; }

    .social-share-container .social-item svg,
    .social-share-container .social-item i { width: 28px; height: 28px; }
    .tf-blog .image-description { display: flex; justify-content: space-between; align-items: flex-start; margin: 10px 0px 30px; padding: 0 10px 0 0px; flex-direction: column; gap: 25px; }
}

@media (max-width: 768px) {
    .featured .slide-title { font-size: 12px; line-height: 20px; }
    .featured .slide-meta { font-size: 10px; line-height: 16px; }
    .featured .slide-heading { font-size: 23px; }
    .social-share-container .social-item a { font-size: 26px; }

    .social-share-container .social-item svg,
    .social-share-container .social-item i { width: 26px; height: 26px; }
    #logo_header { width: 50%; padding: 5px 0px; }
}

@media (max-width: 576px) {
    .featured .slide-title { font-size: 10px; line-height: 18px; }
    .featured .slide-meta { font-size: 8px; line-height: 16px; }
    .featured .slide-heading { font-size: 22px;}
    .social-share-container .social-item a { font-size: 24px; }

    .social-share-container .social-item svg,
    .social-share-container .social-item i { width: 24px; height: 24px; }
    #logo_header { width: 45%; padding: 0px; }
}
@media (max-width: 1200px) {
    .main-title { font-size: 40px; line-height: 65px; }
    .main-exp { font-size: 14px; line-height: 30px; }
        .main-exp ul li { font-size: 14px; line-height: 40px; }
    .secondary-title { font-size: 22px; line-height: 65px; }
}

@media (max-width: 992px) {
    .main-title { font-size: 36px; line-height: 60px; }
    .main-exp { font-size: 13px; line-height: 28px; }
        .main-exp ul li { font-size: 13px; line-height: 38px; }
    .secondary-title { font-size: 20px; line-height: 60px; }
}

@media (max-width: 768px) {
    .main-title { font-size: 32px; line-height: 55px; }
    .main-exp { font-size: 12px; line-height: 26px; text-align: left; }
        .main-exp ul li { font-size: 12px; line-height: 36px; }
    .secondary-title { font-size: 18px; line-height: 55px; }

    .section-hisse { padding: 15px; }
    .hisse-left, .hisse-right { width: 100%; }
    .fiyat { flex-direction: column; }
    .buy, .sell { width: 100%; padding: 12px 20px; font-size: 14px; }
    .hisse-right { flex-wrap: nowrap; justify-content: space-between; margin-top: 15px; gap: 8px; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; flex-direction: column; margin-top: 15px; gap: 8px; }
        .hisse-right button { flex:1; padding: 8px 4px; font-size: 14px; }
    .export img, .import img { width: 20px; }
    .transaction { order: 0; width: auto; margin-top: 0; white-space:nowrap; }
}

@media (max-width: 576px) {
    .main-title { font-size: 28px; line-height: 50px; }
    .main-exp { font-size: 11px; line-height: 24px; text-align: left; }
        .main-exp ul li { font-size: 11px; line-height: 34px; }
    .secondary-title { font-size: 16px; line-height: 50px; }
}
/* 1200px ve altı */
@media (min-width: 1200px) {
    .tf-contents { padding: 0px 0 10% 0; }
    /*.tf-container { padding: 0px 0 10% 0; }*/
}


@media (max-width: 1200px) {
    .bist .tf-slider-item.style-2 { padding: 8% 8% 8%; }
        .bist .tf-slider-item.style-2 .heading { font-size: 64px; }
        .bist .tf-slider-item.style-2 .sub-heading { font-size: 28px; }
    .bist.abd-bg-2 .tf-slider-item.style-2 { padding: 3% 8% 17%; }
    .bist.abd-bg-2 .tf-slider-item.style-2 .heading { font-size: 64px; }
    .bist.abd-bg-2 .tf-slider-item.style-2 .sub-heading { font-size: 28px; }
    .tf-contents { padding: 0px 0 20% 0; }
    /*.tf-container { padding: 0px 0 20% 0; }*/
    .support-main h1 { font-size: 72px; line-height: 90px; }
}

/* 992px ve altı */
@media (max-width: 992px) {
    .bist .tf-slider-item.style-2 { padding: 7% 7% 7%; }
        .bist .tf-slider-item.style-2 .heading { font-size: 48px; }
        .bist .tf-slider-item.style-2 .sub-heading { font-size: 24px; }
        .bist .tf-slider-item.style-2 .overlay img { object-fit: cover; }
    .bist.abd-bg-2 .tf-slider-item.style-2 { padding: 0% 7% 16%; }
    .bist.abd-bg-2 .tf-slider-item.style-2 .heading { font-size: 48px; }
    .bist.abd-bg-2 .tf-slider-item.style-2 .sub-heading { font-size: 24px; }
    .tf-contents { padding: 0px 0 18% 0; }
    /*.tf-container { padding: 0px 0 18% 0; }*/
    .support-main h1 { font-size: 60px; line-height: 75px; }
}

/* 768px ve altı */
@media (max-width: 768px) {
    .bist .tf-slider-item.style-2 { padding: 6% 6% 6%; }
        .bist .tf-slider-item.style-2 .heading { font-size: 38px; }
        .bist .tf-slider-item.style-2 .sub-heading { font-size: 20px; }
    .bist.abd-bg-2 .tf-slider-item.style-2 { padding: 0% 6% 19%; }
    .bist.abd-bg-2 .tf-slider-item.style-2 .heading { font-size: 38px; }
    .bist.abd-bg-2 .tf-slider-item.style-2 .sub-heading { font-size: 20px; }
        .bist .tf-slider-item.style-2 .overlay { height: 100%; }
    .tf-contents { padding: 0px 0 25% 0; }
    /*.tf-container { padding: 0px 0 25% 0; }*/
    .support-main h1 { font-size: 48px; line-height: 60px; }
}

/* 576px ve altı */
@media (max-width: 576px) {
    .bist .tf-slider-item.style-2 { padding: 5% 5% 5%; }
        .bist .tf-slider-item.style-2 .heading { font-size: 30px; }
        .bist .tf-slider-item.style-2 .sub-heading { font-size: 16px; }
    .bist.abd-bg-2 .tf-slider-item.style-2 { padding: 3% 5% 20%; }
        .bist.abd-bg-2 .tf-slider-item.style-2 .heading { font-size: 30px; text-align: center; }
        .bist.abd-bg-2 .tf-slider-item.style-2 .sub-heading { font-size: 16px; }
        .bist.abd-bg-2 .tf-slider-item.style-2 .overlay img { width: 100%; height: auto; }
    .tf-contents { padding: 0px 0 40% 0; }
    /*.tf-container { padding: 0px 0 4% 0;  }*/
    .support-main h1 { font-size: 36px; line-height: 45px; }
    .search-bar { display: flex; align-items: center; background-color: #161616; border: 2px solid #FFB800; border-radius: 10px; padding: 10px 5px; width: 100%; }
    .search-icon { width: 20px; height: 20px; margin-right: 10px; }
    .search-bar input[type="text"] { border: none; background: transparent; outline: none; color: #6E7A88; font-family: 'Urbanist', sans-serif; font-size: 15px; width: 100%; }
}

@media (max-width: 480px) {
    .stock-left{flex:2;}
    .stock-right{flex:1;}
    .stock-right span{font-size:12px;}
    .stock-title { gap: 0; }
    .dot { width: 8px; height: 8px; }
    .stock-price { font-size: 18px; }
    .stock-info-1 { display: flex; justify-content: space-between;}
    .info-block { font-size: 14px; }
    .info-block span { font-size: 14px; }
    .info-block p { font-size: 11px; }
    .separator{margin: 0 10px;}
    .cb-chart { width: 100%; height: auto; }
    .market-card2::before { left:0 }
    .market-card-cb{ display: flex; flex-direction: column; padding:4px; gap:0}
    .market-card-cb::before { left:-12px; height:77%; }

    .chart-container { padding: 19px 14px; }

    .stock-container{padding:10px; }
    .stock-info { font-size:11px;}

    .company-info-container { padding: 0px 10px 0 12px;}
    .company-info .info-item .label { font-size: 13px; line-height: 1.3; }
    .company-info .info-item .value { font-size: 13px; line-height: 1.3;}

    .company-info-2 .info-item .label { font-size: 13px; line-height: 1.3; }
    .company-info-2 .info-item .value { font-size: 13px; line-height: 1.3;}

    .stock-news h5 { font-size: 18px;}
    .stock-news-title { font-size: 13px; line-height:1.6; font-weight:bold;}
        .stock-news-description { font-size: 10px; line-height: 1.6; }

    .column h2 { font-size: 16px; }

    .directory-box {  padding: 0 10px 0 10px; }

    .section-borsa{margin-top:10%;}

    .market-container {gap:0;}
    .market-card { margin-right: 5px; padding:5px; }
    .market-card h5 { font-size:12px;}
    .market-card p { font-size:12px;}

    .btn-card{ padding: 6px; font-size: 9px; line-height: 12px; display: flex; align-items: center; justify-content: center;}
    .search-container select.form-select{ font-size: 10px;    padding: 0 34px 0 7px;}
}

/* 400px ve altı */
@media (max-width: 400px) {
    .bist .tf-slider-item.style-2 { padding: 4% 4% 4%; }
        .bist .tf-slider-item.style-2 .heading { font-size: 26px; }
        .bist .tf-slider-item.style-2 .sub-heading { font-size: 14px; }
    .bist.abd-bg-2 .tf-slider-item.style-2 { padding: 4% 4% 4%; }
        .bist.abd-bg-2 .tf-slider-item.style-2 .heading { font-size: 26px; }
        .bist.abd-bg-2 .tf-slider-item.style-2 .sub-heading { font-size: 14px; }
    .support-main h1 { font-size: 28px; line-height: 35px; }
}

@media screen and (max-width: 1610px) {
    .kredi-bg .slider-content { padding: 14vh clamp(2rem, calc(16rem + 10vw), 9rem); }
}

@media screen and (min-width: 1595px) {
    .tf-slider.home2.kredi-bg-2 { background-size: auto; }
    .kredi-bg-2 .tf-slider-item.style-2 { padding: 493px 0 15px; }
}

@media screen and (max-width: 1439px) {
    .kredi-bg-2 .tf-slider-item.style-2 { padding: 400px 0 15px; }
}

@media screen and (max-width: 1310px) {
    .kredi-bg .slider-content { padding: 4vh clamp(2rem, calc(16rem + 10vw), 4rem); }
}

@media (max-width: 1024px) {
    .tf-slider.home2.kredi-bg-2 { background-position: center; }
    .kredi-bg-2 .tf-slider-item.style-2 { padding: 300px 0 15px; }
    .tf-kredi-container { /*flex-direction: column;*/ align-items: center; }
    .tf-kredi .top { font-size: 30px; line-height: 24px; }
    .tf-kredi .middle { font-size: 32px; line-height: 34px; }
}

@media screen and (max-width: 920px) {
    .kredi-bg .slider-content { padding: 3vh clamp(2rem, calc(16rem + 10vw), 0rem); }
}

@media screen and (max-width: 774px) {
    .tf-slider.kredi-bg { position: relative; background: url(/Assets/images/background/kredi/bg-01-mobil.png) center center no-repeat; background-size: cover; display: flex; align-items: baseline; justify-content: flex-end; }
    .tf-slider.home2.kredi-bg-2 { background: url(/Assets/images/background/kredi/bg-02-mobill.png) center no-repeat; background-size: cover; background-color: var(--background-body); }
    .kredi-bg .slider-content { display: flex; gap: 10px; align-items: center; height: 100%; min-height: 800px; flex-direction: column; justify-content: space-between; }
    .kredi-bg-2 .tf-slider-item.style-2 { height: 100%; min-height: 390px; }
}

@media (max-width: 768px) {
    .tf-kredi-container .title { font-size: 30px; }
    .kredi-bg .slider-content { text-align: center; }
    .kredi-bg-2 .tf-slider-item.style-2 { padding: 200px 0 15px; }
    .kredi-campaign { padding: 4px 10px 4px 30px; font-size: 12px; line-height: 30px; gap: 20px; border-radius: 6px; border-width: 1px; }
    .tf-kredi .top { font-size: 24px; line-height: 20px; }
    .tf-kredi .middle { font-size: 26px; line-height: 28px; }
    .tf-kredi-row.row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: nowrap; margin-right: -15px; margin-left: -15px; gap: 40px; flex-direction: column; align-items: center; }
    .tf-kredi-row .image { margin: 30px; text-align: center; }
        .tf-kredi-row .image img { max-width: 75%; }
    .cb-chart { width: 50%; height: auto; }
    .market-tabs { flex-wrap: wrap; justify-content: center; }
            .market-tabs button {            padding: 8px 15px; font-size: 14px; }
    .table-wrapper-cb { overflow-x: auto; }
    .custom-table { min-width: 800px; }
        .custom-table th,
        .custom-table td { font-size: 12px; padding: 8px; }
}

@media screen and (max-width: 630px) {
    .kredi-bg-2 .tf-slider-item.style-2 { height: 100%; min-height: 290px; }
}

@media screen and (max-width: 530px) {
    .kredi-bg-2 .tf-slider-item.style-2 { height: 100%; min-height: 280px; }
}

@media (max-width: 480px) {
    .tf-kredi-container .title { font-size: 24px; }
    .kredi-bg-2 .tf-slider-item.style-2 { padding: 150px 0 15px; }
    .kredi-campaign { padding: 3px 8px 3px 20px; font-size: 11px; line-height: 28px; gap: 15px; border-radius: 5px; border-width: 0.8px; }
    .tf-kredi-container { padding: 10px; }
    .tf-kredi .top { font-size: 20px; line-height: 18px; }
    .tf-kredi .middle { font-size: 22px; line-height: 24px; }
}

@media screen and (max-width: 450px) {
    .kredi-bg .slider-content { display: flex; gap: 10px; align-items: center; height: 100%; min-height: 540px; flex-direction: column; justify-content: space-between; padding: 25px 15px 15px; }
    .kredi-bg-2 .tf-slider-item.style-2 { height: 100%; min-height: 225px; }
    .bist.support-bg .tf-slider-item.style-2 .content-inner { gap: 10px; justify-content: space-between; align-items: center; height:100%; min-height:100px}
}

@media (max-width: 360px) {
    .tf-kredi .top { font-size: 18px; line-height: 16px; }
    .tf-kredi .middle { font-size: 20px; line-height: 22px; }
}

@media (min-width: 1440px) {
    .popup-container { max-width: 1000px; }

    .phone-mockup { flex: 0 0 400px; }
}

/* Desktop */
@media (max-width: 1200px) {
    .popup-container { max-width: 900px; }
    .popup-flex { margin-right: -120px; }
    .phone-mockup { flex: 0 0 320px; }
    #contactPopup .popup-content { width: 500px; }
}

/* Small desktop/tablet */
@media (max-width: 992px) {
    .popup-container { max-width: 800px; }

    .popup-flex { margin-right: -40px; }

    .phone-mockup { flex: 0 0 300px; }
}

/* Tablets */
@media (max-width: 768px) {
    .popup-flex { flex-direction: column; margin-right: 0; }

    .phone-mockup { display: none; }

    .popup-container { max-width: 90vw; height: auto; min-height: 400px; padding: 20px; margin: 15px; }

    #contactPopup .popup-content { padding: 15px; width: 100%; }

    .form-group input[type="text"],
    .form-group input[type="tel"],
    .form-group input[type="email"] { width: 100%; }
}

/* Mobile phones */
@media (max-width: 480px) {
    .popup-container { padding: 15px; margin: 10px; }

    .popup-content h2 { font-size: 28px; line-height: 1.2; }

    .checkbox-group label { font-size: 13px; }
}

/* Very small screens */
@media (max-width: 320px) {
    .popup-container { padding: 10px; }

    .popup-content h2 { font-size: 24px; }
}

@media (max-height: 700px) {

    .popup-content h2 { margin-bottom: 20px; }
}


/* Tablet için (max 1024px) */
@media (max-width: 1024px) {
    .button-404 { font-size: 20px; padding: 8px 18px; line-height: 40px; }
}

/* Mobil için (max 768px) */
@media (max-width: 768px) {
    .button-404 { font-size: 18px; padding: 8px 15px; line-height: 36px; border-radius: 6px; gap: 8px; }
}

/* Küçük mobil cihazlar (max 480px) */
@media (max-width: 480px) {
    .button-404 { font-size: 16px; padding: 6px 12px; line-height: 32px; border-radius: 5px; gap: 5px; }
}
@media (max-width: 768px) {
    .accordion-header h3 { font-size: 18px; }
}

@media (min-width: 769px) and (max-width: 1200px) {
    .accordion-header h3 { font-size: 22px; }
}

@media (min-width: 1201px) {
    .accordion-header h3 { font-size: 24px; }
}
@media (max-width: 1366px) {
    .bist.support-bg .tf-slider-item.style-2 .heading { font-size: 55px; line-height: 75px; }
    .bist.support-bg .tf-slider-item.style-2 .sub-heading { font-size: 24px; line-height: 60px; }
}

@media (max-width: 1024px) {
    .bist.support-bg .tf-slider-item.style-2 { padding: 4% 0% 8%; }
        .bist.support-bg .tf-slider-item.style-2 .heading { font-size: 36px; line-height: 46px; margin-bottom: 15px; }
        .bist.support-bg .tf-slider-item.style-2 .sub-heading { font-size: 20px; line-height: 40px; }
}

@media (max-width: 768px) {
    .tf-slider.home2.support-bg { height: 350px; padding: 20px; }
    .bist.support-bg .tf-slider-item.style-2 { padding: 8% 0% 6%; }
        .bist.support-bg .tf-slider-item.style-2 .heading { font-size: 28px; line-height: 38px; }
        .bist.support-bg .tf-slider-item.style-2 .sub-heading { font-size: 16px; line-height: 30px; }
    .tf-slider.home2.support-bg { height: 350px; }
    .support-banner-content { text-align: center; }
        .support-banner-content .heading { font-size: 28px; }
        .support-banner-content .sub-heading { font-size: 16px; }
}

@media (max-width: 480px) {
    .tf-slider.home2.support-bg { height: 300px; padding: 15px; }
    .bist.support-bg .tf-slider-item.style-2 { padding: 10% 0% 4%; }
        .bist.support-bg .tf-slider-item.style-2 .heading { font-size: 24px; line-height: 32px; margin-bottom: 10px; }
        .bist.support-bg .tf-slider-item.style-2 .sub-heading { font-size: 14px; line-height: 24px; }
}

@media (max-width: 1024px) {
    .tf-slider.home2.support-bg { height: 400px; }

    .support-banner-content .heading { font-size: 36px; }
}

/* Responsive styles */
@media screen and (max-width: 1024px) {
    .support-content { gap: 50px; }
    .folder-icon { width: 300px; }
    .question-text { font-size: 30px; }
}

@media screen and (max-width: 768px) {
    .support-container { padding: 1.5rem; min-height: auto; }
    .support-content { flex-direction: column; gap: 30px; text-align: center; }
    .folder-icon { width: 180px; }
    .question-text {font-size: 30px;text-align: center; }
    .folder-icon { position: relative; width: 180px; }
}

@media screen and (max-width: 480px) {
    .support-container { padding: 1rem; }

    .folder-icon { width: 150px; }

    .question-text { font-size: 20px; }
}
@media (min-width: 1400px) {
    .tefas-title { padding: 12% 5% 12% 20%; }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .tefas-main-title { font-size: 72px; line-height: 90px; }

    .tefas-description, .tefas-tagline { font-size: 28px; line-height: 36px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .tefas-main-title { font-size: 60px; line-height: 75px; margin-bottom: 40px; }

    .tefas-description, .tefas-tagline { font-size: 24px; line-height: 32px; }

    .tefas-title { padding: 10% 5% 10% 15%; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .tefas-main-title { font-size: 50px; line-height: 65px; margin-bottom: 30px; }

    .tefas-description, .tefas-tagline { font-size: 22px; line-height: 30px; margin-bottom: 30px; }

    .tefas-title { padding: 8% 10%; }
    .tefas-row { display: flex; align-items: center; justify-content: center; }
    .tefas-left { display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; }
}

@media (min-width: 576px) and (max-width: 767px) {
    .tefas-main-title { font-size: 40px; line-height: 50px; margin-bottom: 25px; }

    .tefas-description, .tefas-tagline { font-size: 20px; line-height: 28px; margin-bottom: 25px; }

    .tefas-title { padding: 6% 8%; }
}
@media screen and (max-width: 768px) {
    .comming-soon { position: relative; width: 100%; min-height: 65vh; padding-bottom: 150px; overflow: hidden; }
    #lottie-container { min-height: 100px; }

    .error-page .mid { gap: 20px; }
}
@media (max-width: 1199px) {
    .tf-news .header-content h1 { font-size: 50px; line-height: 54px; }

    .news-title h3 { font-size: 34px; line-height: 40px; }

    .news-items li img { width: 200px; height: 100px; }
}

/* Tablets and Small Laptops (768px to 991px) */
@media (max-width: 991px) {
    .tf-news .header-content h1 { font-size: 42px; line-height: 46px; }

    .tf-news .breadcrumb a,
    .tf-news .breadcrumb span { font-size: 18px; }

    .news-title { margin: 40px 0px; }

        .news-title h3 { font-size: 30px; line-height: 36px; }

            .news-title h3::before { height: 14px; }

    .news-items li { padding: 15px; gap: 15px; }

        .news-items li img { width: 180px; height: 90px; }

        .news-items li a.news-link { font-size: 14px; line-height: 16px; display: flex; flex-direction: column-reverse; align-items: center; gap: 30px; }
}

/* Large Mobile Devices (576px to 767px) */
@media (max-width: 767px) {
    .tf-news .header-content h1 { font-size: 36px; line-height: 40px; }

    .tf-news .breadcrumb a,
    .tf-news .breadcrumb span { font-size: 16px; }

    .news-title { margin: 30px 0px; }

        .news-title h3 { font-size: 26px; line-height: 32px; }

            .news-title h3::before { height: 12px; width: 65%; }

    .news-items li { flex-direction: column; align-items: flex-start; }

        .news-items li img { width: 100%; height: auto; aspect-ratio: 2/1; }

    .news-content-title { gap: 15px; }
}

/* Small Mobile Devices (320px to 575px) */
@media (max-width: 575px) {
    .tf-news .header-content h1 { font-size: 28px; line-height: 32px; }

    .tf-news .breadcrumb a,
    .tf-news .breadcrumb span { font-size: 14px; }

    .news-title { margin: 20px 0px; }

        .news-title h3 { font-size: 22px; line-height: 26px; }

            .news-title h3::before { height: 10px; width: 60%; }

    .news-items { gap: 15px; }

        .news-items li { padding: 12px; gap: 10px; }

            .news-items li a.news-link { font-size: 14px; line-height: 16px; }

                .news-items li a.news-link .news-content-title .title { font-size: 11px; }

                .news-items li a.news-link .news-date { font-size: 9px; }

    .news-content { gap: 20px; }

    .news-content-title { gap: 10px; }
}
/* Laptops and Small Desktops (992px to 1199px) */
@media (max-width: 1199px) {
    .top-news .news-items { margin: 100px 0 50px 0; }
        .top-news .news-items li a.news-link .news-content-title .title { font-size: 34px; }
        .top-news .news-items li a.news-link .news-content-title .sub-title { font-size: 18px; line-height: 26px; }
        .top-news .news-items li a.news-link .news-content-title .button { font-size: 20px; }
        .top-news .news-items li .image img { width: 420px; height: 292px; }

    .news-general-list { margin: 50px 0; }
        .news-general-list .news-items li a.news-link .news-content-title .title { font-size: 18px; }
        .news-general-list .news-items li img { width: 450px; height: 150px; }
}

/* Tablets and Small Laptops (768px to 991px) */
@media (max-width: 991px) {
    .top-news .news-items { margin: 80px 0 40px 0; }
        .top-news .news-items li a.news-link .news-content-title .title { font-size: 28px; }
        .top-news .news-items li a.news-link .news-content-title .sub-title { font-size: 16px; line-height: 24px; }
        .top-news .news-items li a.news-link .news-content-title .button { font-size: 18px; }
        .top-news .news-items li .image img { width: 350px; height: 243px; }

    .news-general-list { margin: 40px 0; }
        .news-general-list .news-items li a.news-link .news-content-title .title { font-size: 16px; }
        .news-general-list .news-items li a.news-link .news-content-title .button { font-size: 10px; }
        .news-general-list .news-items li img { width: 350px; height: 116px; }
}

/* Large Mobile Devices (576px to 767px) */
@media (max-width: 767px) {
    .top-news .news-items { margin: 60px 0 30px 0; }
        .top-news .news-items li { flex-direction: column; align-items: flex-start; }
            .top-news .news-items li a.news-link .news-content-title .title { font-size: 24px; }
            .top-news .news-items li a.news-link .news-content-title .sub-title { font-size: 14px; line-height: 22px; }
            .top-news .news-items li a.news-link .news-content-title .button { font-size: 16px; }
            .top-news .news-items li .image { flex: 0 0 100%; width: 100%; margin-bottom: 15px; }
                .top-news .news-items li .image img { width: 100%; height: auto; aspect-ratio: 1.439/1; }

    .news-general-list { margin: 30px 0; }
        .news-general-list .news-items li { width: 100%; }
            .news-general-list .news-items li a.news-link .news-content-title .title { font-size: 14px; }
            .news-general-list .news-items li a.news-link .news-content-title .sub-title { font-size: 10px; line-height: 11px; }
            .news-general-list .news-items li img { width: 100%; height: auto; }
}

/* Small Mobile Devices (320px to 575px) */
@media (max-width: 575px) {
    .top-news .news-items { margin: 40px 0 20px 0; }
        .top-news .news-items li a.news-link .news-content-title .title { font-size: 20px; }
        .top-news .news-items li a.news-link .news-content-title .sub-title { font-size: 12px; line-height: 18px; }
        .top-news .news-items li a.news-link .news-content-title .button { font-size: 14px; }

    .news-general-list { margin: 20px 0; }
        .news-general-list .news-items li a.news-link .news-content-title .title { font-size: 12px; }
        .news-general-list .news-items li a.news-link .news-content-title .sub-title { font-size: 8px; line-height: 10px; }
        .news-general-list .news-items li a.news-link .news-content-title .button { font-size: 8px; }
}
@media (max-width: 1199px) {
    .tf-blog .header-content h1 { font-size: 50px; line-height: 54px; }
    .tf-blog .breadcrumb { margin: 2.5rem 0px; }
        .tf-blog .breadcrumb a,
        .tf-blog .breadcrumb span { font-size: 18px; line-height: 18px; }
    .tf-news .image-description { margin: 10px 0px 50px 0px; }
    .tf-news .image-container h1 { font-size: 36px; }
    .tf-news .text-content .news-info p { font-size: 18px; line-height: 28px; }
    .tf-blog.tf-news p { font-size: 28px; line-height: 32px; }
    .tf-blog.tf-news .bist-bg { margin: 100px 0px; }
    .tf-blog.tf-news .bist .tf-slider-item.style-2 { padding: 5% 3% 7%; }
}

/* Tablets and Small Laptops (768px to 991px) */
@media (max-width: 991px) {
    .tf-blog .header-content h1 { font-size: 42px; line-height: 46px; }
    .tf-blog .breadcrumb { margin: 2rem 0px; }
        .tf-blog .breadcrumb a,
        .tf-blog .breadcrumb span { font-size: 16px; line-height: 16px; }
    .tf-news .image-description { margin: 10px 0px 40px 0px; }
    .tf-news .image-container h1 { font-size: 32px; }
    .tf-blog.tf-news .image img,
    .tf-blog.tf-news .image-container .image.full-image img { border-radius: 20px; }
    .tf-news .text-content .news-info { gap: 15px; flex-direction: column; align-items: flex-start; }
        .tf-news .text-content .news-info p { font-size: 16px; line-height: 26px; }
    .tf-blog.tf-news p { font-size: 24px; line-height: 30px; }
    .tf-blog.tf-news .bist-bg { margin: 80px 0px; }
    .tf-blog.tf-news .bist .tf-slider-item.style-2 { padding: 4.5% 3% 6.5%; }
}

/* Large Mobile Devices (576px to 767px) */
@media (max-width: 767px) {
    .tf-blog .header-content h1 { font-size: 36px; line-height: 40px; }
    .tf-blog .breadcrumb { margin: 1.5rem 0px; }
        .tf-blog .breadcrumb a,
        .tf-blog .breadcrumb span { font-size: 14px; line-height: 14px; }
    .tf-news .image-description { margin: 10px 0px 30px 0px; }
    .tf-news .image-container h1 { font-size: 28px; }
    .tf-blog.tf-news .image img,
    .tf-blog.tf-news .image-container .image.full-image img { border-radius: 15px; }
    .tf-news .text-content .news-info p { font-size: 14px; line-height: 24px; }
        .tf-news .text-content .news-info p img { width: 12px; height: 12px; margin-bottom: 4px; }
    .tf-blog.tf-news p { font-size: 20px; line-height: 26px; }
    .tf-blog.tf-news .bist-bg { margin: 60px 0px; }
    .tf-blog.tf-news .bist .tf-slider-item.style-2 { padding: 4% 2.5% 6%; }
}

/* Small Mobile Devices (320px to 575px) */
@media (max-width: 575px) {
    .tf-blog .header-content h1 { font-size: 28px; line-height: 32px; }
    .tf-blog .breadcrumb { margin: 1rem 0px; }
        .tf-blog .breadcrumb a,
        .tf-blog .breadcrumb span { font-size: 12px; line-height: 12px; }
    .tf-news .image-description { margin: 5px 0px 20px 0px; }
    .tf-news .image-container h1 { font-size: 24px; }
    .tf-blog.tf-news .image img,
    .tf-blog.tf-news .image-container .image.full-image img { border-radius: 10px; }
    .tf-news .text-content .news-info p { font-size: 12px; line-height: 20px; }
        .tf-news .text-content .news-info p img { width: 10px; height: 10px; margin-bottom: 3px; }
    .tf-blog.tf-news p { font-size: 18px; line-height: 24px; }
    .tf-blog.tf-news .bist-bg { margin: 40px 0px; }
    .tf-blog.tf-news .bist .tf-slider-item.style-2 { padding: 3.5% 2% 5.5%; }
}

/* Responsive styles */
/* Large devices */
@media screen and (max-width: 1200px) {
    .market-container,
    .market-container2,
    .market-container-cb { flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; }

    .market-card { width: calc(33.33% - 10px); min-width: 200px; }

    .news-container .news-grid { grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); }
}

/* Medium devices */
@media screen and (max-width: 992px) {
    .search-container { flex-wrap: wrap; height: auto; width: 98%; }

    .search-box { width: 100%; margin-bottom: 10px; }

    .dropdown-box,
    .custom-dropdown { width: 100%; }

    .news-container .news-grid { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); margin: 0px 20px; }

    .news-container h1 { font-size: 30px; }

    .news-container .news-card { flex-direction: column-reverse; }

        .news-container .news-card img { width: 100%; height: auto; flex: 0 0 auto; }

    .news-container .news-content { width: 100%; }
}

/* Small devices */
@media screen and (max-width: 768px) {
    .market-card { width: 100%; }

    .market-card2,
    .market-card-cb { width: 100%; }

        .market-card2::before,
        .market-card-cb::before { display: none; }

    .btn-group { flex-wrap: wrap; }

    .btn-card { flex-basis: calc(50% - 10px); max-width: none; }

    .market-tabs { flex-wrap: wrap; }

        .market-tabs button { flex: 1 0 auto; padding: 10px 15px; font-size: 14px; }

    .reklam-container { height: 200px; }

    .news-container h1 { font-size: 26px; }
}

/* Extra small devices */
@media screen and (max-width: 576px) {
    .market-card { width: 100%; }

    .market-card2,
    .market-card-cb { flex-basis: 100%; }

        .market-card2::before,
        .market-card-cb::before { display: none; }

    .btn-card { flex-basis: 100%; }

    .reklam-container { height: 150px; }

    .news-container .news-grid { grid-template-columns: 1fr; margin: 0px 20px; }

    .news-container h1 { font-size: 22px; }
}

/* Very small devices (below 470px) */
@media screen and (max-width: 470px) {
    .market-card { width: 100%; min-width: unset; padding: 10px; margin: 5px 0; }

    .market-container,
    .market-container2,
    .market-container-cb { flex-direction: column; gap: 8px; width: 100%; }

    .market-card2,
    .market-card-cb { padding: 8px; gap: 15px; }

    .btn-group { gap: 5px; }

    .btn-card { padding: 10px; margin: 3px 0; }

    .market-tabs button { padding: 8px 10px; font-size: 12px; }

    .custom-table th,
    .custom-table td { padding: 8px 5px; font-size: 12px; }

    .symbol-icon { width: 25px; height: 25px; }

    .symbol-code { width: 5ch; font-size: 12px; }

    .news-container h1 { font-size: 20px; }

    .news-container h5 { font-size: 15px; }

    .news-container .news-card { padding: 10px; gap: 10px; }
}
@media screen and (max-width: 992px) {
    .company-info-2 { column-gap: 25px; }
}

@media screen and (max-width: 768px) {
    .company-info-2 { grid-template-columns: 1fr; gap: 5px; }

        .company-info-2 h5 { text-align: center; }

        .company-info-2 .info-item { padding: 8px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

            .company-info-2 .info-item:last-child { border-bottom: none; }
}

@media screen and (max-width: 576px) {
    .company-info-2 { margin-top: 20px; margin-bottom: 15px; }

        .company-info-2 .info-item { padding: 6px 0; }

            .company-info-2 .info-item .label { font-size: 14px; }

            .company-info-2 .info-item .value { font-size: 14px; }
}

@media screen and (max-width: 470px) {
    .company-info-2 { margin-top: 15px; gap: 3px; }

        .company-info-2 h5 { font-size: 16px; margin-bottom: 10px; }

        .company-info-2 .info-item { padding: 5px 0; }

            .company-info-2 .info-item .label { font-size: 13px; }

            .company-info-2 .info-item .value { font-size: 13px; }
}

/* Responsive styles */
@media screen and (max-width: 1200px) {
    .custom-btn-group { grid-template-columns: repeat(auto-fill, minmax(45px, 1fr)); }
}

@media screen and (max-width: 992px) {
    .custom-btn-group { grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); gap: 10px; }

        .custom-btn-group .custom-btn { font-size: 0.9rem; height: 34px; }
}

@media screen and (max-width: 768px) {
    .custom-btn-group { grid-template-columns: repeat(10, 1fr); gap: 4px; }

        .custom-btn-group .custom-btn { font-size: 0.85rem; height: 32px; }
}

@media screen and (max-width: 576px) {
    .custom-btn-group { grid-template-columns: repeat(10, 1fr); gap: 3px; }

        .custom-btn-group .custom-btn { font-size: 0.8rem; height: 30px; padding: 4px 0; }
}

@media screen and (max-width: 470px) {
    .custom-btn-group { grid-template-columns: repeat(4, 1fr); gap: 15px; }
}
    /*# sourceMappingURL=responsive.css.map */