@media (min-width: 1366px) {
    .login-container .logo {
        padding: 0.5rem 0 0.5rem 0;
    }

    .login-title {
        margin-top: 0.5rem;
    }

    .login-paragraph {
        margin-bottom: 0px;
    }

    #orders_wrapper .d-flex {
        display: block !important;
    }

    .dataTables_wrapper {
        overflow-x: scroll !important;
    }
}



@media (max-width: 1366px) {
    .label label {
        margin-top: 0.07rem;
    }
}

@media (max-width: 1440px) {

    .profile-detail {
        max-width: 1300px;
        margin-bottom: 0 !important;
        margin-top: 2rem !important;
    }

    .modal-dialog2 {
        height: 85%;
        margin-top: 3rem;
    }

    .fatura-address-text1 {
        line-height: 1rem;
        margin-bottom: 0;
    }
}

@media (max-width: 1200px) {

    .hero-aylik-section p {
        line-height: 1rem;
        font-size: 0.8rem;
        padding: 0 4rem;
        margin-bottom: 0;
    }

    .custom-link {
        border: 1px solid #000;
        align-items: center;
        gap: 8px;
        padding: 7px 20px;
        border-radius: 999px;
        text-align: center;
        margin-bottom: 1rem;
    }

    .premium-btn {
        margin-bottom: 1rem;
    }

    .hero-yillik-section p {
        line-height: 1rem;
        font-size: 0.8rem;
        padding: 0 4rem;
        margin-bottom: 0;
    }

    .navbar-nav .nav-item {
        margin-left: 1rem;
        list-style: none !important;
    }

    .nav-link {
        display: list-item !important;
    }

    #orders_wrapper .d-flex {
        display: block !important;
    }

    .dataTables_wrapper {
        overflow-x: scroll !important;
    }

    #orders {
        width: 1140px;
    }

    .master-container .custom-col {
        width: 100% !important;
        text-align: center;
    }

    .footer .custom-col {
        width: 100% !important;
        text-align: center;
    }

    .footer .footer_social {
        text-align: center;
        padding-top: 2rem;
    }

    .footer .footer_policy {
        text-align: center !important;
    }

    .fatura-address-text1 {
        line-height: 1rem;
        margin-bottom: 0;
    }
}

@media (max-width: 800px) {
    .membership-box-yillik .custom-col {
        width: 100% !important;
        text-align: center;
    }

    .membership-box-aylik .custom-col {
        width: 100% !important;
        text-align: center;
    }

    .membership-box-aylik {
        max-width: 400px;
    }

    .membership-box-yillik {
        max-width: 400px;
    }

        .membership-box-yillik h2 {
            font-size: 1rem;
            margin-bottom: 1rem;
        }

    .membership-box-aylik h2 {
        font-size: 1rem;
        margin-bottom: 1rem;
    }

    .card_premium img {
        padding: 1rem 0 1rem 0;
    }

    .membership-box-yillik .card_premium h3 {
        margin: 0px;
        font-size: 1.5rem;
    }

        .membership-box-yillik .card_premium h3 span {
            font-size: 0.5rem;
            margin-left: -5px;
        }

    .membership-box-aylik .card_premium h3 span {
        font-size: 0.5rem;
        margin-left: -5px;
    }

    .membership-box-aylik .card_premium h3 {
        margin: 0px;
        font-size: 1.5rem;
    }

    .card_premium {
        padding: 1rem
    }

    .membership-actions {
        padding-left: 1rem;
    }

    .payment-info {
        padding-top: 1rem;
        ;
    }

    .membership-box-yillik .card_premium .badge {
        top: 0px;
        left: 0px;
    }

    .membership-box-aylik .card_premium .badge {
        top: 0px;
        left: 0px;
    }

    .navbar-nav .nav-item {
        margin-left: 1rem;
        list-style: none !important;
    }

    .nav-link {
        display: list-item !important;
    }

    #orders_wrapper .d-flex {
        display: block !important;
    }

    .dataTables_wrapper {
        overflow-x: scroll !important;
    }

    .fatura-address-text1 {
        line-height: 1rem;
        margin-bottom: 0;
    }

    #orders {
        width: 1140px;
    }


    .master-container .custom-col {
        width: 100% !important;
        text-align: center;
    }
}

