/** 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;
}
  
.reserva-home h2{
	font-size: 3.2rem;
	text-align:center;}

.reserva-home p{font-size: 1.4rem;}

.textoGrande{
    font-size: 28px;
    line-height: 38px;}
	
}


/** Medium devices (tablets, 768px and up) **/
@media (min-width: 768px) { 

.sidebar-header{display:block;}
.telefono-urgencia-top{display:inline-table;}
  
.home h1{text-align:left;}  

button#responsive-menu-button{
  top: 60px !Important;}

.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;}
  
.reserva-home h2{text-align:right;}
.reserva-home p{text-align: right;}
.sede-home h2{font-size: 2.7rem;}

.sede-degradado{
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 100%);
  margin: 0 !important;
  top: 0;
  right: 0;}

a.pt-cv-href-thumbnail{height:410px;}

.pt-cv-wrapper img{height:410px;}
  
.textoGrande{
		font-size: 24px;
    line-height: 34px;}
  
  .empresa-contenido h2{
	font-size:2.6rem;
    line-height: 1.3;}

.home h1 span{font-size:60px;}  
  
}


/** Large devices (desktops, 992px and up) **/
@media (min-width: 992px) { 
  
.rrss-header{display:inline-block;}  
.telefono-top{display:inline-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;}
  
  .slider-titulo1{
  top:-20px !important;
  min-width:992px !important;}
  
.slider-titulo2{
  top:20px !important;
  min-width:992px !important;
}
  
.slider-barra{top:0;}
  
.textoGrande{
    font-size: 28px;
    line-height: 38px;}

.producto-selector h3 a{ visibility:hidden;} 
}

/** Extra large devices (large desktops, 1200px and up) **/
@media (min-width: 1200px) { 
.navbar{display:block;}
#eeb-807349{display:inline-block;}

.container{
  max-width:1170px;
  width:inherit;}
  
.container-fluid{
  padding-right: inherit;
  padding-left: inherit;}
  
.row{
  margin-right: inherit;
  margin-left: inherit;} 
  
.sede-home p{font-size:24px; line-height:30px; font-weight:200;}

.fondo-servicios {
    background: url(images/fondo-servicios-oscuro.jpg) no-repeat center -120px;
    background-size: cover;
}
}

/** Extra extra large devices (large desktops, 1400px and up) **/
@media (min-width: 1400px) { 
.navbar-inverse .navbar-nav .nav-link{
  color: #fff;
  padding: .4rem 1rem;
	line-height:1.4rem;
	font-size:17px;}  
  
  
}


