/* ✅ Imágenes fluidas; que el contenedor decida la proporción */
.v-progressive-image,
.bg-img {
  width: 100%;
  height: auto !important;
  object-fit: cover;
  display: block;
}

@media only screen and (max-width: 991px) {
  .swiper-button {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;

    /* 🔴 Quitar estas dos líneas */
    /* transform: rotate(180deg);
       transform-origin: center; */
  }

  .swiper-button .swiper-next,
  .swiper-button .swiper-prev {
    position: relative;
    inset: 0;
    border: 1px solid #404040;
    /* transform: unset;  // puedes dejarlo así */
  }
}

@media (min-width: 768px) and (max-width: 1024px) {

    .oferta-img img {
        width: 100%;
    }

    .v-progressive-image {
        height: auto !important;
    }

    .contact-section .replay-form {

        padding: 30px;

    }

    .user-dashboard .sticky {
        top: 24px;
    }

    .user-dashboard .sticky {
        position: relative;
        top: 24px;
        left: 20px;

    }

    .progress-step {
        border-radius: 25px;
        padding: 10px 7px;
        font-size: 13px;
        font-weight: bold;
    }

    .slider-ofertas {
        width: 60%;
    }

    input.search__input {
        width: 100%;
    }

    h1 {
        font-size: 30px;

    }

    form.search {
        width: 185px;
    }


    .suggestion {
        position: absolute;
        top: 60px;
        opacity: 0;
        visibility: hidden;
        left: 0px;
        right: 0px;
    }

    .brands-product h3 {
        font-size: 26px;
    }

    .brands-product p {
        font-size: 16px;
    }

    .brand-item {
        width: 100%;

    }

    .search-box.reverse .search {
        position: absolute;
        right: 35px;
        font-size: 21px;
        top: 57%;
        left: unset;
    }

} /* end (min-width: 768px) and (max-width: 1024px)*/

