@media screen and (min-width: 771px) and (max-width: 991px) {
    .table-info-prod-sol {
        display: flex;
        flex-direction: column;
        width: 70%;
        justify-content: center;
        margin: auto;
    }
}

@media screen and (min-width: 771px) and (max-width: 1073px) {
    /*tablet*/
    .aviso_file {
        position: relative;
        top: -51px;
        color: #636d89;
        font-size: 13px;
        display: flex;
        justify-content: flex-end;
    }


    .tc_btn_form_primary {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    p.alert.alert-danger {
        width: 100%;
        font-size: 15px;
        text-align: justify;
    }

    .tc_btn_form_primary {
        height: 44px;
        width: 100%;
        border-radius: 5px !important;
    }

    /*              Aliados                 */
    .der_gallery {
        width: 15%;
        position: relative;
        top: 14vh;
        left: 2vw;
    }

    .izq_gallery {
        width: 15%;
        position: relative;
        top: -13vh;
        right: -84vw;
    }

    .gallery-0 {
        left: -35vw;
    }

    .gallery-1 {
        left: 11vw;
    }

    .gallery-2 {
        left: 52vw;
    }

    .gallery-3 {
        left: 107vw;
    }

    .gallery-4 {
        left: 108vw;
        display: none;
    }

    .tc_card_gallery {
        transition: all .3s ease-in-out;
        height: 18vh;
        width: 43%;
        border-radius: 20px;
        margin-right: 12px;
        position: relative;
    }

    .gallery_slide {
        display: flex;
        height: 24vh;
        width: 241vw;
        position: relative;
        align-items: center;
        left: -50vw;
    }

    .ally_window {
        width: 88%;
        overflow: hidden;
    }

    .btn_close_card {
        width: 25px;
        height: 25px;
        left: 7px;
        position: absolute;
        border-radius: 13px;
        top: 19px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tc_card_gallery .front_face {
        margin: 0vh 1vw;
        position: relative;
        background-color: white;
        border-radius: 23px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        transition: 1s;
    }

    .tc_card_gallery .back_face {
        margin: 0vh 1vw;
        display: none;
    }

    .card_clicked .back_face {
        position: fixed;
        height: 70vh;
        top: 2vh;
        left: 6vw;
        width: 450px;
        display: flex;
        flex-direction: row;
        backface-visibility: hidden;
        z-index: 10000;
        transition: 1s;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .card_clicked .front_face {
        display: none;
    }

    .column_backface {
        display: flex;
        width: 350px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    img.image_empresa {
        border-radius: 13px;
        width: 63%;
        text-align: center;
    }

    .info_empresa p {
        font-size: 14px;
        font-weight: 500;
        margin: 15px 0px;
    }

    .datos_empresa p {
        font-size: 30px;
        margin: -1px 59px;
    }

    .logo_empresa_back {
        width: 60%;
        margin: auto;
    }

    .datos_empresa {
        margin: 36px 0px;
        width: 100%;
    }

    .redes_empresa {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    a.rs_email:hover {
        background-color: #936500;
        color: #ffffffe6;
        border-radius: 15px;
    }

    .rs {
        width: 60px;
        height: 60px;
        font-size: 39px;
        display: flex;
        margin: 0 13px;
        justify-content: center;
        align-items: center;
        border-radius: 15px;
    }

    .rs_facebook:hover {
        background-color: #364081;
        color: #ffffffe6;
        border-radius: 15px;
    }

    .rs_instagram:hover {
        background-image: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
        color: #ffffffe6;
        border-radius: 15px;
    }

    a.rs.rs_youtube:hover {
        background-color: #db5b5b;
        color: #ffffffe6;
        /* font-size: 36px; */
        border-radius: 15px;
    }

    /*--------------------------------------*/
    .info_envio > h5 {
        margin: 5px 0 5px 20px;
    }

    .data_transaction {
        margin: 0px 0px 0px 38px;
    }

    .content_form {

        width: 40%;
    }

    .info_payment {
        background-color: #ffff8d;
        width: 100%;
        color: #48463a;
        padding: 4vh 5vw;
        border-radius: 25px;
        border: solid 1px #48463a;
        font-size: 20px;
        text-align: justify;
    }

    .info_envio {
        width: 100%;
        background-color: #aabcff73;
        margin-top: 34px;
        padding: 2vh 1vw;
        border-radius: 18px;
    }

    .tc_content_transaction {
        display: flex;
        flex-direction: row;
        width: 85vw;
        flex-wrap: wrap;
        justify-content: center;
    }

    h2.title_transaction {
        width: 100%;
        margin-block: 30px;
    }

    .tc_form_transaction {
        width: 100%;
        margin-top: 34px;
        display: grid;
        grid-row-gap: 13px !important;
    }

    .form_content {
        width: 100%;
    }

    .form_payment {
        width: 40%;
        border-radius: 30px;
        margin-left: 3vw;
        padding: 1vh 1vw;
        background-color: #4041;
    }

    label.tc_form-file > p {
        width: 88%;
        font-size: 14px;
        line-height: 17px;
        overflow: hidden;
        text-overflow: ellipsis;
        height: inherit;
        position: relative;
        top: 16px;
        left: 9px;
    }

    .btn_file {
        background-color: #0096d214;
        height: 44px;
        padding: 10px 13px 2px 9px;
        text-align: center;
        border-radius: 0 5px 5px 0;
        width: 34%;
        font-size: 9px;
    }

    .tc_form-file {
        width: 100%;
        border: 1px solid #aaa;
        border-radius: 5px;
        height: 44px;
        position: relative;
        top: -44px;
        background-color: white;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .tc_form_element {
        width: 100%;
        height: 86px;
    }

    .title_register > h5, .title_register_seller > h5 {
        color: white;
        font-size: 27px;
        line-height: 43px;
    }

    .form_checkbox {
        margin-left: 0%;
        margin-top: 16px;
        width: 100%;
        display: flex;
    }

    .tc_login {
        background-color: white;
        margin: 25px;
        border: 1px solid rgba(170, 170, 170, 0.26);
        border-radius: 5px;
        padding: 38px;
        box-shadow: 0px 6px 20px 0px rgba(104, 104, 104, 0.34);
        margin-top: 70px;
    }

    .tc_form-control {
        width: 100%;
        border: 1px solid #aaa;
        border-radius: 5px;
        padding-inline: 15px;
        height: 44px;
    }

    .tc_btn_form {
        height: 44px;
        width: 100%;
        border-radius: 5px !important;
    }

    .tc_a_btn_form {
        height: 4vh;
        width: 22vw;
        border-radius: 5px !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cuenta {
        display: flex;
        height: 8vh;
        align-items: center;
    }

    .icon_cuenta {
        color: var(--colorCircle);
        width: 13%;
    }

    .data_account {
        width: 16%;
    }

    .cuenta_title {
        font-weight: 600;
        font-size: 10px;
    }

    .cuenta_content {
        font-size: 13px;
    }

    i.ti-wallet {
        font-size: 29px;
        justify-content: flex-end;
        display: flex;
        margin-right: 1vw;
    }

    .banner_movil {
        display: none !important;
    }

    #body_info {
        background-color: aliceblue;
        height: max-content;
        width: 82vw;
        border-radius: 5vh;
        padding: 3vh 6vw;
    }

    #info_title {
        text-align: center;
        color: #1f4c78;
        line-height: 33px;
        font-weight: 500;
        font-size: 30px;
        margin: 0;
    }

    #info_text {
        text-align: justify;
        font-size: 25px;
        line-height: 27px;
        margin-top: 15px;
        color: black;
    }

    .logo_s {
        display: none;
    }

    .tc_header {
        flex-direction: row;
        flex-wrap: nowrap;
        display: flex;
        justify-content: center;
        padding-inline: 10px;
    }

    .tc_header_seller {
        flex-direction: row;
        flex-wrap: nowrap;
        display: flex;
        justify-content: center;
        padding-inline: 10px;
    }

    .label-hidden {
        margin-left: 10px;
    }

    .tc_fixed {
        padding-top: 12vh;
    }

    .df-icon-list {
        visibility: hidden;
    }

    /*.tc_btn {*/
    /*    width: 10vw;*/
    /*}*/
    .btn_file {
        background-color: #0096d214;
        height: 44px;
        font-size: 16px;
        padding: 5px 2px 0px 15px;
        width: 23%;
        text-align: center;
        border-radius: 0 5px 5px 0;
    }

    label.tc_form-file > p {
        width: 78%;
        font-size: 14px;
        line-height: 17px;
        overflow: hidden;
        text-overflow: ellipsis;
        height: inherit;
        position: relative;
        top: 34px;
    }

    .options-menu-p li span {
        display: none;
    }

    .options-menu-p {
        order: 2;
        max-width: 40%;
        justify-content: space-between;
    }

    .username {
        display: none;
    }

    .container-logo .options-menu-p {
        width: 22% !important;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    .search-bar-header {
        order: 1;
        flex: 1;
        padding-top: 0 !important;
    }

    .login-cart li {
        margin: 0 10px; /* Espacio entre elementos li */
        position: relative;
    }

    .login-cart li:not(:last-child):after {
        border-right: 1px solid #fff;
        content: '';
        height: 80%;
        position: absolute;
        right: -15px;
        top: 0px;
        width: 1px
    }

    .disp-n-movil-est {
        display: none !important;
    }

    .table {
        width: 100% !important;
    }

    .btn_cart_est {
        width: 100% !important;
    }

    .col-12 {
        padding-right: 8px;
        padding-left: 8px;
    }

    .cart-div {
        position: relative;
    }

    .cart-div::before {
        border-left: 1px solid #fff;
        content: '';
        height: 80%;
        position: absolute;
        top: 0px;
        left: -6px;
    }

    .tc_input_search {
        width: 100%;
        height: 37px;
        /* max-width: 76% !important; */
        display: flex;
        text-align: initial;
        border: 0;
        padding-left: 2px;
        font-size: 16px;
        font-weight: 300;
        /* position: fixed; */
    }

    .options-menu-p .cart-div .nav-link {
        padding-right: 10px;

    }

    .btn-div-address {
        position: relative;
        bottom: -32px;
    }

    .container-budgetary-cart {
        padding: 15px 5px;
    }

    .div-label-name {
        padding-left: 0;
    }

    .div-label-name .col-12 {
        padding-left: 0;
    }

    .div-pad-request .col-12 {
        padding-left: 0;
    }

    .tc_content {
        padding-inline: 2vw !important;
    }

    #row-mov {
        display: none;
    }

    .span-subtitle-menu {
        text-align: center;
        justify-content: center;
        display: flex;
    }

    .div-ofertas {
        padding-left: 13px !important;
    }

    .form-control {
        width: 54%;
    }

    .btn-prod-info {
        width: 100% !important;
    }

    .div-content-btn-resum-comp {
        justify-content: space-between;
    }

    .div-details-product-slctd {
        font-size: 15px;
    }

    .texta-info-prod-sol {
        width: 180px;
        font-size: 15px;
        text-align: justify;
        padding: 4px;
    }

    /*.div-tc-table-prod-sol {*/
    /*    width: 100%;*/
    /*}*/
    .lbl-comment-reneg-info-prod {
        display: flex;
        justify-content: center;
    }

    .td-info-details-prod-sol {
        margin-right: -40px;
        width: 40%;
    }

    .btn_reneg_prod {
        width: 140px;
        margin: 0;
    }

    /*#div-reneg-prod-min {*/
    /*    display: none;*/
    /*}*/
    /*#div_info_prod_sol {*/
    /*    display: flex;*/
    /*    justify-content: space-around;*/
    /*    bottom: 0;*/
    /*    position: fixed;*/
    /*    width: 100%;*/
    /*    z-index: 1;*/
    /*    margin: 0px !important;*/
    /*    left: 0;*/
    /*}*/
    /*.tc_info_prod {*/
    /*    width: 100%;*/
    /*}*/

    .lbl-switch:after {
        width: 20px;
        height: 20px;
        top: 3px;
        left: 4px;
    }

    .switch input[type="checkbox"]:checked + .lbl-switch:after {
        left: 32px;
    }

    .lbl-switch {
        width: 56px;
        height: 26px;
    }

    .font-success-prod {
        color: var(--TcColorGreen);
        font-size: 15px;
    }

    .font-danger-prod {
        color: var(--TcColorRed);
        font-size: 15px;
    }

    .progress-barm .step-pay {
        width: 24%;
    }

    .tc_content_float {
        width: 65%;
        background-color: white;
        margin-inline: auto;
        position: fixed;
        left: 160px;
        top: 45px;
        z-index: 10000;
        border-radius: 5px;
        overflow: hidden;
        height: 40%;
        padding-top: 5px;
    }

    .tc_content_float .df-card__title {
        font-weight: 300 !important;
        font-size: 18px !important;
        line-height: 18px;
    }

    .width-day-input {
        display: flex;
        width: 162px;
        height: 35px;
        padding: 11.5px 15px;
        flex-direction: column;
        align-items: flex-start;
        flex-shrink: 0;
        border-radius: 5px;
        border: 1px solid #DEE2E6;
        background: #FFF;
    }

    .select-day {
        width: 80px;
        height: 40px;
        padding: 9px 8px;
        border-radius: 5px;
        border: 1px solid #CED4DA;
        background: #FFF;
        display: flex;
        justify-content: center;
    }

    .typography-preferences-text {
        color: #404450;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

    .typography-preferences {
        color: #000;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .tc_form_register {
        display: grid;
        grid-template-columns: repeat(2, 319px) !important;
        grid-column-gap: 13px !important;
        grid-row-gap: 0px !important;
    }

    .btn_file {
        background-color: #0096d214;
        height: 44px;
        padding: 5px 2px 0px 15px;
        text-align: center;
        border-radius: 0 5px 5px 0;
        width: 34%;
        font-size: 9px;
    }

    #id_terms_and_conditions {
        margin-top: 0px;
    }

    .text-button-register {
        color: #FBFBFB;
        font-size: 18px;
        font-weight: 700;
        line-height: 21px;
    }

    .tc_title_buyer {
        color: #545454;
        font-size: 32px;
        font-weight: 700;
        line-height: 24px;
    }

    .line_buyer {
        width: 407px;
        height: 5px;
        background: #0096D2;
    }

    .text-buyer-modal {
        color: #404450;
        font-size: 17px;
        font-weight: 400;
        line-height: 24px;
    }

    .text-buyer-button {
        color: #636363;
        font-size: 18px;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize;
    }

    .text-buyer-request {
        color: #404450;
        font-size: 17px;
        font-weight: 700;
        line-height: 24px;
    }

    .container-budgetary-cart h4 {
        color: #292B2C !important;
        font-family: Roboto !important;
        font-weight: 500;
        font-size: 30px;
    }

    .medium_divider_buyer {
        display: flex;
        justify-content: space-between;
        margin-top: 0px;
    }

    .text-payment-response {
        font-size: 28px !important;
    }

    .detail_product-offer {
        font-size: 15px !important;
    }

    .lbl-switch-offers:after {
        width: 18px;
        height: 18px;
        top: 3.5px;
        left: 4px;
    }

    .switch input[type="checkbox"]:checked + .lbl-switch-offers:after {
        left: 30px;
    }

    .lbl-switch-offers {
        width: 52px;
        height: 24px;
    }

    i.icon-size-ha {
        margin-top: 2px;
    }

    .tc_logo {
        margin-top: 11px;
    }

    /* Presupuestales */
    .movil {
        display: none;
    }

    .filter-chips {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 10px;
    }

    .filter-chip {
        background-color: #17a2b8;
        color: white;
        padding: 5px 10px;
        border-radius: 15px;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        border: none;
        font-weight: bold;
    }

    .filter-chip .remove-chip {
        margin-left: 8px;
        font-size: 16px;
        color: white;
        cursor: pointer;
        font-weight: bold;
    }

    .empty-list .btn-warning {
        width: 10rem !important;
    }

    .selected-filter {
        display: flex;
        background-color: rgb(23, 193, 248);
        border-radius: 5px;
        color: #FFFFFF;
        font-weight: bold;
        padding: 5px;
        justify-content: space-evenly;
    }

    .filter-movil {
        position: sticky;
        top: 55px;
        z-index: 99;
        background-color: #FFFFFF;
        display: flex !important;
        padding: 5px;
        margin-bottom: 10px;
    }

    .open-filters-btn {
        margin-right: 25px;
        background-color: #FFFFFF;
        border: none;
        font-weight: bold;
    }

    .question-mark-icon {
        font-size: 94px;
    }

    .ul-section-filter {
        font-size: 15px;
    }
}

@media (max-width: 964px) and (min-width: 771px) {
    /*#div_info_prod_sol .col-md-5 {*/
    /*    width: 100% !important;*/
    /*    flex: none;*/
    /*}*/
    /*.tc_info_prod {*/
    /*    width: 100%;*/
    /*}*/
    /*Estilos de Detalle de producto*/
    .slick-list.draggable {
        width: 250px;
        height: 250px;
    }

    #pr_item_gallery {
        overflow: hidden;
        height: 80px;
        margin-top: 10px;
    }

    .product_gallery_item.slick-slider .slick-slide {
        margin-right: 5px !important;
        margin-left: 8px !important;
        width: 70px !important;
    }

    .pr_detail .pr_desc p {
        margin-bottom: 1px;
        text-align: left;
        font-size: 15px;
        line-height: 24px;
    }

    .quantity .minus, .quantity .plus {
        width: 30px;
        height: 31px;
        line-height: 32px;
    }

    .quantity .qty {
        width: 31px;
        height: 31px;
    }

    .btn.tc_btn_disabled_light.add-product {
        width: 100%;
        font-size: 11px;
        padding-left: 20px;
        padding-right: 20px;
        height: 44px;
        padding-top: 7px;
    }

    .product_title a {
        color: black;
        font-weight: bold;
        margin-bottom: 30px !important;
        height: 21px;
        display: inline-block;
        font-size: 20px;
    }

    .col-md-10.gallery {
        max-width: 100%;
    }

    .width-day-input {
        display: flex;
        width: 162px;
        height: 35px;
        padding: 11.5px 15px;
        flex-direction: column;
        align-items: flex-start;
        flex-shrink: 0;
        border-radius: 5px;
        border: 1px solid #DEE2E6;
        background: #FFF;
    }

    .select-day {
        width: 80px;
        height: 40px;
        padding: 9px 8px;
        border-radius: 5px;
        border: 1px solid #CED4DA;
        background: #FFF;
        display: flex;
        justify-content: center;
    }

    .typography-preferences-text {
        color: #404450;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

    .typography-preferences {
        color: #000;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
}

@media (min-width: 781px) and (max-width: 991px) {
    .modal-dialog {
        max-width: 740px;
    }

    .width-return-guide {
        max-width: 62% !important;
    }
}

@media (min-width: 781px) and (max-width: 870px) {
    .width-return-guide {
        max-width: 62% !important;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    .bordered-sale-product {
        padding: 16px 50px !important;
        width: 700px !important;
    }

    .spacing-list {
        gap: 4px;
    }

    .renegotiation-offers {
        font-size: 15px;
    }

    .message-start {
        font-size: 15px;
    }

    .title-product {
        font-size: 11px;
    }

    .value-pay {
        font-size: 11px;
    }

    .list-product {
        font-size: 13px;
    }

    .button-negotiate {
        font-size: 13px;
    }

    .button-pay {
        font-size: 14px;
    }

    .button-no-negotiate {
        font-size: 13px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .width-img-product {
        width: 30%;
    }

    .width-info-product {
        width: 70%;
    }

    .width-car-buy {
        width: 70%;
        display: flex;
        flex-direction: column;
        margin: auto;
        justify-content: center;
    }

    .size-text-card {
        font-size: 16px;
        text-align: left;
    }

    .btn-agg {
        font-size: 12px;
        padding: 6px 2px;
    }

    .padding-cards {
        padding: 5px;
    }

    .prices-card {
        font-size: 14px;
    }
}

@media (min-width: 768px) and (max-width: 849px) {
    .height-card-body {
        height: 170px;
    }
}

@media (min-width: 799px) and (max-width: 849px) {
    .margin-card-body {
        margin-top: 12px;
    }
}

@media only screen and (min-width: 770px) {
    .card-container-buy {
        padding-inline: 20px;
    }
}

@media (min-width: 771px) and (max-width: 991px) {
    .filterss {
        display: none;
    }
}

@media (min-width: 992px) {
    .filter-movil {
        display: none !important;
    }
}

@media (min-width: 771px) {
    .start-index {
        display: none !important;
    }
}

@media (min-width: 871px) and (max-width: 969px) {
    .width-return-guide {
        max-width: 58% !important;
    }
}