/** 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%;}

.wp-show-posts article:nth-child(2), .wp-show-posts article:nth-child(3), .wp-show-posts article:nth-child(4), .wp-show-posts article:nth-child(5){width:50%;}   

}


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

.topHeader{
  padding:.5rem 2rem;}

.idiomas{text-align:right; margin-top:0;}

.header{
  margin:39px 0 0;}

.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: 7px solid #fff;
  margin-bottom:0;}

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

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


.filosofiaCirculos .circulo{
	background-color:#fff;
	border:5px dashed #bdbdbd;
	border-radius:100px;
	padding:10px;
	height:138px;
	width:138px;
	z-index:99;
}
  
.productos h2:after{
	content:url('images/logo-sit.png');
	float:right;
	margin-top:-50px;
}

.filosofia h3{
	text-align:left;
}

.filosofiaCirculos .col-md-4:nth-child(4) .circulo h4{ line-height: 8px !Important;
    margin-top: 40px;}  
  
.filosofiaCirculos .circulo h4 {
    font-size: 11px;
    line-height: 16px;
    margin-top: 32px;
}

.filosofiaCirculos .circulo h4 .handwriting-capital {
    font-size: 16px;
}

.filosofiaCirculos .lineaDiscontinua{
	border-bottom:5px dashed #bdbdbd;
	border-right:none;
	width:70%;
	height:5px;
	margin:0 auto;
	position:absolute;
	top:85px;
	left:30px;
}

.wp-show-posts article:nth-child(3), .wp-show-posts article:nth-child(4), .wp-show-posts article:nth-child(5){width:33.33%;}

.filosofia{
	background:url('images/bg-filosofia.jpg') top left no-repeat;
	background-size:cover;
	min-height:800px !important;
}

}


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

.busqueda-top{display:inline !Important;}

  
.header-right{display:block;}

.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;}
 
.filosofiaCirculos .circulo h4 .handwriting-capital {
    font-size: 17px;
}
  
.filosofiaCirculos .circulo h4 {
    font-size: 12px;
    line-height: 16px;
    margin-top: 32px;
}
  
}

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

.container{
  max-width:1170px;
  width:inherit;}
  
.container-fluid{
  padding-right: inherit;
  padding-left: inherit;}
  
  
.socialTop {text-align:left; display:block;}

  
.row{
  margin-right: inherit;
  margin-left: inherit;} 

.filosofiaCirculos .circulo{
	background-color:#fff;
	border:5px dashed #bdbdbd;
	border-radius:100px;
	padding:10px;
	height:198px;
	width:198px;
	z-index:99;
}
  
.filosofiaCirculos .circulo h4 .handwriting-capital {
    font-size: 24px;
}

.filosofiaCirculos .col-md-4:nth-child(4) .circulo h4{line-height:12px !Important; margin-top:64px;}

.filosofiaCirculos .circulo h4 {
    font-size: 16px;
    line-height: 20px;
    margin-top: 60px;
}
  
.filosofiaCirculos .lineaDiscontinua{
	border-bottom:5px dashed #bdbdbd;
	border-right:none;
	height:5px;
	width:70%;
	margin:0 auto;
	position:absolute;
	top:105px;
	left:100px;
}
}