@media (min-width: 0px) and (max-width: 767px) {

        .servicios-title {
            font-size: 40px !important;
        }

        .servicios-sub {
            font-size: 15px;
            padding: 0px 20px;
        }

        .card-special {
            min-height: 180px;
            padding: 30px 20px 30px 20px;
        }

        .card-special h2 {
            font-size: 28px;
            min-height: auto;
        }

        .card-special p {;
            font-size: 13px;
        }

        .clientes-title {
            padding-bottom: 10px;
            font-size: 30px !important;
        }

        .clientes-sub {
            font-size: 15px;
        }
        
        .clientes-imagebox {
            padding: 20px;
        }
        
        .clientes-image {
            border-radius: 15px;
            margin-bottom: 30px;
        }

        .product-thumbs-wrap {
            margin-top: 0;
        }

        .product-page .view-product .product-detail-box {
            padding: 0px 5px 10px 5px;
        }

        .banner3 .heading-box h1 {
            font-size: 18px;
        }

        .banner3 {
            height: 65px;
        }

        .banner-sale{
            height: 60px;
        }
        .banner-sale .heading-box h1 {
            font-size: 20px;
        }
        
        body {
            overflow-x: hidden !important;
            padding-left: 0;
            padding-right: 0;
            margin: 0;
        }

        .gm-style .place-card-medium {
            display: none!important;
        }

        .gmnoprint {
            display: none!important;
        }

        .gm-inset-light {

            display: none!important;
        }

        div#modalDeletePc .modal-content {
            background: #fff;
            height: 50vh;
        }

        div#modalDeletePc .modal-dialog.modal-dialog-centered .modal-header {
            justify-content: end;
            color: #000;
            margin-right: 14px;
            margin-top: 7px;
        }

        .btn-box {
            display: flex;
            justify-content: center;
        }

        .float{
            width:55px;
            height:55px;
            bottom:78px;
            right:10px;
        }

        .my-float{
            margin-top:12px;
            height: 32px;
        }

        .col-12.d-flex.my-3 button.btn.btn-light.btn-sm.mx-2 {
            font-size: 13px;
        }

        div#modalDeletePc .modal-body h5 {
            font-size: 15px;
        }

        .collapcheckout {
            padding: 7px 18px;
            font-size: 14px;
            border-radius: 10px;
        }
        p.alert-valido {
            margin-bottom: 15px;
            font-weight: normal;
        }
        .collapcheckout::after {
            font-size: 15px;
        }

        .horario-atencion {
            flex-direction: column;
        }

        section.tracking-order h2 {
            text-align: center;
            font-size: 20px;
        }

        .des-suc h3 {

            font-size: 15px;
        }

        .tracking-date img {
            width: 50px;
            margin-top: -10px;
            height: 45px;
            object-fit: contain;
        }
        .alert.alert-info.alert-with-icon p {

            font-size: 13px;
        }
        section.tracking-order p {
            text-align: center;
            font-size: 14px;
            margin-top: 10px;
            padding-bottom: 10px;
        }

        .title-box4 {
            margin-top: 20px;
        }
        section.videos .row.justify-content-center .col-3 {
            flex-wrap: wrap;
            width: 100%;
        
        }

        .footer-document .sub-footer {
            padding: 30px 0;
        }
        .product-page .review-section .review-left .question-wrap .comment-box .avatar-content p {
            text-align: left;
        }

        .review-section .comment-box .avatar-content .name-box .user-info h5 {
            font-size: 13px;
        }

        .comment-box .avatar-content .name-box .user-info span {
        
            font-size: 12px;
        }
        .comment-box .avatar-content .name-box .user-info h5 svg, .comment-box .avatar-content .name-box .user-info span svg {
            width: 12px;
            height: 16px;
        }
        figure.image-2 img {
            width: 100%;
            height: auto;
            object-fit: cover;
            border-radius: 10px;
        }

        .footer-document .copy-footer p {
            text-align: center;
        }

        .box-oferta-condiciones {
            display: flex;
            flex-direction: column;
            padding: 15px;
        }

        section.info-condiciones.ofertas .box-condiciones{
            width: auto;
        }

        .list-pc .cart-table td {
            padding: 0px;
            text-align: inherit;
        }

        .btn-green {
            font-size: 14px;
        }

        .list-section.view-option.row.g-3.g-xl-4.ratio_asos {
            width: 300px;
        }

        .list-pc td button.btn.btn-primary.btn-sm {

            font-size: 12px;
        }

        .list-pc td span {
            font-size: 15px;
        }

        .list-pc  .cart-table thead tr th {
            padding: 15px;
            text-align: inherit;
        }

        

        .about-section .image-column .inner-column:before {
            position: absolute;
            left: 0;
            top: 65px;
            height: auto;
            width: 100%;
        }

        figure.image-2 {
            display: none;
        }

        .tag-pc span {
            width: max-content;
        }

        .nav .col-6 .product-card-side {
            display: block;
            text-align: center;
        }

        .modal-footer-action{
            display:flow;
        }

        .d-flex-this {
            overflow-x: scroll;
        }
        .sidenav.right{
            width: 100%;
        }

        .about-section .sec-title {
            margin-bottom: 20px;
        }

        .about-section .text {
            font-size: 14px;
        }

        .sec-title h2 {
            font-size: 22px;
        }

        .final-list button {
            font-size: 13px;
            font-weight: bold;
        }

        .pc-builder-header button.btn.btn-dark.btn-sm {
            grid-row: 1 / 2;
            margin-bottom: 20px;
            margin-left: 0;
            font-size: 15px;
            width: max-content;
        }

        .sidenav .nav .row-line .fa-home {
            width: 30%;
        }

        .col-2.fa.fa-home p {
            font-size: 14px;
            text-align: center;
        }

        .modal-footer-saving span {
            font-size: 15px;
        }

        button.btn.btn-primary.btn-sm {
            padding: 10px 10px;
        }

        .col-6.body .product-card-side .content-box h5 {
            font-size: 15px;
        }

        .nav-padding div .justify-content-between {

            justify-content:center!important;
        }

        .col-6.body .product-card-side .content-box p {
            margin-top: 12px;
        }

        .sidenav .body {
            width: 35%;
        }

        .pc-builder-th {
            column-gap: 30px;
        }

        .scroll-info-list {
            overflow-x: hidden;
        }

        .col-2.body.text-dark.text-center {
            width: 42%;
        }

        .col-6.body {
            width: 100%;
        }

        .nav .row.align-items-center.row-line.justify-content-between .col-2.fa.fa-home {
            width: 100%;
            justify-content: flex-start;
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }
        .nav .row.align-items-center.row-line.justify-content-between .col-2.fa.fa-home p {
            margin-bottom: 0px!important;
            margin-left: 5px;
        }
        .modal-footer-pc {
            justify-content: center;
        }

        .col-2.body.text-dark.text-center div div {
            font-size: 15px;
            align-items: center;
        }

        button.btn.btn-primary.btn-sm {

            font-size: 13px;
        }
        .pc-builder-td {
            font-size: 14px;
        }

        .font-default2 {
            font-size: 13px !important;
        }

        .items-list table thead {
            background: none;
        }

        .pc-builder-header .justify-content-center {
            -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
            justify-content: center !important;
            grid-row: 1 / 2;
            width: max-content;
        }

        .tag-pc span a svg {
            width: 15px;
        }

        .row.action-price-list {
            display: grid;
            grid-template-columns: 2fr 1fr;
            display: inline-grid;
            width: 100%;
        }

        .pc-builder-name-text p {
            font-size: 15px;
        }

        .tag-pc span a {
            font-size: 14px;
        }

        .pc-builder-name strong {
            font-size: 15px;
        }

        .pc-builder-header input.lista-input {
            font-size: 13px;
            grid-row: 2 / 3;
        }

        .sidenav .nav {
            height: auto!important;
            max-height: inherit!important;
        }


        section.info-condiciones.ofertas .box-condiciones{
            margin-top: 15px;
            margin-left: 0;
            padding: 30px;
            height: auto;
            display: block;
        }

        .box-oferta-condiciones .box-condiciones h2 {
            font-size: 20px;
        }

        section.info-condiciones.ofertas .box-condiciones ul li {
            font-size: 13px!important;

        }

        .img-mascota-oferta img {
            width: 100%!important;
            height: auto;
        }

        .pc-builder-name-text {
            flex-wrap: wrap;
            row-gap: 10px;
        }

        .arrow-sidebar img {
            width: 35px;
        }

        .pc-builder-header {
            display: flex;
            flex-wrap: wrap;
        }
        .items-result-list p {
            font-size: 15px;
            margin-bottom: 10px;
            margin-top: 10px;
        }

        .sidenav .nav .row-line p {
            margin-bottom: 10px!important;
        }

        .pc-builder-header button.btn-line {
            font-size: 13px;
            grid-row: 2 / 3;
            justify-content: center;
        }

        .about-section .content-column .inner-column {
            padding-left: 0;
        }

        .about-section .image-column .inner-column {
            padding-left: 0;
            padding-bottom: 0;
        }

        .about-section .text {
            margin-bottom: 0;
        
        }

        .about-section {
            padding: 50px 20px 70px;
        }
        .add-info {
            display: block !important;
        }

        

        .offcanvas:not(.offcanvas-end):not(.offcanvas-bottom){
            z-index: 99999;
        }

        .btn-group>.btn:not(:last-child):not(.dropdown-toggle), .btn-group>.btn-group:not(:last-child)>.btn{
            font-size: 13px;
        }

        div#fixedDiv .searchBar {
            top: 7px!important;
        }

        div#fixedDiv .box-search {
            height: 58px!important;
        }

        div#tab-content1 img {
            width: 100%;
        }

        .item-sugerencia{
            margin-bottom: 3px;
        }

        .flex-cuota div img {
            width: auto!important;
        }

        .flex-cuota {
            display: grid;
            row-gap: 20px;
        }

        .shop-page .shop-product .top-header-wrap {
  
            padding-top: 48px;
        }

        .box-condiciones {
            font-size: 13px;
            padding: 35px 15px 15px 15px;
            width: 90%;
            margin-bottom: 10px;
    
        }

        .product-feedback {
            display: flex;
            align-items: center;
            justify-content: space-around;
            font-size: 10.8px;
        }

        .product-buyagain {

            font-size: 10.8px;
            display: flex;
            align-items: center;
            justify-content: space-around;
        }
        [class="dark"] .user-dashboard .tab-wrap .right-content .order-summery-wrap .banner-box .media .media-body span {
        font-size: 15px;
        }

        .user-dashboard .tab-wrap .right-content .title-box3 h3 {
            font-size: 13px;

        }

        section.info-condiciones.ofertas {
            padding-bottom: 10px;

        }
        .box-condiciones img {
            width: 100%;
        }

        .container-custom {
            max-width: 100%;
            padding: 15px;
        }

        .shop-product .cart-table tbody tr th:first-of-type, .cart-table tbody tr td:first-of-type, .cart-table thead tr th:first-of-type, .cart-table thead tr td:first-of-type {
            max-width: 100%;
        }

        .cart-title {
            font-size: 15px;
        }

        .swiper-box2{
            display: block;
        }

        .catagories-style-3 .catagories-box h4 {
            font-weight: 600;
            font-size: 15px;
        }

        .catagories-style-3 .catagories-box img {
            width: 100px;
            height: 100px;
            object-fit: contain;
        }

        .catagories-style-3 .catagories-box {
            margin-bottom: 25px;
        }

        .img-mascota-box img {
            width: 85px!important;
        }
        .box-condiciones p {
            font-size: 13px;
            line-height: 1.3em;
        }

        .credit-card-box .card-holder, .credit-card-box .card-expiration-date{
            font-size: 18px;
        }

        .tab-menu li a img {
            width: 15px;
            height: 15px;
        }

        .flex-cuota {
            display: grid;
            row-gap: 20px;
        }

        .font-default {
            font-size: 12px !important;
        }

        p.d-block.d-sm-none {
            text-align: center;
            color: #1f1f1f;
        }

        .flex-scroll {
            display: flex;
            overflow-y: hidden !important;
            padding-top: 0px !important;
        }

        .menu-scroll::-webkit-scrollbar {
            width: 8px;
        }
        .menu-scroll::-webkit-scrollbar-thumb {
            background-color: #fff;
            border-radius: 4px;
        }

        .sidenav-short {
            width: 100px!important;
        }
        .flex-cuenta label li {
            font-weight: 600;
            font-size: 14px;
        }
        input[type="file"] {
            width: 100%;
        }

        .img-mascota-oferta {
            position: inherit;
            left: 0px;
            box-shadow: 4px 13px 30px 1px rgb(59 115 241 / 6%);
            border-radius: 20px;
        }

        .tracking-item .tracking-content {
            padding: 0px 0px 15px 0px;
            border-radius: 0.5rem;
       
        }

        .container.py-5.tracking h2 {
   
            font-size: 18px;
        }

        .cart-table td .product-detail .details .sold-by {
            display: flex;
            flex-wrap: wrap;
            column-gap: 5px;
        }

        .header-common .top-header {
            background: #060d1d;
            background-size: 200% !important;
            background-position: center center;
            padding: 11px !important;
            background-repeat: no-repeat;
        }

        .header-common .top-header .marquee {

            width: 100%;
        }
         .header-common .top-header .marquee span {
            font-size: 14px !important;
        }

        .cart-table td .product-detail .details br {
            display: none;
        }

        span.size.gap-2.d-flex.d-sm-none span {
            color: #3b73f1!important;
            font-weight: bold;
        }

        .coupon-box p.content-color.font-md.mb-0 {

            font-size: 13px!important;
        }

        section.home-slider-common.ratio_40.p-0 {
            padding-bottom: 10px !important;
        }

        .tracking-item {
            display: grid;
            align-items: center;
            column-gap: 10px;
            padding: 15px 20px 5px 20px;
            grid-template-columns: 1fr 3fr;
    
        }

        .tracking-item-pending {
            display: grid;
            align-items: center;
            column-gap: 10px;
            padding: 15px 20px 5px 20px;
            grid-template-columns: 1fr 3fr;
    
        }

        .tracking-item-pending:last-child {
            padding-bottom: 0rem;
        }

        .tracking-item-pending .tracking-content {
            font-weight: 600;
            font-size: 13px;
            padding: 0px 0px 15px 0px;
            border-radius: 0.5rem;
        }

        .comparemodal-body .table tr td:first-child {
            min-width: 50px;
            font-weight: 600;
            text-transform: initial;
        }


        .product-details a {
            width: fit-content!important;
        }

        .compare-image {
            height: 115px !important;
            width: 115px !important;
            min-width: 115px;
        }

        .comparemodal-body .table tr td {
            padding: 10px;
            max-width: 135px !important;
            width: 0;
        }
        .mapa-tracking .google-map {
            height: 400px!important;
        }

        .tracking-item:last-child {
            padding-bottom: 0rem;
        }

        .tracking-item-pending .tracking-content {
            font-weight: 600;
            font-size: 13px;
        }

        .tracking-item-pending:last-child {
            display: grid;
            align-items: center;
            column-gap: 10px;
            padding: 15px 20px 5px 20px;
            grid-template-columns: 1fr 3fr;
        }

        .tracking-item .tracking-content {
            font-weight: 600;
            font-size: 13px;
        }

        .blue-option {

            font-size: 13px;
        }

        #tracking {
            margin-bottom: 20px;
            margin-top: 0px;
        }

        .nav.bg-success img {
            width: 30px;
        }

        .nav p{
            font-size: 8px;
        }

        .contentbar .aux {
            position: sticky!important;
            top: 0px;
        }

        .item-categ a {
            font-size: 12px;
        }

        .footer-document .main-footer .content-box .logo {
            height: auto;
            width: 375px;
        }

        

        .footer-document  {
            padding-left: 15px;
            padding-right: 15px;
        }

        .not-found-list img {
            max-width:300px;
        }

        .carousel__prev {
            left: -30px !important;
            top: 85px !important;
        }

        .carousel__next {
            right: -30px !important;
            top: 85px !important;
        }
        .product-gallery-vertical .product-single-swiper {
            max-width: 100% !important;
            margin-bottom: 10px;
        }
        

        .accordion-item {
            border-bottom: none !important;
        }
        .accordion-item {
            border: none;
        }

       /* ✅ Helpers de proporción */