@media (max-width: 430px) {

    .profile-detail .mb-5 {
        margin-bottom: 0 !important;
    }

    .no-mobile {
        display: none;
    }

    .profile-row {
        margin-left: 0;
        margin-top: 0;
    }

    .yes-mobile .mt-2 {
        margin-top: 1rem !important;
    }

    .yes-mobile {
        display: block;
    }

    .navbar-nav .nav-item {
        margin-left: 0rem;
        list-style: none !important;
    }

    .nav-link {
        display: list-item !important;
    }

    .d-block {
        display: list-item !important;
    }

    .hero-bg-icons {
        height: 35vh;
        background-size: contain;
    }

    .features-section {
        padding: 0;
    }

    .hero-section img {
        margin-top: 1rem;
    }

    .hero-section h1 {
        font-size: 1.2rem;
    }

    .left-btn {
        font-size: 1rem;
    }

    .right-btn {
        font-size: 1rem;
    }

    .hero-section p {
        font-size: 1.2rem;
    }

    .btn-purple {
        margin-right: 0 !important;
        margin-bottom: 0.25rem !important;
    }

    .hero-section h2 {
        font-size: 1.20rem;
        margin-bottom: 1rem;
    }

    .header-top {
        padding-right: 0px !important;
    }

    .me-3 {
        margin-right: 0.5rem !important;
    }

    .card-premium {
        margin: 1rem;
    }

    .hero-aylik-bg-icons {
        height: 30vh;
        background-size: contain;
    }

    .hero-aylik-section h1 {
        font-size: 1.9rem;
    }

    .hero-aylik-section p {
        line-height: 1rem;
        font-size: 0.8rem;
        padding: 0 4rem;
        margin-bottom: 0;
    }

    #faqAccordion {
        margin-top: 0 !important;
    }

    .faq-title {
        font-size: 1.56rem;
    }

    .accordion-button:not(.collapsed) {
        font-size: 0.93rem;
    }

    .accordion-body {
        font-size: 0.81rem;
    }

    .premium-aylik-btn {
        margin-bottom: .5rem !important;
        margin-top: 0 !important;
    }

    .btn-black-aylik {
        margin-top: 1rem;
        font-size: 0.75rem;
        border-radius: 6.89px;
        padding: 10px 30px;
    }

    .btn-black-yillik {
        margin-top: 1rem;
        font-size: 0.75rem;
        border-radius: 6.89px;
        padding: 10px 30px;
    }

    .cancel-banner {
        padding: 10px 0px;
    }

        .cancel-banner h2 {
            font-size: 1rem;
            margin-bottom: 0rem;
        }

        .cancel-banner p {
            font-size: 0.75rem;
        }

    .premium-steps {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .premium-aylik-banner {
        background: url(/assets/images/aylik-middle-2-mobil.png) no-repeat;
        padding: 0 10px;
        background-size: cover;
        min-height: 180px;
    }

    .premium-aylik-content {
        max-width: 100%;
    }

        .premium-aylik-content h3 {
            font-size: 1.18rem;
            margin-top: 0;
        }

    .hero-aylik-section span {
        font-size: 0.81rem;
    }

    .info-section {
        padding: 1rem 0 0 0;
    }

        .info-section .p1 {
            font-size: 1.2rem;
        }

        .info-section .p2 {
            font-size: 1.5rem;
        }

    .step-circle {
        width: 50px;
        height: 50px;
        font-size: 1rem;
    }

    .step p {
        padding: 0 6.5rem;
        margin-top: 1rem;
    }

    .car {
        width: 10%;
    }

    .curve-1 {
        transform: rotate(37deg);
        top: 32%;
        left: 18%;
    }

    .car-1 {
        transform: rotate(35deg);
        top: 28%;
        left: 19%;
    }

    .curve-2 {
        transform: rotate(130deg);
        top: 55%;
        left: 55%;
    }

    .car-2 {
        transform: rotate(131deg);
        top: 50%;
        left: 67%;
    }

    .custom-col {
        width: 100% !important;
        text-align: center;
    }

    .custom-col2 {
        width: 100% !important;
        text-align: left;
    }

    .footer-link {
        padding-top: 1rem;
        text-align: center;
    }

    .footer a {
        margin-left: 1rem;
    }

    .footer_social {
        margin-top: 1rem;
        text-align: center;
    }

    .footer_policy {
        margin-top: 1rem;
        text-align: center;
    }

    .hero-yillik-bg-icons {
        height: 30vh;
        background-size: contain;
    }

    .hero-yillik-section h1 {
        font-size: 1.9rem;
    }

    .hero-yillik-section p {
        line-height: 1rem;
        font-size: 0.8rem;
        padding: 0 4rem;
        margin-bottom: 0;
    }

    .hero-yillik-section span {
        font-size: 0.81rem;
    }

    .membership-actions {
        padding-left: 1rem;
    }

    .membership-box-yillik h2 {
        font-size: 0.70rem;
        margin-bottom: 1rem;
    }

    .membership-box-aylik h2 {
        font-size: 0.70rem;
        margin-bottom: 1rem;
    }

    .profil-content h2 {
        font-size: 1.2rem;
        margin-bottom: 0px;
    }

    .profil-content p {
        font-size: 0.7rem;
        margin-bottom: 0px;
    }

    .profil-button {
        font-size: 0.5rem;
        padding: 0.3rem 1rem;
    }

    #orders_wrapper .d-flex {
        display: block !important;
    }

    #orders_length {
        width: 100% !important;
    }

    #orders_paginate {
        width: 100% !important;
    }

    #orders {
        width: 1140px;
    }

    table.dataTable thead th.sorting::after, table.dataTable thead th.sorting_asc::after, table.dataTable thead th.sorting_desc::after {
        right: 8px !important;
    }



    .profile-detail .w-50 {
        width: 100% !important;
    }

    .custom-radio {
        width: 17.81px;
        height: 17.81px;
    }

    .mastercard-name2 {
        font-size: 0.81rem;
    }

    .mastercard-number2 {
        font-size: 0.81rem;
    }

        .mastercard-number2 img {
            width: 18.06px;
            height: 10.06px;
            margin-left: 1rem;
        }

    .wh-div-1 .bank-image {
        width: 60px;
        height: 20px;
    }

    .mastercard2-info {
        text-align: start !important;
    }

    .fatura-address-text1 {
        line-height: 1rem;
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .plan-container-yillik .col-md-5 {
        flex: 0 0 auto;
        width: 43%;
    }

    .plan-container-yillik .col-md-7 {
        margin-left: 3%;
        flex: 0 0 auto;
        width: 54%;
    }

    .plan-container-aylik .col-md-5 {
        flex: 0 0 auto;
        width: 43%;
    }

    .plan-container-aylik .col-md-7 {
        margin-left: 3%;
        flex: 0 0 auto;
        width: 54%;
    }
}