/** Extra small devices (portrait phones, less than 576px)
 No media query since this is the default in Bootstrap **/
@media (max-width: 776px) {
.catalogo-movil {display: block !important;}
}

/** 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:40%;}
  
.top-header{ display:none;}

.header-sticky{
	margin-top:0;
  }
  
.fondo-parallax-home h1{
	font-size:45px;
}

.fondo-parallax-home h2{
	font-size: 35px;
}
  

}


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

.container{
  max-width:961px;
  width:inherit;}
  
.container-fluid{
  padding-right: inherit;
  padding-left: inherit;}

.row{
  margin-right: inherit;
  margin-left: inherit;}
  
.logotipo{
  max-width:100% !important;}
  
.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:10px solid #ffffff;}
.borde-izquierda{border-left:10px solid #ffffff;}
  
  
}


/** 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%;}
  
.header-right{ display: block;
} 
  
  .fondo-parallax-home{background-attachment:fixed;}
  
}

/** 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;}
  
.row{
  margin-right: inherit;
  margin-left: inherit;} 
  
.header-right{ display: block;}
  
.header-sticky{ margin-top:0px;}

  
}

/** Especial Size large devices (large desktops, 1350px and up) **/
@media (min-width: 1350px) { 
  .header-right{ display: block;}
  
}