.imagen-en-contenedor{
    max-height: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    border: none !important;

}

/* slide con imagenes responsive*/
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}
.centrar-vertical {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
body {
    font-size: 12px;
}
/*-------------Padding - Margins----------------------------------*/

.pad0{ padding: 0px !important;    }
.pad5{ padding: 5px !important;    }
.pad10{ padding: 10px !important;    }
.pad15{ padding: 15px !important;    }
.pad20{ padding: 20px !important;    }
.pad50{ padding: 50px !important;    }

.padt0{  padding-top: 0px !important;    }
.padt5{ padding-top: 5px !important;    }
.padt8{ padding-top: 8px !important;    }
.padt10{ padding-top: 10px !important;    }
.padt15{ padding-top: 15px !important;    }
.padt20{ padding-top: 20px !important;    }
.padt25{ padding-top: 25px !important;    }
.padt30{ padding-top: 30px !important;    }
.padt50{ padding-top: 50px !important;    }
.padt70{ padding-top: 70px !important;    }
.padt90{ padding-top: 90px !important;    }
.padt100{ padding-top: 100px !important;    }

.padr0{ padding-right: 0px !important;  }
.padr5{ padding-right: 5px !important;    }
.padr10{ padding-right: 10px !important;    }
.padr15{ padding-right: 15px !important;    }
.padr20{ padding-right: 20px !important;    }
.padr25{ padding-right: 25px !important;    }
.padr30{ padding-right: 30px !important;    }

.padb0{ padding-bottom: 0px !important;   }
.padb5{ padding-bottom: 5px !important;    }
.padb10{ padding-bottom: 10px !important;    }
.padb15{ padding-bottom: 15px !important;    }
.padb20{ padding-bottom: 20px !important;    }
.padb25{ padding-bottom: 25px !important;    }
.padb30{ padding-bottom: 30px !important;    }
.padb50{ padding-bottom: 50px !important;    }
.padb80{ padding-bottom: 80px !important;    }
.padb100{ padding-bottom: 100px !important;    }


.padl0{ padding-left: 0px !important;   }
.padl5{ padding-left: 5px !important;    }
.padl10{ padding-left: 10px !important;    }
.padl15{ padding-left: 15px !important;    }
.padl20{ padding-left: 20px !important;    }
.padl25{ padding-left: 25px !important;    }
.padl30{ padding-left: 30px !important;    }
.padl35{ padding-left: 35px !important;    }

.margt-55 { margin-top: -55px !important; }
.marg0{  margin: 0px !important; }
.margt0{ margin-top: 0px !important;    }
.margt5{ margin-top: 5px !important;    }
.margt10{ margin-top: 10px !important;    }
.margt13{ margin-top: 13px !important;    }
.margt15{ margin-top: 15px !important;    }
.margt20{ margin-top: 20px !important;    }
.margt25{ margin-top: 25px !important;    }
.margt30{ margin-top: 30px !important;    }
.margt50{ margin-top: 50px !important;    }

.margr0{ margin-right: 0px !important;    }
.margr5{ margin-right: 5px !important;    }
.margr10{ margin-right: 10px !important;    }
.margr15{ margin-right: 15px !important;    }
.margr20{ margin-right: 20px !important;    }
.margr25{ margin-right: 25px !important;    }
.margr30{ margin-right: 30px !important;    }
.margr35{ margin-right: 35px !important;    }
.margr40{ margin-right: 40px !important;    }

.margb0{ margin-bottom: 0px !important;    }
.margb5{ margin-bottom: 5px !important;    }
.margb10{ margin-bottom: 10px !important;    }
.margb15{ margin-bottom: 15px !important;    }
.margb20{ margin-bottom: 20px !important;    }
.margb25{ margin-bottom: 25px !important;    }
.margb30{ margin-bottom: 30px !important;    }

.margl0{ margin-left: 0px !important;    }
.margl5{ margin-left: 5px !important;    }
.margl10{ margin-left: 10px !important;    }
.margl15{ margin-left: 15px !important;    }
.margl20{ margin-left: 20px !important;    }
.margl25{ margin-left: 25px !important;    }
.margl30{ margin-left: 30px !important;    }
.margl50{ margin-left: 50px !important;    }

.margl5p{ margin-left: 5% !important;    }

.container{
    max-width:340px;
}

 

.tagfiltro{
    padding: .2rem 1.25rem;
    margin-bottom: 0px;
    border: 1px solid transparent;
    border-radius: .25rem;
    clear: both;
    font-weight: 400;
    color: #333333;
    font-size: small;
}

.tagfiltro button {
    position: relative !important;
    top: -1.75rem !important;
    right: auto !important;
    padding: .5rem 0rem !important;
    color: inherit !important;
    font-size: inherit;
    right: 0px !important;
    float: left !important;
}

.tagfiltro button:hover{
    color: #CC2121 !important;
    background-color: transparent !important;
}

.header-logo a img{
  max-height: 60px;
}

.header-mail{
  font-family: Poppins,sans-serif;
  padding-left: 5px;
}

.mobile-logo-img {
  max-height: 50px
}

.logo-silisur img{
  max-height: 50px;
}

.logo-silisur{
  border: none !important;
  
}

.logo-silisur:hover{
  background-color: white !important;
}

.about-promo-single-item img {
    width: 70px;
    height: 70px;
}

.productos-silisur{
  max-height: 150px;
}

.footer-logo img{
    max-height: 30px;
}

.footer-widget-title {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px;
    text-transform: capitalize;
    font-weight: 600;
    margin-top: 20px;
}


.footer-menu-nav>li>a{
    font-size: small;
}

.footer-menu-nav>li{
    font-size: small
}

.footer-contact {
    font-size:smaller
} 

.footer-widget-subscribe {
    margin-top: 0px;
}

.footer-payment {
    font-size: smaller;
}

.section-inner-bg {
    background: #f8f9fa;
    padding-top: 40px;
    padding-bottom: 40px;
}
.contact-pie {
    font-size: 12px;
    margin-right: 10px;
    color: #fff;
    background: #ea1c26;
    width: 22px;
    height: 22;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    padding-top: 4px !important;
}


.contact-pie-text a{
    font-size: smaller !Important;
}

.contact-pie-text span{
    font-size: smaller !Important;
}

.fondo-auto{
    background-image: url(../Imagenes/fondo-auto.jpg);
    background-repeat: no-repeat;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-top: 70px;
    padding-bottom: 80px;
}

.letra-blanca{
    color: white;
}

.borde-blanco{
    border-color: white !important
}

.breadcrumb-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
}    

