/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
  /* .timeline {
    display: none;
  } */
  .img-resp {
    height: 150px;
  }
  .bottom-button-1 {
    padding: 5px;
    margin-bottom: 5px;
  }
  .bottom-button-2 {
    padding: 5px;
  }
  .item-img {
    height: 30px;
  }
  .timeline .start span {
    display: none;
  }
  .timeline .inactive-start span {
    display: none;
  }
  .pasos-mobile {
    display: block;
  }
  .tamaño-caja {
    padding-left: 0;
    padding-right: 0;
  }
  /* .option-2-text,
  .option-3-text, */
  .text-relleno {
    display: none;
  }
  .inline-radio {
    display: block;
  }
  .inline-radio div {
    width: 100%;
    margin: auto;
  }
  .text-responsive-paso-2 {
    display: inline-grid;
    width: 100%;
  }
  .text-responsive-paso-3 {
    display: inline-grid;
    width: 47%;
  }
  .text-responsive-paso-4 {
    display: inline-grid;
    width: 100%;
  }
  .paso-2-texto-cuadrado {
    display: block;
    width: 95%;
  }
  .paso-mobile-titulo {
    display: block;
  }
  .div-card {
    width: 50% !important;
  }
  group + group {
    margin-top: 0;
  }
  .select-producto {
    max-height: 250px;
    padding: 10px;
  }
  button.font-little {
    line-height: 1;
  }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .img-main-custom {
    display: none;
  }
  .img-resp {
    height: 232px;
  }
  .button-empezar {
    width: 100%;
  }
  .img-main-mobile {
    display: block;
  }
  .inline-radio {
    display: block;
  }
  .inline-radio div {
    /*     width: 120px; */
    width: 100%;
    margin-left: 10px;
    display: block;
  }
  .div-width {
    width: 260px !important;
  }
  .div-width-2 {
    width: 95% !important;
    margin-left: 0 !important;
  }
  .button-wrapper-paso-1 {
    width: 100%;
  }
  .button-wrapper {
    width: 280px;
  }
  .hide-mobile {
    display: none;
  }
  .mobile-m-auto {
    margin: auto;
  }
  .producto-title-pasos {
    display: block;
  }
  .m-pr-0 {
    padding-right: 0 !important;
  }
  .m-pl-0 {
    padding-left: 0 !important;
  }
  .m-mt-35 {
    margin-top: 35px !important;
  }
  .m-mb-15 {
    margin-bottom: 15px !important;
  }
  .sticky-button {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
  }
  .tab {
    display: none;
  }
  .timeline {
    margin-left: 2.5rem;
  }
  .timeline .start {
    right: -0.525rem;
  }
  .timeline .inactive-start {
    right: -0.525rem;
  }
  .check-wrapper {
    display: inline-block;
    padding: 0 38px;
  }
  .checkbox {
    width: 20%;
  }
  .casilla {
    width: 100%;
  }
  .boton-popup {
    width: 100%;
  }
  .card {
    margin-right: 2.25rem;
  }
  .desktop-hide {
    display: flex;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .desktop-hide-2 {
    display: flex;
    width: 90%;
    margin-left: 0;
    margin-right: 0;
  }
  .desktop-hide-3 {
    display: block;
    width: 100%;
  }
  .wrapper {
    width: 200px;
  }
  .popup {
    width: 70%;
  }
}
@media only screen and (max-width: 426px) {
  /* footer {
    padding: 5px;
  } */
  .footer ul {
    text-align: center;
  }
  .footer li {
    display: inline-block;
    padding: 5px 10px;
  }
  .w-60 {
    width: 60% !important;
  }
  .w-40 {
    width: 40% !important;
  }
  .padt-55 {
    padding-top: 25px;
  }
  .m-p-1 {
    padding: 1px !important;
  }
  .bottom-button-1 {
    margin-top: 5px;
    font-size: 13px;
  }
  .navbar {
    padding: 15px 0 !important;
  }
  .bottom-button-2 {
    padding: 6px;
    font-size: 13px;
  }
  #fsb_container {
    height: 33px;
  }
  #fsb_bar {
    font-size: 14px;
    padding: 6px 10px;
  }
  /* .box-images {
    display: none;
  } */
  .m-w-50 {
    width: 50% !important;
  }
  .button.agregar {
    padding: 3px 0;
    margin-bottom: 0;
    font-size: 16px;
  }
  .button.less {
    padding: 3px 0;
    margin-bottom: 0;
    font-size: 16px;
  }
  .button.plus {
    padding: 3px 0;
    margin-bottom: 0;
    font-size: 16px;
  }
  .wrapper-button {
    align-items: center;
  }
  .button-empezar {
    padding: 10px 0 20px;
  }
}
@media (max-width: 321px) {
  .bottom-button-1 {
    font-size: 11px;
  }

  .bottom-button-2 {
    font-size: 11px;
  }
}
@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}