@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;
}
}


@media (max-width: 1200px) {
    
    .hero-aylik-section p {
        line-height: 1rem;
        font-size: 0.8rem;
        padding: 0 4rem;
        margin-bottom: 0;
    }

    .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: disc !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;
}
}



@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: disc !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;
    }
}


@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: 1rem;
        list-style: disc !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;
    }

    .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;
    }


}






















@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%;
    }
    
   
    
}