/** Extra small devices (portrait phones, less than 576px)
 No media query since this is the default in Bootstrap **/

/** Small devices (landscape phones, 576px and up) **/
@media (min-width: 576px) {

.container{
  max-width:737px;
  width:inherit;}
  
.container-fluid{
  padding-right: inherit;
  padding-left: inherit;}
  
.row{
  margin-right: inherit;
  margin-left: inherit;}
  
.cuadro-gris-claro{
  border-right: 15px solid #fff;}

.cuadro-gris-oscuro{
  border-left: 15px solid #fff;}
  
.logotipo{
  max-width:100%;}

  
.slider-titulo1{
  font-size:45px;
  min-width:576px !important;}
  
.slider-titulo2{
  font-size: 40px !important;
  min-width:576px !important;} 
  
.topheader-responsive{display: none !important;}

.header{position:relative;}
  
}


/** Medium devices (tablets, 768px and up) **/
@media (min-width: 768px) { 

.caja-empresa-responsive{
  display: none;
}
  
.caja-empresa-escritorio{
  display: inherit;
}  
  
.header{
  width:100%;}

  .top-header{text-align:left;}  
  
.telefono-home{
  text-align:right;}
  
.container{
  max-width:961px;
  width:inherit;}
  
.container-fluid{
  padding-right: inherit;
  padding-left: inherit;}

.row{
  margin-right: inherit;
  margin-left: inherit;}
  
.dos-columnas{
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
    -webkit-column-gap:45px;
    -moz-column-gap:45px;
    column-gap:45px;
    text-align:justify;}
  
.table-div {
  display: table;
  width: 100%;
  height:100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;}

.row-div {
  display: table-row;
  height:100%; }

.cell-div {
  display: table-cell;
  float:none !important;
  vertical-align: top;
  height:100%;}

.borde-derecha{
  border-right: 1px solid #fff;
  margin-bottom:0;}

.borde-derecha-izquierda{
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  margin-bottom:0;
  margin-top:0;}

.borde-izquierda{
  border-left: 1px solid #fff;
  margin-top:0;}

.borde-derecha-verde{
  border-right: 1px solid #6B8F3E;
  margin-bottom:0;}

.borde-derecha-izquierda-verde{
  border-right: 1px solid #6B8F3E;
  border-left: 1px solid #6B8F3E;
  margin-bottom:0;
  margin-top:0;}

.borde-izquierda-verde{
  border-left: 7px solid #6B8F3E;
  margin-top:0;}
  
.fondo-texto-home{
  height:auto;
}

.cuadro-texto-home{
  border-left: 15px solid #fff;
}
  
.slider-titulo1{
  top:-40px !important;
  font-size: 50px !important;
  min-width:768px !important;
}

.slider-titulo2{
  top:50px !important;
  font-size: 45px !important;
  min-width:768px !important;
}
  
.slider-barra{
  top:10px;
}

.menu-topheader{display:none !important;}
  
.topheader-responsive{display: inherit !important;}
  
.topheader-idiomas-responsive{display: none !important;}

.logotipo{width:100% !important;}
  
  
.mosaico-escala{}  
.mosaico h3, .mosaico h3 a{font-size:24px;}
.mosaico p{font-size:.8rem; line-height:1rem;}
  
  
.categorias-ppales h2 {
	font-size:1.2rem;
	line-height:1.4rem;
}  
  
.empresa > div {
  height: 548px;}
  
.empresa-responsive > div{
	background: url(images/esquina-bg-empresa.png) top right no-repeat;
}
  
  
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 21.05%;
    margin-left: 0;
		clear:initial;
}


.woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
    float: left;
    clear: none!important;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 21.05%;
    margin-left: 0;
}


.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{float: left;width: 48%;}

.woocommerce #content div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{float: right;width: 48%;}

.woocommerce .related{clear:both; width:100%;}  
  
  
  
}

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

.container{
  max-width:1169px;
  width:inherit;}
  
.container-fluid{
  padding-right: inherit;
  padding-left: inherit;}
  
.row{
  margin-right: inherit;
  margin-left: inherit;}
  
.navbar-toggleable-md>.container{
  width:100%;
  padding:0;}
  
  .slider-titulo1{
  top:-20px !important;
  min-width:992px !important;}
  
.slider-titulo2{
  top:20px !important;
  min-width:992px !important;
}
  
.slider-barra{
  top:0;
}

.header-right{
  display:block;}

.columns-4 .product-category{
	width: 24.60% !important;}
  
}

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

.header{
  width:100%;}  
  
.container{
  max-width:1170px;
  width:inherit;}
  
.container-fluid{
  padding-right: inherit;
  padding-left: inherit;}
  
.row{
  margin-right: inherit;
  margin-left: inherit;} 

.mosaico-escala{}  
.mosaico h3, .mosaico h3 a{font-size:22px;}
.mosaico p{font-size:.9rem; line-height:1.3;}

.categorias-ppales h2 {
	font-size:1.6rem;
	line-height:1.9rem;
}
  
}