@media (max-width: 1200px) {
 .highlighted {
  max-width: 880px;
  margin: 0 auto;
 }
}

/*-------------
 *-----------------------------
HACEMOS QUE RESPONSIVE MENU SEA A 990PX
-------------------------------------------*/
@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .menu--account.navbar-nav > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
        background: none;
        border: 0;
        color: #fff;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    
    .navbar.container {
    flex-wrap: wrap;}
    
    
    
    .region-highlighted{
        width: 100%;
     
    }
    
    .region-highlighted ul{
        width: 100%;
        max-width: 700px;
        margin: 0 auto;
        display: flex;
        justify-content: flex-end;
    }
    
    /*Fijar header*/
    
    .highlighted{
     background-color: #666;
     position: fixed;
     top: 0;
     z-index: 9999999999;
     max-width: 100%;
    }
    
    .navbar.container{
       position: sticky;
       top: 30px;
       z-index: 9999999999;
       width: 100%;
       box-shadow: 0 3px 6px 0 rgba(0,0,0,.12);
       max-width: 100%;
    }
    
    .navbar.container .navbar-header{
       max-width: 730px;
       width: 100%;
       margin: 0 auto;
      
    }
    
    
    .navbar-collapse.collapse.in, .navbar .navbar-collapse{
       max-width: 730px;
       width: 100%;
       margin: 0 auto;
      
    }
    
    
    .navbar-header{  
	       display: flex;
		      flex-direction: row;
	       flex-wrap: nowrap;
	       justify-content: space-between;
	       align-items: center;
	       align-content: center;
    }
    
    .logo {
        max-width: 130px;
        margin-top: 5px;
        margin-bottom: 15px;
    }
    
    .region-navigation{
       flex: 1;
    }
    
    .container > .navbar-header {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
}
    
    
    #block-hierarchicaltaxonomymenu ul.hierarchical-taxonomy-menu {
       display: flex;
       flex-direction: column;
    }
    
    #block-hierarchicaltaxonomymenu ul.collapsed-submenu {
       top: 0;
       border-radius: 4px;
       border: 0px solid #eaeaea;
       left: 0;
       position: relative;
       padding-top: 0;
    }
    
    
    #block-formularioexpuestobuscador-productospage-1 h2,
    #block-formularioexpuestobuscadorpage-1 h2{
       display: none;
    }
    
    #views-exposed-form-buscador-productos-page-1 .form-control,
    #views-exposed-form-buscador-page-1 .form-control{
       width: 100%;
    }
    
    #block-formularioexpuestobuscador-productospage-1,
    #block-hierarchicaltaxonomymenu-2,
    #block-formularioexpuestobuscador-productospage-1{
        flex-basis: 100%;
        max-width: 100%;
    }
    
    ul.hierarchical-taxonomy-menu {
        padding-left: 0em;
    }
    
    #views-exposed-form-buscador-productos-page-1,
    #views-exposed-form-buscador-page-1{
        width: 100%;
    }
    
    #block-formularioexpuestobuscador-productospage-1,
    #block-formularioexpuestobuscadorpage-1 {
        order: 3;
    }
    
    #views-exposed-form-buscador-productos-page-1 .form--inline,
    #views-exposed-form-buscador-page-1 .form--inline{
        display: flex;
        justify-content: space-between;
    }
    
    #views-exposed-form-buscador-productos-page-1 .form--inline .form-item,
    #views-exposed-form-buscador-page-1 .form--inline .form-item{
     flex: 1;
       
    }
    
    .navbar-default .navbar-collapse{
       border: 0;
    }
    
    .hierarchical-taxonomy-menu > li{
       padding: 7px 10px;
       border-bottom: 1px solid #eaeaea;
    }
    
    .hierarchical-taxonomy-menu li:last-child{
       border-bottom: 0px solid #eaeaea;
    }
    
    #block-hierarchicaltaxonomymenu > ul {
       background-color: #f2f2f2;
       padding: 6px 0px;
       border-radius: 4px;
    }
    
    
    .navbar-toggle {
     
       padding: 9px 10px;
       margin-right: 25px;
    }
    
    #views-exposed-form-buscador-productos-page-1 .form-control,
    #views-exposed-form-buscador-page-1 .form-control{
       margin-left: 0;
    }
    
    
    .container {
       max-width: 730px;
       margin-top: 25px;
    }
    
    .view-catalogo .views-row, .view-buscador-productos .views-row,
    .view-buscador .views-row{
       flex: 0 0 29%;
       margin: 2%;
   }
   

    .page-header {
       margin-bottom: 0;
     }
     
     .field--name-field-tabla-producto .col_0{
        max-width: auto;
    }
    
    .footer.container{
     max-width: 100%;
    }
    
    #col_proveedor{
     width: 50%;
     height: 500px;
    }
    
    #block-webform{
     width: 100%;
    }
    
    #block-views-block-novedades-block-1 {
      float: left;
      width: 100%;
      margin-top: 40px;
    }
    
     .col_proveedor {
    float: left;
    width: 50%;
     }
     
     .path-product .file > span{
      font-size: 14px;
     }
     
     .path-product .file{
      margin: 0;
     }
     
     #block-texthome .field--name-body{
      width: 100%;
     }
    
    
    
}