.h3, h3 {
    font-size: calc(1.0rem + .6vw);
}

.breadcrumb-nav{
    font-size: smaller;
}

.service-display-content p {
    font-size: 12px;
    line-height: 22px;
}

.service-display-content a {
    font-size: 12px;
}

.about-promo-single-item img {
    width: 50px;
    height: 50px;
}

.about-promo-single-item .h6, .about-promo-single-item h6 {
    font-size: 16px;
}

.breadcrumb-wrapper {
    margin-bottom: 20px;
}
.section-top-gap-50 {
    margin-top: 30px;
}

.text-error{
    color: #EA1C26;
    font-weight: bold;
}

#mensaje-enviado{
    text-align: center;
    font-weight: bold;
    color: green;
}

.contact-details-icon{
    padding-top: 8px;
}

.contact-details-content a, .contact-details-content span{
    font-size: 14px;
}

.form-control {
    font-size:inherit;
    border-radius: 3px;
    color: #666;
    line-height: inherit;
    padding: 9px 12px;
} 

.default-form-box label {
    font-size: 12px;
}      

.contact-submit-btn {
    font-size: 12px;
    padding: 15px 32px;
}

.error_form{
    padding-top: 10%;
    padding-bottom:10%;
}

.error_form p{
    font-size: 15px;
}

.error_form .h4, .error_form h4{
    font-size: 15px;   
}

.error_form a {
    color: #fff;
    display: inline-block;
    background: #666;
    font-size: 12px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    text-transform: uppercase;
    margin-top: 35px;
    border-radius: 3px;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.texto-aclaracion{
    font-size: small;
    font-family: Poppins,sans-serif;
}

.account_form .h3, .account_form h3 {
    font-size: 16px;
    margin-bottom: 10px;
}

.alert{
    font-size: small;
}

.filter-type-price input {
    width: 100%;
}

.ui-widget-content {
    background: white;
}

.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
    border-bottom-right-radius: 3px;
}

