/* @media(min-width:1600px) {
    .container {
        max-width: 1600px;
    }
} */

@media(max-width:1600px) {

    :root {
        --fs-50: 40px;
        --fs-40: 30px;
        --lh-44: 40px;
        --fs-20: 18px;
        --lh-25: 22px;
    }

    /* .data-2 .data-holds,
    .data-1 .data-holds {
        max-width: 90%;
    } */

    /* .data-2::after {
        left: 12px;
    } */

    .membership-titleholders .five-zero {
        padding-bottom: 40px;
    }

    section.memberhip-sec {
        padding-top: 80px;
        padding-bottom: 200px;
    }

    .grid-planes {
        margin-top: -8%;
    }

    .grid-topplane {
        gap: 20px;
    }

    .universal-anchor a,.universal-anchor label {
        font-size: 16px;
        padding: 10px 0px;
    }

    .all-dataplane {
        gap: 30px;
    }

    .every-month {
        gap: 10px;
    }

    .meber-forms {
        max-width: 1100px;
        padding-top: 100px;
    }

    .dicalimer-holder {
        padding-top: 50px;
    }
    .col-lg-5.data-1 {
    width: 48.2%;
}
.col-lg-7.data-2 {
    width: 51%;
}
}

@media(max-width:1400px) {
    :root {
        --fs-50: 35px;
        --fs-40: 25px;
        --lh-44: 35px;
        --fs-25: 22px;
        --fs-20: 16px;
        --lh-50: 45px;
        --lh-25: 22px;
    }

    .input-register input {
        height: 45px;
        padding: 0px 10px;
    }

    .input-grid {
        gap: 20px;
    }

    .submit-btn {
        font-size: 15px;
        padding: 8px 0px;
    }

    .submit-btnholder {
        max-width: 175px;
    }

    section.login-sec {
        padding: 60px 0px;
    }

    .membership-titleholders .five-zero {
        padding-bottom: 20px;
    }

    section.memberhip-sec {
        padding-top: 40px;
    }

    .every-month p {
        font-size: 16px;
    }

    .dropdown-image {
        max-width: 25px;
    }

    .grid-plus {
        gap: 20px;
    }

    .grid-parent {
        padding-top: 30px;
        gap: 25px;

    }

    .grid-fields input {
        height: 40px;
        font-size: 16px;
    }

    .member-today {
        padding-bottom: 30px;
    }

    li,
    p,
    a {
        font-size: 16px;
        line-height: 26px;
    }

    .dicalimer-holder {
        padding-top: 40px;
    }

    .member-formholder {
        padding: 40px;
        max-width: 990px;
        margin: 0 auto;
    }

    section.membership-subecptiosec {
        padding-bottom: 40px;
    }

    .universal-anchor a,.universal-anchor label {
        font-size: 15px;
        padding: 7px 0px;
    }

    .planes-holder .universal-anchor {
        max-width: 200px;
    }

    .grid-toogle {
        gap: 20px;
    }

    .inside-hidedata p {
        font-size: 15px;
        line-height: 24px;
    }

    .checkout-holder {
        padding: 50px;
    }

    .order-summary {
        padding: 20px;
    }

    .checkout-holder .cupon-code .submit-btnholder {
        max-width: 100px;
    }

    .chekouut-input input {
        height: 40px;
    }

    .grid-checkout {
        gap: 10px;
    }

    .additional-info .two-five {
        padding-bottom: 10px;
    }

    .additional-info {
        padding-top: 20px;
    }

    .first-holder {
        margin-bottom: 20px;
    }

    .order-summary .two-five {
        padding-bottom: 20px;
    }

    .checkout-tile {
        padding-bottom: 40px;
    }



    .top-duration {
        margin-bottom: 10px;
    }

    section.checkout-sec {
        padding: 40px 0px;
    }


}


@media(max-width:1200px) {
    .planes-holder {
        padding: 20px 20px 10px 20px;
    }

    .meber-forms {
        padding-top: 50px;
    }

    section.memberhip-sec {
        padding-bottom: 140px;
    }

    .order-summary {
        max-width: 100%;
        margin-top: 30px;
        position: static;
    }
}

@media(max-width:991px) {
    :root {
        --fs-50: 35px;
    }

    .data-2::after {
        display: none;
    }

    .data-1 .data-holds {
        padding-bottom: 30px;
    }

    .data-2 .data-holds,
    .data-1 .data-holds {
        max-width: 100%;
        margin: 0 auto;
    }

    .login-form {
        padding-bottom: 20px;
    }

    .login-title {
        padding-bottom: 20px;
    }

    .grid-planes {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 0px;
    }

    section.memberhip-sec {
        padding: 50px 0px;
    }

    .membership-titleholders {
        max-width: 100%;
    }

    section.membership-subecptiosec {
        padding: 40px 0px;
    }
    .col-lg-5.data-1 ,
    .col-lg-7.data-2 {
        width: 100%;
    }
    
}

@media(max-width:767px) {
    :root {
        --fs-50: 30px;
        --lh-50: 40px;
    }

    section.login-sec {
        padding: 50px 0px;
    }

    .grid-planes {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        margin-top: 0px;
    }

    .grid-plus {
        flex-direction: column;
    }

    .member-formholder {
        padding: 20px;
    }

    .grid-input {
        flex-direction: column;
    }

    .checkout-holder {
        padding: 20px;
    }
}

@media(max-width:575px) {
    .cupon-code {
        gap: 10px;
        flex-direction: column;
    }

    .checkout-holder .cupon-code .submit-btnholder {
        max-width: 100%;
    }
    .checkout-tile{
        padding-bottom: 20px;
    }
}

@media(max-width:425px){
    .grid-check{
        flex-direction: column;
        gap: 10px;
    }
    .header-p{
        flex-wrap: wrap;
    }
}