@media (max-width: 768px) {
 

   .path-product .file > span{
      font-size: 13px;
     }
 
   .view-catalogo .views-row, .view-buscador-productos .views-row,
   .view-buscador .views-row, .view-novedades .views-row, .field--name-field-productos-relacionados > .field--items > .field--item{
    border-color: #333333;
    flex: 0 0 45%;
    margin: 10px;
   }
   
   .path-frontpage .main-container .row .col-sm-12 div{
    flex: 0 100%;
   }
   
   .path-frontpage .main-container .row .col-sm-12{
     display: flex;
     flex-wrap: wrap; 
    }
       
    #block-hierarchicaltaxonomymenu-2 .menu-item--expanded ul.collapsed-submenu {
    min-width: 100%;
    right: 0;
    border-radius: 4px;
    width: 100%;
    text-align: left;
    column-count: 3;
    column-gap: 20px;
    }
    
    #block-hierarchicaltaxonomymenu-2 .menu-item--expanded ul.collapsed-submenu li{
        width: 100%;
    }
    
    .ui-widget.ui-widget-content {
     border: 0px solid #c5c5c5;
     padding: 0;
     max-width: 300px;
     margin: 0 16%;
    }    
    
    .ui-tabs .ui-tabs-nav li {
     width: 100%;
     margin: 8px 0 0;
    } 
 
    .ui-widget.ui-widget-content {
        max-width: 100%;
        margin: 0 auto;
        padding: 10px 20px;
    }
    
    .field--name-field-archivos-proveedor{
        padding-top: 10px;
    }
    
    .field--name-field-imagenes-proveedor{
        float: none;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
    
    .slick--field-productos-relacionados .slick__slide{
     max-width: 95%;
     text-align: center;
    }
  
   
}



@media (max-width: 576px) {
 
 .path-frontpage .view-novedades .view-content {
    flex-wrap: wrap;
    
}

.col_proveedor {
    width: 100%;
}
 
 #col_proveedor{
     width: 100%;
     height: auto;
     min-height: 300px;
    }
 
 .path-product .field--name-body {
    font-size: 14px;
    line-height: 18px;
  }
  
  h1 {
    font-size: 22px;
  }  
  
  .view-catalogo .views-row .field--name-title, .view-buscador-productos .views-row .field--name-title,
  .view-buscador .views-row .field--name-title, .view-novedades .views-row .field--name-title, .view-novedades .views-row .field--name-title{
    font-size: 16px;
    line-height: 19px;
  }  
  
  #block-hierarchicaltaxonomymenu-2 .menu-item--expanded ul.collapsed-submenu {
    min-width: 100%;
    right: 0;
    border-radius: 4px;
    width: 100%;
    text-align: left;
    column-count: 2;
    column-gap: 20px;
  }

  #block-hierarchicaltaxonomymenu-2 .menu-item--expanded ul.collapsed-submenu li{
      width: 100%;
  }
  
  .slick--field-imagen-producto{
      width: 100%;
  }
  
  .view-catalogo .views-row, .view-buscador-productos .views-row, .view-buscador .views-row, .view-novedades .views-row, .field--name-field-productos-relacionados > .field--items > .field--item{
   flex: 0 0 100%;
   margin-right: 0px;
   margin-left: 0px;
  }
  .slick-lightbox .slick-next{
   right:0px;
  }
  .slick-lightbox .slick-prev {
      left: 0px;
  }
  
  .paragraph--view-mode--proveedor-tabs > div{
   float: left;
   width: auto;
   max-width: 100%;
   margin: 0 auto;
   min-width: 260px;
   width: 100%;
}

}