.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
    border: 5px solid #ea1c26;
    background: #f6f6f6;
    font-weight: 400;
    color: #454545;
    border-radius: 50%;
    outline: 0;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.0em;
    height: 1.0em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider-horizontal {
    height: 5px;
}

.ui-widget-header {
    background: #ea1c26;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.contact-details-icon .contact-pie{
    padding-top: 5px;
}

.h6, h6 {
    font-size: 0.9rem;
}

.sidebar-title {
    text-transform: inherit;
}

.page-pagination li a:hover {
    background: #ea1c26;
    color: #fff !important;
}

.imagen-producto{
    height: 45px;
    text-align: center;
    margin-top: 10px;
}

.titulo-aviso{
    font-weight: 500;
    font-size: 12px;
    text-align: left;
    margin-top: 5px;
}
.precio-aviso{
    font-weight: 500;
    font-size: 12px;
    text-align: right;
    margin-top: 20px;   
}
.shop-item{
    border: 2px solid #f8f9fa;
    margin-bottom: 5px;
    padding-bottom: 10px;
}
    
.minus{
    position: absolute;
    height: 100%;
    top: 6px;
    cursor: pointer;
    width: 24px;
    font-weight: bold;
    color: grey;
}

.qty{
    width: 50px;
    border-radius: 0;
    display: block;
    width: 100%;
    min-width: 88px;
    text-align: center;
}

.quantity{
    display: inline-flex;
    width: 100%;
    position: relative;
    padding-top: 10px;

}

.plus{
    position: absolute;
    height: 100%;
    top: 6px;
    cursor: pointer;
    width: auto;
    right: 0px;
    font-weight: bold;
    color: grey; 
}

.plus:hover,.minus:hover{
    color: black; 
}

.btn-agregar i{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 39px;
    text-align: center;
    border: 2px solid #eee;
    display: block;
    background: #fff;
}

.btn-agregar i:hover{
    border: 2px solid #EA1C26;
    color:  white !important;
    background: #EA1C26 !important;
}

.btn-agregar{
    padding-top: 10;
    padding-left: 10px;
} 

#btn-agregar-carrito{
    display: inline-block;
    font-size: 14px;
    margin-left: 20px;
    background: #ea1c26;
    height: 42px;
    line-height: 42px;
  
    min-width: 150px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    margin-top: 7px;
    font-weight: 500;
}   

.total-carrito{
    font-weight: bold;
    text-align: right;
    padding-top: 10px;
    padding-right: 10px;
}


td.product_name{
    text-align: left !Important;
}

.table_page table tbody tr td.product-price{
    font-size: 12px;
}

td.product_total{
    text-align: right;
}

.table_page table tbody tr td.product_remove{
  text-align: center;
}

.table_page table tbody tr td.product_thumb{
    max-width: 100%;
    min-width: 112px;
    text-align: center;
}

.product_total,.product-price{
    text-align: right !important;
}
.table-responsive table tbody tr td{
    text-transform: initial;
}

.header-action-icon{
    margin-left: 20%;
}
th.product-price{
    text-align: center !important;
}
th.product_total{
    text-align: center !important;
}
.table-responsive table tbody tr td{
    font-size: 12px;
}

.order_button button {
    font-size: 12px;
}

.b-datos{
    font-size: smaller;
    padding-top: 15px;
}

.cart_submit {
    padding-top: 0px;
}


.form-control {
    -webkit-appearance: auto;
    appearance: auto;
}

.n-celular{
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
}

.pasos-procesar{
    margin-top: 5px;
}

.checkout_form .h3, .checkout_form h3{
    cursor: pointer;
}

.table-responsive {
    overflow-x: hidden;
}

.order_table table thead tr th {
    padding: 10px 0;
    font-size: 13px;
}

.pedido-prod{
    font-size: 12px !Important;   
}

.pedido-precio{
    font-size: 12px !Important;   
    text-align: right !important;
}
.foot-pedido tr td{
    text-align: right !Important;
    font-size: 12px !Important;  
}
.order_table table tfoot tr th {
    text-align: right;
    font-size: 12px !Important;  
}

.checkbox-default>span{
    padding-top: 3px;
}

.btn-desactivado{
    cursor: auto !Important;
    color: #fff !Important;
    background: #afabab !Important;
}

.checkout_form .h3, .checkout_form h3 {
    font-size: 14px;
}

.order_table table tbody tr td {
    padding: 10px 10px;
}  

