@media only screen and (max-width: 1280px) {
    h2{
        font-size: 1.9rem;
    }
    header.scrolled.donde-sin-valor .md-form label.form-label.label-donde, header.scrolled.que-sin-valor .md-form label.form-label.label-que, header.scrolled.donde-bodega-sin-valor .md-form label.form-label.label-donde-bodega, header.scrolled.donde-zona-sin-valor .md-form label.form-label.label-donde-zona, header.scrolled.cuando-sin-valor .md-form label.form-label.label-cuando {
        font-size: 1.1rem;
    }
    .bloque-categorias {
        padding-top: 220px;
    }
    .btn-categoria {
        width: 7.5rem;
        height: 7.5rem;
    }
    .btn-categoria svg {
        height: 3.5rem;
    }
    .btn-categoria span{
        font-size: 1.3rem;
    }
    h2.titulo-seccion {
        padding-top: 3.6rem;
    }
    .bloque-novedades h3{
        font: normal normal bold 1.8rem/2.3rem 'Source Sans Pro';
    }
}
@media only screen and (max-width: 1023px) {
    header nav a {
        padding: 15px 4px 4px 4px;
    }
    header .buscador {
        margin-top: 15px;
    }
    .bloque-categorias, .bloque-filtros {
        padding-top: 230px;
    }
    .carousel-home .item-slide .content-activas img, .item-bodega .content-activas img {
        max-width: 70%;
    }
    .bloque-contenido {
        padding-top: 18rem;
    }
}

@media only screen and (max-width: 991px) {
    body, html{
        font-size: 10px;
    }
    /* .btn-categoria {
        width: 8.375rem;
        height: 8.375rem;
    } */
    .btn-categoria svg {
        /*height: 3.5rem;*/
    }
    header {
        height: 180px;
    }
    header nav{
        height:auto;
    }
    header nav a {
        padding: 20px 4px 4px 4px;
    }
    header .md-form input[type="text"]:not(.browser-default) {
        height: 20px;
        padding-top: 12px;
    }
    header .buscador{
        height: 50px;
    }
    header .column {
        margin-top: 5px;
        height: 30px;
    }
    header .btn-buscador{
        line-height: 35px;
        width: 35px;
        height:35px;
    }
    .bloque-categorias,
    .bloque-filtros {
        padding-top: 200px;
    }
    /* h2.titulo-seccion {
        padding-top: 5rem;
    } */


  .carousel-home .carousel-control .ico svg {
    width: 2.25rem;
    height: 2.5rem;
  }
  .carousel-home .carousel-control .ico {
    width: 35px;
    height: 35px;
    line-height: 5rem;
    margin-top: 7rem;
    }
    .container li {
        margin: 2px 0;
    }

    header .dropdown-menu-que input[type=checkbox], header .dropdown-menu-que input[type=radio] {
        float:left;
    }
    header .dropdown-menu-que span {
        display: inline-block;
        float: left;
    }
    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
        min-width: 22px;
        width: 22px;
        height: 20px;
        line-height: 20px;
        font-size: 10px;
    }

    header.scrolled a.ico-header {
        margin-top: 2.5rem;
    }
    .dropdown-menu-filtros {
        /* left: 0; */
    }

    .carousel-home .item-slide .content-activas, .item-bodega .content-activas {
        height: 200px;
    }
    footer {
        padding: 20px 0 15px;
    }
}

/* */
@media only screen and (max-width: 767px) {

    header .buscador{
        height: 40px;
    }
    header .column {
        margin-top: 5px;
        height: 20px;
    }
    header .btn-buscador{
        line-height: 25px;
        width: 25px;
        height:25px;
    }
    header nav a {
        padding: 10px 4px 4px 4px;
    }
    .bloque-contenido .bloque-descripcion {
        margin-top: 1rem;
    }
    header.scrolled .buscador {
        margin-top: 40px;
    }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    body, html{
        font-size: 8px;
    }
    header {
        height: 160px;
    }
    .bloque-categorias, .bloque-filtros {
        padding-top: 165px;
    }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 576px) {
    .margin-xs-0 {
        margin: 0!important;
    }
}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    body, html{
        font-size: 12px;
    }
    a.ico-header {
        margin-top: 4rem;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    body, html{
        font-size: 12px;
    }
}

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

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1600px) {
    body, html{
        font-size: 16px;
    }
}