@media only screen and (max-width: 600px) {
    #buy_membership_button {
        font-size: 20px;
    }

    #section_membership
        > div
        > div
        > div:nth-child(3)
        > div.inner_contentss
        > div.listt
        > div
        > ul
        > li {
        /* Si el contenido del li brinca a otra linea, se debe ajustar al li */
        margin-bottom: 10px;
    }

    .strike_safari::after {
        margin-left: 135px !important;
    }

    h1.membershil_title {
        font-size: 25px;
    }
}

.hide_price {
    visibility: hidden;
}

.vector_list ul li {
    display: flex;
    flex-direction: row;
}

.bottom_section {
    text-align: center;
    border-top: 2px solid #ececec;
    padding-top: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bottom_section .pp_bottom {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-left: 0px;
}

.appointment-btn {
    margin-left: 0px;
    background: linear-gradient(
        180deg,
        #ff0000 0%,
        #9a0d0d 99.99%,
        rgba(255, 0, 0, 0) 100%,
        #ae1010 100%
    );
    color: #fff;
    padding: 8px 25px;
    white-space: nowrap;
    transition: 0.3s;
    font-size: 23px;
    font-weight: 600;
    line-height: 28px;
    display: inline-block;
}

.appointment-btn {
    margin-left: 0px !important;
    font-size: 20px;
    width: 100%;
}

.strike_safari::after {
    content: "";
    position: absolute;
    width: 90px;
    height: 3px;
    background-color: #ff0000;
    z-index: 999;
    margin-top: -20px;
    margin-left: 160px;
    transform: rotate(-20deg);
}

.membershil_title {
    margin-bottom: 70px !important;
}

/* Media query max 767px */
@media only screen and (max-width: 767px) {
    .bottom_section .pp_bottom {
        padding-left: 0px !important;
    }

    .appointment-btn {
        margin-left: 10px !important;
    }
}

.benefits_hr {
    margin: 30px 0px;
}

/* Color Memberships */
#BEGINNER > .border_redd {
    height: 18px;
    background: #EC1E24 !important;
    background: linear-gradient(
        110.35deg,
        #ec1e24 36.47%,
        #b71a1f 77.55%
    ) !important;
}

#BEGINNER {
    border: 2px solid #EC1E24 !important;
    height: 700px;
}

#BEGINNER > div.inner_contentss > div.listt {
    height: 200px;
    min-height: 320px;
}

#RECRUITING\ PROSPECT > .border_redd {
    height: 18px;
    background: #248b22 !important;
    background: linear-gradient(
        110.35deg,
        #248b22 36.47%,
        #1a5e19 77.55%
    ) !important;
}

#RECRUITING\ PROSPECT {
    border: 2px solid #248b22 !important;
    height: 810px;
}

#STARTER {
    height: 1020px;
}

#STARTER > .border_redd {
    height: 18px;
    background: #ec1e24 !important;
}

#ALL-PRO > .border_redd {
    height: 18px;
    background: #3fa0ef !important;
    background: linear-gradient(
        110.35deg,
        #3fa0ef 36.47%,
        #317fbe 77.55%
    ) !important;
}

#ALL-PRO > div.inner_contentss > div.whole_div > div::after {
    background: linear-gradient(
        110.35deg,
        #3fa0ef 36.47%,
        #317fbe 77.55%
    ) !important;
}

#RECRUITING\ PROSPECT > div.inner_contentss > div.whole_div > div::after {
    background: linear-gradient(
        110.35deg,
        #248b22 36.47%,
        #1a5e19 77.55%
    ) !important;
    /* margin-left: 10px; */
}

#STARTER > div.inner_contentss > div.whole_div > div::after {
    background: linear-gradient(
        110.35deg,
        #ec1e24 36.47%,
        #b71a1f 77.55%
    ) !important;
}

#ALL-PRO {
    border: 2px solid #3fa0ef !important;
    height: 1130px;
}