.order_table table tfoot tr td {
    padding: 10px 10px;  
}   

.order_table table tbody tr td {
    min-width: 100px;
} 

.order_table table tfoot tr th {
    min-width: 100px;
    padding: 10px 15px;
}    

.checkbox-default>span {
    font-size: 12px;
}

#btn-guardar{
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    border: 0;
    background: #333;
    color: #fff;
    border-radius: 4px;
    margin-top: 10px;
    width: auto;
}

.btn-primary-t{
     padding: 0 20px;
    height: 30px;
    line-height: 30px;
    border: 0;
    background: #333;
    color: #fff;
    border-radius: 4px;
    margin-top: 10px;
    width: auto;
}

.div-titulo-pedido{
    margin-bottom: 15px;
    color: #333;
    border-bottom: 3px solid #ea1c26;
    border-right: 1px solid #eee;
    font-size: 13px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px;
    background: #eee
}

.header-listado{
    font-size: 13px;
    padding: 0;
}

.mas-info-pedido {
    position: absolute;
    text-align: right;
    right: 15%;
}

ol.progtrckr {
    margin: 0;
    padding: 0;
    list-style-type none;
    text-align: -webkit-center !important;
    padding-bottom: 3%; 
}

ol.progtrckr li {
    display: flex;
    text-align: center;
    line-height: 3.5em;
}

ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }
ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; }
ol.progtrckr[data-progtrckr-steps="4"] li { width: 50%; }
ol.progtrckr[data-progtrckr-steps="5"] li { width: 50%; }
ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; }
ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; }
ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; }
ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; }

ol.progtrckr li.progtrckr-done {
    color: black;
    border-left: 4px solid #729a1f;
    margin: -3px;
    font-size: 11px;
    height: 50px;
}
ol.progtrckr li.progtrckr-todo {
    color: silver; 
    border-left: 4px solid silver;
    margin: -3px;
    font-size: 11px;
    height:50px;
}

/*ol.progtrckr li:after {
    content: "\00a0\00a0";
}*/
ol.progtrckr li:before {
    position: relative;
    
    float: left;
    left: -9%;
    line-height: 1em;
}


ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: white;
    background-color: #729a1f;
    height: 2.2em;
    width: 2.3em;
    line-height: 2.2em;
    border: none;
    border-radius: 2.2em;
}
ol.progtrckr li.progtrckr-todo:before {
    content: "\2713";
    color: white;
    background-color: silver;
    height: 2.2em;
    width: 2.2em;
    line-height: 2.2em;
    border: none;
    border-radius: 2.2em ;
}

ol.progtrckr li span{ 
    margin-top: -5px;
    font-size: x-small;  
}

.pago-pendiente:before{
  background-color: #d70313 !important;
  content: "\0021" !important;

}

.titulo-info-pedido{
    font-family: Poppins,sans-serif;
    font-size: small;
    font-weight: 600;
}

.btn-pagar-compras{
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    border: 0;
    background: #333;
    color: #fff;
    border-radius: 4px;
    width: auto;
    font-size: smaller;
}
.div-detalle-info {
    display: inline-flex;
    padding-bottom: 10px;
}
.div-detalle-info span{
    margin-top: -3px;
    font-size: small;
} 

.titulos-pedido {
    color: #222222;
    padding: 0;
    font-weight: 500;
    background-color: #f8f8f8;
    border-color: #ccc;
    border-bottom: 0;
    padding-top: 5px;
    text-align: center;
}
.imagen-pedido {
    max-width: 45px;
    margin-right: 5px;
    height: 40px;
    min-width: 45px;
}
.nombre-prod, .precios-pedido {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 5px;
    padding-top: 10px;
    font-size: 12px;
    text-align: left;
}
.precios-pedido {
    text-align: right;
}   
.total-compra {
    font-weight: bold;
    text-align: right;
}
.checkbox-default>span {
    text-transform: inherit
}

.btn-pagos input{
    width: auto;
} 
.float-right{
    float: right;
}   

.faq-content p{
    text-align: justify;
}
.h5, h5 {
    font-size: 1.1rem;
}
/*-------------Responsive----------------------------------*/