.ratio-21x9 { aspect-ratio: 21/9; overflow: hidden; }
.ratio-16x9 { aspect-ratio: 16/9; overflow: hidden; }
.ratio-4x3  { aspect-ratio: 4/3;  overflow: hidden; }
.ratio-1x1  { aspect-ratio: 1/1;  overflow: hidden; }
.ratio-4x5  { aspect-ratio: 4/5;  overflow: hidden; }

/* Garantiza que imágenes llenen el contenedor */
.ratio-21x9 > img,
.ratio-16x9 > img,
.ratio-4x3  > img,
.ratio-1x1  > img,
.ratio-4x5  > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

        
        .accordion-header {
            padding: 10px 15px 5px 15px;
            font-size: 17px;
            text-transform: uppercase;
            font-weight: 700;
            color: #dee2e6;
            cursor: pointer;
            background-color: #3068e7;
            border-radius: 5px;
            margin-bottom: 5px;
        }
        .accordion-content, .accordion-subcontent {
            padding: 0px 10px 10px 25px;
        }
        .accordion-subheader {
            padding: 4px 0px 7px 0px;
            color: #dee2e6;
            cursor: pointer;
            font-weight: 700;
            font-size: 17px;
        }
        .accordion-content ul li, .accordion-subcontent ul li {
            padding: 7px 0px;
            margin-bottom: 0px;
            font-size: 16px;
        }

        .accordion-content ul li, .accordion-subcontent ul li :before {
            content: "• ";
        }

        

        .page-body .content-box {
            padding:20px!important;
        }

        .page-body .content-box p {

            font-size: 12px;
        }

        .page-body .content-box .forgot-link {
            margin-top: 20px;
            font-size: 12px;
  
        }

        .page-body .content-box button {
            font-size: 16px;
        }

        .sidebar-inner .catagories-side li a .notification {
    
            width: 30%;

        }

        .filter-content {
            height: 200px;
            padding: 15px;
            border-radius: 3px;
        }
        
        .titlle-brand h5 a {
            font-size: 15px;
        }
        
        .brand-img img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        .mask-brand {
           padding: 15px;
           row-gap: 20px;
        }
        
        button.see-more {
            font-size: 13px;
        }
        
        button.see-more::after {
            width: 77px;
        }
        
        button.see-more::after {
            width: 77px;
        }
        
        .mobile-menu-footer ul li a img{
            width: 22px;
        }
        .btn-special {
            border-style: solid!important;
            padding: 8px 8px!important;
            font-size: 16px!important;
            border-width: 2px!important;
            border-radius: 5px!important;
            color: #fff!important;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.1)));
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%)!important;
            border: 1px solid #f0f0f0!important;
        }

        @media only screen and (min-width: 576px) {
            .modal .modal-dialog {
                max-width: 90%;
            }

            
        }

    

        .buscador button .search__input-wrapper {
            color: #ffff;
            width: 100%;
        }

        .modal .modal-dialog.modal-dialog-centered {
            min-height: 0;
            padding: 0;
        }
        
        .buscador button .search__input-wrapper input.search__input {
            width: 250px;
            background: #fff;
            border: 1px solid #f0f0f0;
        }
        .catagories-section .catagories {
            width: 100%;
            padding: 0px 5px;
        }

        .catagories-section .catagories a .img-wrap img{
            width: 68px;
        }

        .subtitle {
          font-size: 14px;
        }

      .marca-slider .swiper-slide img {
  object-fit: contain;
  width: 100%;
  height: 220px; /* puedes ajustar */
}


        .home-slider-common .bg-size::before {
            height: 450px !important;
        }
        .swiper-slide .bg-size {
            background-size: cover !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
            display: block !important
        }

        .shop-page .swiper-button {
            /*margin-top: -100px;
            justify-content: space-between;
            margin-bottom: 70px;
            display: none;*/
        }

        .shop-page .catagories-section .swiper-button {
            display: none;
        }

        .shop-page .catagories-shop>a .img-wrap {
            margin-bottom: 10px;
        }

        .shop-page .swiper-box .swiper {
            padding: 0px 0px 10px 0px;

        }

        .shop-page .catagories-shop>span .btn-box .catagories-name {
            padding: 8px 0px 0px 0px;
            font-size: 14px;
            line-height: 1em;
        }

        .recomendados-carrusel {
            padding-top: 20px;
            padding-bottom: 30px;
        }
        .nuevos-carrusel a{
            padding: 8px 15px;
            line-height: 1.1;
            border-radius: 5px;
            font-size: 12px;
        }

        .hot-carrusel {
            padding-top: 20px;
            padding-bottom: 30px;
        }
        .hot-carrusel a{
            padding: 8px 15px;
            line-height: 1.1;
            border-radius:5px;
            font-size: 12px;
        }

        .marcas-carrusel {
            padding-top: 20px;
            padding-bottom: 0px;
        }
        .marcas-carrusel a{
            padding: 8px 15px;
            line-height: 1.1;
            border-radius:5px;
            font-size: 12px;
        }

        .nuevos-carrusel {
            padding-top: 20px;
            padding-bottom:30px;
            margin-top:0px;
        }

        .nuevos-carrusel a{
            padding: 8px 15px;
            line-height: 1.1;
            border-radius:5px;
            font-size: 12px;
        }

        .recomendados-carrusel a {
            padding: 8px 15px;
            line-height: 1.1;
            border-radius:5px;
            font-size: 12px;
        }

        .marcas-carrusel .title-box .see-all a {
            padding: 8px 15px;
            line-height: 1.1;
            border-radius:5px;
            font-size: 12px;
        }



        td img

        .progress-step img {
            width: 25px;
        }

        .carousel__next, .carousel__prev {
            margin: 0 30px !important;
            transform: translateY(30%) !important;
        }

        .comparemodal-body .table {
            display: block !important;
        }

        .comparemodal-body .table thead th {
            font-size: 13px;
        }

        section.section-b-space.card-page {
            padding-top: 30px;
            padding-bottom: 100px;
            padding-left: 20px;
            padding-right: 20px;
        }

        .comparemodal-body .product-box .product-title h6 {
            font-weight: 600;
            font-size: 10px;
            margin-bottom: 6px;
        }
        .comparemodal-body .product-box .product-details span, .comparemodal-body .product-box .product-details del {
            font-size: 13px;
        }

        span.font-light.ms-2 {
            display: none;
        }

        .comparemodal-body .product-box .product-details p {
            font-size: 9px;
            line-height: 1.1;
        }

        .view-option.brand-logos {
            display: grid;
            justify-content: space-around;
            grid-template-columns: 1fr 1fr;
            row-gap: 14px;
            column-gap: 12px!important;
        }

        

        .view-option.brand-logos {
            display: grid;
            justify-content: space-around;
            grid-template-columns: 1fr 1fr;
        }

        h5.cart-title svg {
            width: 15px;
        }

        ol.breadcrumb li a {
            height: auto;
        }

        .brands-fav {
            display: block !important;
        }
        .results-p {
            padding-top: 0px;
            padding-bottom: 15px;
            text-align: center;
        }

        .shop-page .shop-product .top-header-wrap {
            margin-bottom: 5px;
            margin-top: 0px;
        }

        a.title-sub {
            font-size: 15px !important;
        }

        .shop-page .catagories-shop>a .btn-box .catagories-name {
            font-weight: 500;
        }

        .box-mode{
            border: none;
            column-gap: 8px;
            margin-right: 0px;
            margin-left: 0px;
        }

        .header-common .nav-wrap .navigation .logo-link {
            padding: 0px 15px 0px 0px;
        }

        .header-common .nav-wrap .navigation .logo{
            height: 60px;
            -webkit-height: 60px;
            -webkit-object-fit: contain;
            object-fit: contain;
            width: auto;
        
        }

        .header-common .nav-wrap {
            padding: 15px 15px 0px 15px;
        }

        .swiper-button-next, .swiper-rtl .swiper-button-prev {
            z-index: 1;
        }

        .swiper-button-prev, .swiper-rtl .swiper-button-next{
            z-index: 1;
        }


        .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
            bottom: -25px;
            z-index: 1;
        }

        .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
      
            font-size: 20px;
        }

        .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
            font-size: 20px;
        }

    
        .view-product .modal-dialog .modal-content .modal-body{
            overflow-x: hidden;
            padding: 20px;
        }

        .view-product .modal-dialog .modal-content {
            /*height: calc(100vh - 24px);*/
            border-radius: 10px 10px 10px 10px;
        }

        .view-product .modal-dialog .modal-content .modal-body {
            max-height: 100%;
            overflow-y: scroll;
            /*padding: 15px;*/
        }
    
        .view-product .modal-dialog .modal-content .modal-body .slider-box .close-modal {
            position: absolute;
            inset: unset;
            right: calc(10px + (20 - 10) * ((100vw - 320px) / (767 - 320)));
            top: calc(16px + (20 - 16) * ((100vw - 320px) / (767 - 320)));
            z-index: 4;
            padding: calc(3px + (5 - 3) * ((100vw - 320px) / (767 - 320)));
            background-color: #c5c5c5;
        }
    
        .view-product .modal-dialog .modal-content .modal-body .slider-box .close-modal svg {
            stroke: #f0f0f0;
        }
    
        .view-product .modal-dialog .modal-content .modal-body .product-detail-box {
            padding: 0;
        }

        .view-product .modal-dialog .close-modal {
            /*position: relative;
            inset: 0;*/
            border-radius: 100px;
        }
    
        .view-product .modal-dialog .close-modal svg {
            stroke: #a9a9a9;
            width: calc(18px + (32 - 18) * ((100vw - 320px) / (1920 - 320)));
            height: calc(18px + (32 - 18) * ((100vw - 320px) / (1920 - 320)));
        }

        span.close-modal.d-none.d-md-block {
            padding: 20px 40px;
        }
      

        p.text-rating {
            width: 100%;
            margin: 0 auto;
            padding-bottom: 20px;
        }

        .rating li svg {
            width: 15px !important;
            height: 15px !important;
        }

        .banner div a {
            height: 50vh;
        }

        .historial {
            position: absolute;
            height: auto;
        }

        section.cross-selling .container-lg .title-box4 h4 {
            padding-top: 20px;
        }

        .btn-solid.btn-sm, .btn-sm.btn-outline, .btn-sm.btn-special {

            padding: calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320))) calc(18px + (50 - 18) * ((100vw - 320px) / (1920 - 320)))!important;
            width: 100%;
            justify-content: center;
        }

        section.user-dashboard {
            padding-top: 10px;
            padding-bottom: 50px;
        }

        .user-dashboard .tab-wrap .right-content .order-content .order-info .rating-box {
            display: grid;
        }

        .title-box .unique-heading {
            font-size: 20px;       
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .title-box {
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .oferta .title-oferta {
            font-size: 25px;
        }

        .not-found p {
            font-size: 13px;
        }

        .banner4 {
            display: flex;
            padding: 14px 14px 30px 14px !important;
            align-items: flex-end;
        }

        .logo-brand a img {
            width: 90px !important;
            height: 39px !important;
            object-fit: contain;
            background: #1d233d;
            border-radius: 10px;
            padding: 0px 10px;
        }
        .suggestion__content {
            padding: 0px;
        }
        .suggestion__content-left-side {
            overflow: auto;
            overflow-y: auto;
    
            width: 100%;
            display: flex;
            flex-wrap: nowrap;
            flex-direction: row;
            margin-left: 0;
            padding-left: 0;
            column-gap: 14px;
        }

        span.close-modal {
            display: flex;
            justify-content: flex-start!important;
        }

        span.close-modal img {
            width: 25px;
        }

        .suggestion__content-left-side li {
            padding: 10px 7px;
            column-gap: 20px;
            display: flex;
            border-radius: 10px;
            margin-bottom: 9px;
            width: fit-content;
            font-size: 13px;
        }

        .suggestion__content-left-side li a {
            width: max-content;
        }

        .product-cart.media {
            margin-bottom: 10px;
        }

        .historial h5 {
            margin-top: 5px;
            margin-bottom: 5px;
            font-size: 13px;
        }

        .historial ul li a {

            margin-bottom: 7px;
            padding: 7px 12px 7px 3px;
            font-size: 14px;
        }

        .suggestion__content-right-side .product-cart.media img {
            width: 100px;
            border-radius: 15px 0px 0px 15px;
            height: 100px;
            object-fit: cover;
        }

        .suggestion__content .sugerencias h5 {
            padding-bottom: 5px;
        }
        .sugerencias h5 {
            font-size: 13px;
            margin-bottom: 5px;
        }

        .suggestion__content-right-side .media .media-body {
            padding: 0px 15px 15px 15px;
        }

        .all-products a {
            display: inline;
        }

        #res{
            overflow-x: hidden;
            border: none;
            box-shadow: none;
            width: -webkit-fill-available;
            height:inherit;
        }

        input.searchBarInput:focus {
            outline: none;
        }

        .suggestion__content-left-side ul {
            display: flex;
            flex-wrap: nowrap;
            flex-direction: row;

          
        }

        .suggestion__content {
            box-shadow: none;
     
            overflow-x: hidden;
           overflow-y: auto;
        }

        .shop-page .shop-product .top-header-wrap {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            gap: 15px;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            width: 100%;
            padding-top: 5px;
        }    

        .breadcrumb-wrap .banner .breadcrumb-box { 
            gap: calc(5px + (5 - 10) * ((100vw - 320px) / (1920 - 320)));
         }


        .suggestion__content .suggestion__content-right-side, .suggestion__content .suggestion__content-left-side {
            padding: 0em;
            padding-bottom: 0px;
            height: 100%;
        }

        .suggestion__content-right-side {
            overflow: hidden !important;
        }

        .sugerencias .suggestion__content-left-side {
            height: auto!important;
        }

        .suggestion__content-right-side .product-cart {
            display: flex!important;
            flex-direction: inherit;
            margin-top: 0px;
            width: 100%;
            border: 1px solid #dedede96;
            border-radius: 15px;
            gap: 0!important;
        }

        .suggestion__content-right-side    .product-cart  .media-body h6 {
            font-weight: 600;
            font-size: 13px;
        }

        .flex-sugerencia {
            margin-bottom: 0px;
            column-gap: 0px
        }

        .suggestion__content-right-side {
             height: auto;
        }

        .suggestion__content-left-side::-webkit-scrollbar {
            height: 7px;
        }

        .suggestion__content-left-side ul li a {
            display: flex;
            margin-bottom: 0px;
            padding: 9px 10px;
            font-size: 12px;
            border: 1px solid #dedede63;
        }

        .suggestion__content-left-side ul li {
            margin-right: 5px;
        
        }
       

        .credito-fiscal {
            width: 100%;
            font-size: 15px;
        }

        .envio-add ul li {
            display: block;
            font-size: 13px;
        }

        .search-box {
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            align-items: center;
            gap: 10px;
            position: relative;
            width: 100%;
        }

        .search-box h2{
            text-align: center;
            font-family: "Kanit",sans-serif;
            font-size: 20px;
        }

        .search-box.reverse {
            width: 100%;
        }

        .brands-left {

            margin-bottom: 10%;
        }

        .brands-product {
            display: block !important;
        }

        .brands-left {
            display: block !important;
            width: 100% !important;
        }

        .brands-left img {
            width: 100% !important;
        }

        .shop-page {
            padding: 15px 0px;
        }

        .brand-item {
            margin-bottom: 40px;
        }

        .order-summary {
            display: block !important;
        }

        .brands-product h3 {
            font-size: 20px;
            font-weight: bold;
            margin-top: 5%;
        }

        .brands-product p {
            font-size: 15px;

        }

        .brands-fav {

            margin-top: 30px;
        }

        .title-marca h3 {

            font-size: 20px;

        }

        .alert-info {
            margin-top: 10% !important;
        }

        .direccion {

            margin-bottom: 5% !important;
        }

        #thank-you-page {
            padding: 10px !important;
            max-width: revert;
        }

        .img-suc img {

            border-radius: 5px;
        }

        .iframe-sucursal iframe {

            border-radius: 5px;
        }

        .des-suc {
            padding: 20px;
        }



        .sucursales-flex1 {
            display: flex !important;
            text-align: center !important;
        }

        .progress-bar{
            padding: 10px 10px;
        }

        .progress-step {
            font-size: 13px !important;
            padding: 10px 8px;
            text-align: center;
            display: flex!important;
            justify-content: center;
            flex-direction: column;
        }

        .progress-step h6 {
            height: 30px;
            width: 30px;
            font-size: 15px;
        }

        .progress-step p {

            font-size: 14px;
        }

        .sucursales-flex1 label img {
            width: 70px;
        }

        .view-product .product-detail-box .product-option .btn-group {
            /*display: grid;
            grid-template-rows: 1fr 1fr 1fr;*/
        }

        .form-step.active {
            display: block;
            transform-origin: top;
            animation: animate .5s;
            padding: 5px;
        }

        .input-flex {
            display: block !important;
        }

        .title-form {
            margin-left: 0 !important;
        }

        h3.title-form {
            margin-left: 0 !important;
        }

        .btn-group {
            display: flex;
            justify-content: space-between;
            display: flex;
            justify-content: space-between;
            column-gap: 9px;
            flex-direction: initial;

        }

        .credit-card-box .front,
        .credit-card-box .back {
            width: 100%;
        }

        .credit-card-box {
            perspective: 1000;
            width: 100%;
            height: 280px;
        }

        .credit-card-box .number {

            font-size: 20px;
        }

        .input-1 input {

            display: none;
        }

        div#camposOpcion1 .input-flex input {
       display: block;
       margin-top: 0;
       width: 120px;
        }

        div#camposOpcion1   .input-flex {
            display: flex;
            flex-wrap: wrap;
            margin-top: 20px;
        }

        .details-flex {
            display: block !important;
        }

        .wish a img {
            width: 100%;
            height: 150px !important;
        }

        .heading-box3 h3 {
            font-size: 20px;

        }

        .cart-table {
            margin-top: 0px;
            margin-bottom: 10%;
        }

        .user-dashboard .tab-wrap .right-content .order-content .order-info {
            padding: 15px 0px;
        }

        .user-dashboard .tab-wrap .right-content .product-details .product-content h5 {
            font-size: 15px;

        }

        .user-dashboard .tab-wrap .right-content .cart-table thead tr th {
            padding: 7px 1px;
            font-size: 11px;
            text-align: center;
            line-height: 1em;
        }

        .icon-perfil {
            width: 24px !important;
            height: 24px !important;
        }
        button.btn.btn-secondary.btn-sm {
            margin-bottom: 3px;
            margin-top: 5px;
        }
        .cart-table tbody tr th:last-of-type, .cart-table tbody tr td:last-of-type, .cart-table thead tr th:last-of-type, .cart-table thead tr td:last-of-type {
            padding-right: 5px !important;
        }

        .form-checkout {
            padding-top: 20px;
        }

        .tab-menu{
            padding: 10px 10px;
        }

        .tab-menu li {
            display: flex !important;
   
            justify-content: center !important;
        }

        .pago-flex {
            display: block !important;
        }

        .resumen {
            width: 100% !important;
        }


        .bancos-flex label {
            column-gap: 20px !important;
            flex-direction: column;
            margin-top: 5%;
            margin-bottom: 6%;
            text-align: center;
        }

        .giro-flex {
            flex-direction: column;
        }

        .giro-flex input {
            width: 100%;
        }

        iframe {
            border: 0;
            width: 100% !important;
        }


        .gps-flex {
            flex-direction: column;
        }

        .box-paquete {
            display: block !important;
        }

        .product-card-side.product-side2 {
            width: 133px !important;
            margin-bottom: 5% !important;
        }

        .text-end.text-btn {
            text-align: center !important;
            display: flex !important;
            justify-content: center;
            flex-direction: column;
            margin-top: 5%;
            align-items: center;
        }

        .card-wrap {
            column-gap: 0 !important;
            align-items: center;
            flex-wrap: wrap;
            justify-content: space-around !important;
        }

        .card-wrap:nth-child(2)::after {
            content: '' !important;
            display: none !important;
        }

        .card-wrap>.product-card-side.product-side2:nth-child(2)::after {
            content: '' !important;
            display: none !important;
        }

        a.btn-solid.btn-sm.addtocart-btn {
            justify-content: center;
            display: flex;
            width: 75%;
        }

        .product-card.product-wishlist .mov-to-bag .btn{
            width: 100%;
        }

        .btn-solid.btn-sm,
        .btn-sm.btn-outline,
        .btn-sm.btn-special {
            text-align: center;
            font-size: 12px;
            line-height: 1.1;
            font-family: "Montserrat", sans-serif;
            font-weight: 600;
            padding: 5px;
        }

        .filter-btn {
            width: 100%;
            justify-content: center;
        }

        .view-product .slider-box .swiper {
            padding: 0px 0px 0px 0px;
        }

        .product-page .view-product .product-option .details-flex .upc {
            margin-bottom: 8px;
        }

        .status {
            align-items: center;
        }

        .texto-entrega p {
            font-size: 14px;
        }
        .product-page .view-product .title-box4 .heading {
            font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
            margin-bottom: 0;
            font-weight: 600;
            font-family: "Montserrat", sans-serif;
        }
        .product-page .view-product .product-option .option {
            
        }
        .share {
            padding: 0px 0px 20px 0px !important;
        }
        svg.feather.feather-repeat {
            height: 18px;
        }
        
        svg.feather.feather-heart {
            height: 18px;
        }
        
        .flex-buttons {
            margin-top: 0px;
        }

        .btn-solid.btn-sm, .btn-sm.btn-outline, .btn-sm.btn-special {
            font-size: 13px;
        }

        .icon-camion img {
            width: 30px;
        }

        .product-page .view-product .product-option .option.sale-details .timer {
            justify-content: center;
            margin-top: 0px;
        }
        .product-page .view-product .product-option .option.sale-details .timer li .time-value {
            font-size: 15px;
        }
        .product-page .view-product .timer li {
            min-width: 70px;
        }

        .timer li .timer-label {
   
            font-size: 12px;
  
        }


        .progress-step {
        display: block;
        }

        .progress-bar {
            width: 95%;
        }

     

        .form-step p {
            font-weight: 600;           
            font-size: 13px;
            margin-bottom: 0;
    
        }

        .form-step label {

            font-size: 14px;
            margin-top: 5%;
        }

        .btn{
            font-size: 13px;
        }


        .tab-menu li a {
            font-size: 14px;
            border-radius: 50px;
            padding: 10px;
            width: 100%;
        }
        #tab-menu2 li:last-child {
            margin-bottom: 0px;
        }
        #tab-menu2 {
            padding: 10px;
            border-radius: 35px;
        }

        .form {

            padding: 0.5rem;

        }

        .logo-center a img {
            width: 70% !important;
            padding: 20px 10px;
        }

        .copyright {

            text-align: center;
        }

        a.logo-link {
            text-align: center;
        }

        .item-nav img {
            margin: 0;
        }

        .product-page .view-product .breadcrumb li a {
            font-size: 9px;
        }


        .add-info {
            display: block !important;
        }

        .brands-fav {
            display: block !important;
        }

        .logo-brand a img {
            width: 90px !important;
            height: 39px !important;
            object-fit: contain;
            background: #1d233d;
            border-radius: 10px;
            padding: 0px 10px;
        }

        .footer-document .main-footer .content-box .heading-footer {
            font-weight: 600;
            font-size: 15px !important;
            line-height: 1.1em;
            color: #fff !important;
            margin-bottom: 10px;
        }

        .oferta-img {
            width: 100%;
            margin: 10px 0px;
            padding: 5px;
        }

        .banner4 {
            display: block !important;
            height: 412px;
            padding: 14px !important;
        }

        .shop-page .shop-product .top-header-wrap .select-options .select-menu {
            display: inline-flex;
            width: 100%;
        }

        .shop-page .shop-product .top-header-wrap .select-options .select-menu .select-dropdown {
            width: 50%;
        }

        .shop-page .shop-product .top-header-wrap .select-options .select-menu .select-dropdown.small-dropdown {
            width: 50%;
        }

        .shop-page .shop-product .top-header-wrap .select-options .select-menu .select-dropdown .onhover-show-div {
            margin-top: 0px;
        }

        .brands-left {

            margin-bottom: 10%;
        }

        .brands-product {
            display: block !important;
        }

        .brands-left {
            display: block !important;
            width: 100% !important;
        }

        .brands-left img {
            width: 100% !important;
        }

        .brand-item {
            margin-bottom: 40px;
        }

        .order-summary {
            display: block !important;
        }

        .alert-info {
            margin-top: 10% !important;
        }

        .direccion {

            margin-bottom: 5% !important;
        }

        #thank-you-page {
            padding: 20px !important;

        }

        .sucursales-flex1 {
            display: flex !important;
            text-align: center !important;
        }

        .shop-page .catagories-shop>a .btn-box {
            margin-bottom: 0px;
        }

        .oferta-img img {
            border-radius: 15px;
            width: 100% !important;
            height: 100% !important;
            object-fit: cover;
            margin-top: -20px;
        }



        .input-flex {
            display: block !important;
        }

        .title-form {
            margin-left: 0 !important;
        }

        h3.title-form {
            margin-left: 0 !important;
        }

        .order-summery-box p {
            font-size: 20px!important;
        }

        .form-pago {
            width: 100%;
        }

        p.d-block.d-sm-none {
            text-align: center;
        }

        .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
        .btn-group>.btn-group:not(:last-child)>.btn {

            padding: 10px 40px;
        }

        .details-flex {
            display: block !important;
        }


        .tab-menu li {
            display: flex !important;
      
            justify-content: center !important;
        }

        .pago-flex {
            display: block !important;
        }

        .resumen {
            width: 100% !important;
            margin-top: 40px;
        }

        .summery-wrap .order-summery li:last-child span {
            font-size: 15px;
        }


        .bancos-flex label {
            column-gap: 20px !important;
            flex-direction: column;
            margin-top: 5%;
            margin-bottom: 6%;
            text-align: center;
        }

        .giro-flex {
            flex-direction: column;
        }

        .giro-flex input {
            width: 100%;
        }

        iframe {
            border: 0;
            width: 100% !important;
        }


        .gps-flex {
            flex-direction: column;
        }

        .box-paquete {
            display: block !important;
        }

        .product-card-side.product-side2 {
            width: 133px !important;
            margin-bottom: 5% !important;
        }

        .text-end.text-btn {
            text-align: center !important;
            display: flex !important;
            justify-content: center;
            flex-direction: column;
            margin-top: 5%;
            align-items: center;
        }

        .card-wrap {
            column-gap: 0 !important;
            align-items: center;
            flex-wrap: wrap;
            justify-content: space-around !important;
        }

        .card-wrap:nth-child(2)::after {
            content: '' !important;
            display: none !important;
        }

        .card-wrap>.product-card-side.product-side2:nth-child(2)::after {
            content: '' !important;
            display: none !important;
        }

        .user-dashboard .sticky {
            position: relative;
            top: 21px;
        }

        a.btn-solid.btn-sm.addtocart-btn {
            text-align: center;
            justify-content: center;
            display: flex;
            width: 75%;
        }

        .decription-oferta.container {
            width: 100% !important;
            margin-top: 0 !important;
        }

        ol.breadcrumb {
            justify-content: center;
            text-align: center;
        }

        .col-lg-12.order-1.order-lg-4 .sidebar-box {
            height: auto;
        }

        .shop-page .shop-product .top-header-wrap .grid-option-wrap {

            display: block !important;
        }
        .cart-table thead tr th {
   
            border-bottom: transparent!important;
     
        }

        .product-page .review-section>.row>div {
            border-right: none;
        }
    
        .view-option {
            column-gap: 0 !important;
        }

        .back-shop2 {
            text-align: center;
            padding: 8px 15px;
            font-size: 12px;
            line-height: 1.1;
            border-radius: 5px;
        }
        .carousel {
            padding: 8px;
        }

        .oferta-img {
            width: 100% !important;
        }

        .sucursal-1 {
            display: block !important;

        }

        .arrow-label-wrap .arrow-label {
            line-height: 1.1;
        }

        .img-suc img {
            width: 100% !important;

        }

        .boxes-sucursales {
            padding: 15px !important;
            column-gap: 50px;
        }

        .img-suc {
            margin-bottom: 5%;
        }

        .iframe-sucursal {
            margin-top: 5%;
        }

        .ofertas-flex {
            /*display: block !important;*/
        }

        .swiper-slide.swiper-slide-active {
            /*margin-right: 5px !important;*/
            /*margin-left: 5px !important;*/
        }

        .slider-ofertas {
            width: 100% !important;
            padding: 0px;
        }
        .product-card .img-box .bg-size:before {
            padding-top: 106%;
        }

        .services-flex {
            display: block !important;
            padding: 20px 0px !important;
        }
        .service-section .service-box {
            padding: 0px;
        }

        
        .marca-item img {
            width: 95px;
            padding: 5px 10px;
            border-radius: 5px !important;
        }

        .view-product .slider-box .swiper {
            height: fit-content;
        }
        .logo-cert {
            width: 120px;
            padding-top: 0px;
        }

        .swiper-backface-hidden .swiper-slide {
             /* height: 300px;*/
        }

        .modal-body.view-product .swiper-slide.swiper-slide-visible.swiper-slide-active.swiper-slide-thumb-active {
            width: 120px!important;
        }

        .view-product .slider-box .thumbnail-box {
        
        padding: 0px 0px 0px 0px; 
        }

                .modal-img-height {
            height: 250px !important;
        }
        .details-flex p {
            font-size: 12px;
            line-height: 1;
            margin-bottom: 5px;
        }
        .product-page .view-product .product-option .option.price span {
            font-size: 26px;
        }

        .label-prod {
            font-size: 12px;
        }

        .product-page .view-product .product-option h1 {
            font-size: 26px;
            margin-bottom: 8px;
            margin-top: 0;
            line-height: 1.1;
        }

        .sucursales-box2 {
            column-gap: 15px;
            padding: 10px;
            margin-bottom: 7px;
            margin-top: 5px;
        }

        .sucursales-flex{
            column-gap: 7px;
        }

        .sucursales-flex img {
            height: 46px;
            margin-top: 5px;
        }

        .entrega {
            padding: 15px 20px;
            margin-bottom: 20px;
            margin-top: 10px;
        }

        .media {
            display: -webkit-box;
            display: -ms-flexbox;
            display: grid !important;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 15px !important;
            flex-direction: column;
            justify-content: left !important;
        }

        .form {

        width: 100%;
        }

        .input-1 label {
            margin-top: 5%;
        }

        .brand-item {
            width: 100%;

        }

        .search-box.reverse .search {
            position: absolute;
            right: 35px;
            font-size: 21px;
            top: 35px;
            left: unset;
        }

        .btn-solid.btn-sm,
        .btn-sm.btn-outline,
        .btn-sm.btn-special {
        
            font-size: 12px;
        }

        .result-marcas {
            position: absolute;
            background: #fff;
            color: #1f1f1f;
            top: 298px;
            right: 0;
            width: 100%;
            z-index: 5;
        }

        .nav-inner {
            width: 100%;
            column-gap: 8px;
            row-gap: 8px;
            margin-bottom: 20px;
            padding-top: 10px;
            flex-direction: row;
        }

        .item-nav {
            display: flex;
            align-items: flex-start;
            width: 48%;
        }

        .item-nav img {
            width: 44px;
            margin: 8px 0px 8px 8px;
            padding-bottom: 5px;
        }

        .group-title {
            align-items: center;
            flex-direction: row;
        }

        .breadcrumb-wrap .banner .heading-box h1 {
            font-size: 20px;
            line-height: 1.1;
            margin-bottom: 0px;
            text-align: center;
        }

        .breadcrumb-wrap .banner {
            padding: calc(15px + (50 - 38) * ((100vw - 320px) / (1920 - 320))) 0;
        }

        .breadcrumb-wrap .banner {
            background-position: center center;
        }

        .product-card.product-wishlist h5 {
            font-weight: 600;
            font-size: 16px;
        }

        section.section-b-space.wishlist-page {
            padding-top: 0px;
            padding-bottom: 60px;
        }

        .v-progressive-image {
            height: 195px !important;
        }

        .carousel__track {
            width: 50% !important;
        }

        .row.g-3.g-md-4.cart {
            padding-top: 20px;
            margin-bottom: 15%;
        }

        .user-dashboard .tab-wrap .right-content .option-wrap>div {
            margin: 0px !important;
            width: 100% !important;
            border-radius: 15px !important;
            padding: 0px !important;
        }

        .user-dashboard .tab-wrap .right-content .order-content .order-info .product-details {
            cursor: pointer;
            padding: 13px;
            outline: none;
        }

        td.detail small span.badges.badges-pill.badges-theme {
            font-weight: bold!important;
            text-align: center!important;
            display: block;
            justify-content: center;
            padding: 5px 20px!important;
            font-size: 10px!important;
        }

        .user-dashboard .tab-wrap .right-content .order-summery-wrap .banner-box .media .media-body span>span {
            font-size: 15px;
        }

        .user-dashboard .tab-wrap .right-content .order-summery-wrap .banner-box .media .media-body h2 {
    
            font-size: 18px;
        }

        table {
            display: block;
            overflow-x: auto;
        }

        h1 {
            font-size: 23px;
        }

        .decription-oferta.container p {
            font-size: 10px;
        }

        .banner2.banner-h {
            padding-top: 15px;
            padding-bottom: 15px;
        }


        .services-flex {

            padding: 15px;
        }

        .box-paquete {
            display: block;

        }

        .order-summary-item h2 {
            font-size: 14px;
            margin-bottom: 14px;
            margin-top: 5%;
        }

        .product-card-side .content-box h5 {

            font-size: 14px;

        }

        td img {
            width: 60px;
        }

        div#thank-you-page .container .row .col-md-12 h3 {
            font-size: 16px;
            margin-top: 15px;
        }

        .custom-form label {
            font-size: 12px;
            margin-top: 25px;
            font-weight: 600;
        }

        .btn-green {
            display: block;
            padding: 10px 10px;
            text-align: center;

        }

        .btn-sesion a {
  
            font-size: 15px;
        }

        a.btn.btn-green {
 
            font-size: 15px;

        }

        .back-shop {

            padding: 5px 20px;
        }

        th {
            font-size: 10px;
        }

        td {
            font-size: 11px!important;
            padding: 3px;
        }

        div#thank-you-page .container .row .col-md-12 h3 {
            font-size: 18px;
            margin-top: 0;
        }

        .envio-add {
            width: 100%;
        }

        .order-summary-item p {
            font-size: 14px;
            margin: 0;
        }

        td p {
            font-size: 10px;
        }

        .envio-add h3 {
            margin-bottom: 2%;
            margin-top: 2%;
            font-size: 16px;
        }

        input.search__input {
            width: 150px;
        }

        .direccion {
            width: 100%;
        }

        .direccion h3 {
            font-size: 15px;
        }

        .heading-box h3 {
            width: 100%;
            font-size: 20px;
        }
        .ofertas-secc .oferta {
            margin: 20px 10px 20px 10px;
        }

        section.oferta {
            padding: 15px;
        }

        .order-summary-item {

            border-left: none;
        }

        section.videos {
            padding-top: 30px;
            text-align: center;
        }

        section.marcas {
            padding-left: 15px;
            padding-right: 15px;
        }



        .shop-page .shop-product .top-header-wrap .grid-option-wrap {

            display: block;
        }

        .shop-page .shop-product .top-header-wrap .select-options .select-menu button {
            font-size: 13px;
            padding: 10px 10px;
        }

        .product-card .content-box span,
        .product-card .content-box del {

            font-size: 15px;

        }
        .product-card  {
            margin-bottom: 0px;
        }

        

        .product-card .content-box {
            height: 105px;
            padding: 8px 10px 10px 10px;
            margin-top: -1px;
        }
        .shop-page .product-tab-content .product-card .content-box p {
            font-size: 10px;
        }
        .brand-card-prod {
            font-size: 10px;
        }

        .brand-card {
            font-size: 10px;
        }

        .pagination-wrap {
            margin-top: 5px;
            padding-bottom: 30px;
        }

        .option-bottom .option-wrap {
            bottom: 5px!important;
        }

        

        .product-card .content-box p {
            font-size: 12px;
            line-height: 1em;
            margin-bottom: 3px;
        }
        .product-card .content-box h5 {
            font-weight: 600;
            font-size: 13px;
            margin-bottom: 5px;
            line-height: 1em;
        }
        .product-card .content-box span, .product-card .content-box del {
            margin-right: 3px;
        }

        .fixed-res #res{
            top: 63px;
            margin: 0px;
            height: 87vh;
            box-shadow: none;
            border-radius: 0px;
            padding: 5px 15px 15px 15px;
        }

        .modal .modal-dialog .modal-content .modal-body {
            /*max-height: 70vh !important;*/
            overflow-y: auto;
            padding-bottom: 2px;
        }

        .view-option {

            column-gap: 0px;
            row-gap: 0px;

        }

        .services-flex {

            padding: 20px;
        }

        .menu-cintillo ul.navbar-nav {
            padding: 8px 10px;
        }

        .product-page .view-product .breadcrumb {
            padding-left: 5px;
        }



    } /*end (min-width: 0px) and (max-width: 767px)*/

/*short responsive mobile*/
@media (min-width: 0px) and (max-width: 1199px) {

        .header-common .nav-wrap .navigation .logo {
            height: 30px;
        }

        .footer-document .main-footer .content-box .logo {
            width: 335px !important;
        }
        .v-progressive-image {
            /*height: 147px !important;*/
            position: initial!important;
        }
       
        .brand-card {
            font-size: 10px !important;
        }
        .product-card .content-box span {
            margin-right: 3px!important;
        }
        .product-card .content-box h5 {
            font-size: 13px!important;
        }


        
} /* end (min-width: 0px) and (max-width: 480px) */