/* .col-xs */
@media (min-width : 360px) {
    .container{
        max-width: 360px;
    }
    
   
} 
/* .col-sm */
@media (min-width : 576px) {

    .container{
        max-width: 576px;
    }
    .logo-silisur img{
      max-height: initial;
    }
    .productos-silisur{
      max-height: initial;
    }
    .mobile-action-icon-item {
        margin-right: -90px!important;
    }

    ol.progtrckr li.progtrckr-done {
        height: 1%;
    }
    ol.progtrckr li.progtrckr-todo {
       height: 1%;
    }
    ol.progtrckr li:before {
       left: -6%;
    }
} 

/* .col-md */
@media (min-width : 768px) {
    body {
        font-size: 14px;
    }
    .container{
        max-width: 768px;
    }
    .footer-widget-title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 30px;
        text-transform: capitalize;
        font-weight: 600;
        margin-top: 0px;
    }
    .footer-menu-nav>li>a{
        font-size: 14px;
    }
    .footer-menu-nav>li{
        font-size: 14px;
    }
    .footer-contact {
        font-size: 14px;
    }   
    .contact-pie{
        font-size: 17px;
        margin-right: 20px;
        color: #fff;
        background: #ea1c26;
        width: 25px;
        height: 25px;
        text-align: center;
        /* line-height: 20px; */
        border-radius: 50%;
        padding-top: 3px;
    }
    .contact-pie-text a{
        font-size: 14px !important;
    }

    .contact-pie-text span{
        font-size: 14px !important;
    }

    .footer-logo img{
        max-height: 40px;
    }
    .breadcrumb-wrapper {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .h3, h3 {
        font-size: calc(1.3rem + .6vw);
    } 
    .h6, h6 {
        font-size: 1rem;
    }  
    .breadcrumb-nav{
        font-size: 14px;
    }
    .service-display-content p {
        font-size: 14px;
        line-height: 28px;
    }
    .service-display-content a {
        font-size: 14px;
    }
    .about-promo-single-item img {
        width: 70px;
        height: 70px;
    }
    .about-promo-single-item .h6, .about-promo-single-item h6 {
        font-size: 18px;
    }
    .breadcrumb-wrapper {
        margin-bottom: 30px;
    }
    .section-top-gap-50 {
        margin-top: 50px;
    }
    .default-form-box label {
        font-size: 14px;
    }    
    .contact-submit-btn {
        font-size: 14px;
        padding: 15px 52px;
    }

    .error_form p{
        font-size: 17px;
    }
    .error_form .h4, .error_form h4{
        font-size: 17px;   
    }

    .error_form a {
        color: #fff;
        display: inline-block;
        background: #666;
        font-size: 12px;
        font-weight: 700;
        height: 40px;
        line-height: 42px;
        padding: 0 30px;
        text-transform: uppercase;
        margin-top: 35px;
        border-radius: 3px;
    }
    .account_form .h3, .account_form h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .imagen-producto{
        height: 80px;
    }

    .titulo-aviso{
        font-size: 14px;
        margin-top: 20px;
    }
    .precio-aviso{
        font-size: 14px;
        text-align: right;
        margin-top: 20px;   
    }
    .shop-item{
        margin-bottom: 5px;
    }
        
    .minus{
        position: absolute;
        height: 100%;
        top: 6px;
        width: 24px;
    }

    .qty{
        width: 50px;
        min-width: 88px;
    }

    .quantity{
        padding-top: 10px;
    }

    .plus{
        top: 6px;
        right: 0px;
    }


    .btn-agregar i{
        width: 40px;
        height: 40px;
        border-radius: 50%;
        line-height: 39px;
        text-align: center;
    }


    .btn-agregar{
        padding-top: 10;
        padding-left: 10px;
    }
    .table_page table thead tr th{
        font-size: 14px;
    }
    .table-responsive table tbody tr td {
        font-size: 12px;
        min-width: 100px;
    }
    .table_page table tbody tr td.product-price {
        font-size: 12px;
    }
    .table_page table tbody tr td.product_thumb{
        max-width: 112px;
        min-width: 112px;
        text-align: center;
    }
    .mobile-action-icon-item {
        margin-right: -159px!important;
    }
    .order_button button {
        font-size: 14px;
    }
    .checkout_form .h3, .checkout_form h3 {
        font-size: 16px;
    }
    .order_table table thead tr th {
        padding: 10px 0;
        font-size: 12px;
    }

    .pedido-prod{
        font-size: 13px !Important;   
    }

    .pedido-precio{
        font-size: 13px !Important;   
        text-align: right !important;
    }
    .foot-pedido tr td{
        text-align: right !Important;
        font-size: 13px !Important;  
    }
    .order_table table tfoot tr th {
        text-align: right;
        font-size: 13px !Important;  
    }
    .checkbox-default>span {
        font-size: 14px;
    }
    .header-listado{
        font-size: 14px;
        padding: 0;
    }

    .mas-info-pedido {
        position: relative;
        text-align: initial;
        right: 0;
    }
     ol.progtrckr li:before {
      bottom: -2.5em;
    }

    ol.progtrckr li.progtrckr-done {
      
      font-size:x-small;
    }
    ol.progtrckr li.progtrckr-todo {
     
     font-size: x-small;
    }
    ol.progtrckr li:before {
      left: -5%;
    }
    ol.progtrckr[data-progtrckr-steps="5"] li { width:35%; }
    ol.progtrckr li span {
        margin-top: 18px;
        font-size: x-small;
    }
    .h5, h5 {
        font-size: 1.25rem;
    }
}

/* .col-lg */
@media (min-width : 992px) {
    .container{
        max-width: 992px;
    }
    .h3, h3 {
        font-size: 1.75rem;
    }
    ol.progtrckr li.progtrckr-done {

    font-size:x-small;
    }
    ol.progtrckr li.progtrckr-todo {
     
     font-size:x-small;
    }
    ol.progtrckr li.progtrckr-done {

      font-size: 9px;
    }
    ol.progtrckr li.progtrckr-todo {

      font-size: 9px;
    }
    ol.progtrckr li.progtrckr-done {
      border-bottom: 4px solid #729a1f;
      border-left: none;
      height: auto;

    }
    ol.progtrckr li.progtrckr-todo {
      border-bottom: 4px solid silver;
      border-left: none;
      height: auto;
    }
    ol.progtrckr li {
      display: inline-block;
    } 

    ol.progtrckr[data-progtrckr-steps="5"] li { width:20%; }
    ol.progtrckr[data-progtrckr-steps="4"] li { width: 20%; }

    ol.progtrckr li:before {
        left: 50%;
    } 
    ol.progtrckr li:before {
        bottom: -2.8em;
    }

}

/* .col-xl */
@media (min-width : 1200px) {
    .container{
        max-width: 1200px !important;
    }
    .breadcrumb-wrapper {
        margin-bottom: 30px;
    }
    .table_page table thead tr th{
        font-size: 16px;
    }
    .table-responsive table tbody tr td {
        font-size: 14px;
    }
    .table_page table tbody tr td.product-price {
        font-size: 14px;
    }
}


@media (max-width: 768px) {
/* Force table to not be like tables anymore */
    .tabla_b thead{ 
        display: block; 
        text-align: left;
    }
    .tabla_b tbody{ 
        display: block; 
        text-align: left;
    }
    .tabla_b th{ 
        display: block; 
        text-align: left;
    }
    .tabla_b td{ 
        display: block; 
        text-align: left;
    }
    .tabla_b td.closed{
        display: none;
    }

    .tabla_b td.product_name span.precio-unit-mobile{
        float: right;
        padding-top: 15px;  
    }

    .tabla_b td.product_name a img{
        max-width: 50px;
    }
    .table_page table tbody tr td.product_remove {
        text-align: right;
    } 
    .tabla_b tr{ 
        display: block; 
        text-align: left;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    .tabla_b thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
  
    .tabla_b tr { border: 1px solid #ccc; }
  
    .tabla_b td { 
        /* Behave  like a "row" */
        border: none;
        position: relative;
        /* padding-left: 35% !important;*/
        white-space: normal;
        overflow: hidden;
        width: inherit;
    
    }
  
    .tabla_b td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 8px;
        left: 6px;
        width: 100%; 
        padding-right: 10px; 
        white-space: nowrap;

    }

    /*  Titulos de las tablas*/
    .tabla_b td:before { 
        content: attr(data-title); 
        font-weight: bold; 
        vertical-align:middle; 
        width:20px;
    }

    .tabla_b tr:hover td {
        background:none;

    }

    .tabla_b tr:nth-of-type(odd) { 
        /*background: #eee; */
    }
    table.cart-table td{
        /*padding: 20px !important;*/
    }
    table.cart-table.bottom{
        margin: 0px;
    }
}