.tablaResponsive{
  width:60% !important; margin-left: 20% !important;
}

@media screen and (max-width: 992px) {
  .tablaResponsive{
  width:80% !important; margin-left: 10% !important;
}
}

#logoSitioWeb{
  max-height: 70px;
  max-width: 300px;
}

@media screen and (min-width: 769px) and (max-width: 992px) {
  #logoSitioWeb{
    max-height: 70px;
     max-width: 200px;
  }
}

@media screen and (max-width: 768px) {
  #logoSitioWeb{
    max-height: 50px;
     max-width: 180px;
  }
}

/*Quienes Somos*/
#imgResponsiveQS, #imgResponsiveGaleria, #imgResponsiveServicios, #imgResponsiveContacto{
  display:none;
}

.espacioNoResponsive{
  min-height:200px;
}

.tituloNoResponsive{
    width:100% !important;
}

@media screen and (max-width: 992px) {
  #imgResponsiveQS, #imgResponsiveServicios, #imgResponsiveGaleria, #imgResponsiveContacto{
    display:block;
    max-height:270px; 
    overflow:hidden; 
  }

  .espacioNoResponsive, .tituloNoResponsive{
    display: none !important;
  }

  .espacioNoResponsive{
  min-height:0px;
}
}

/*Galeria*/

#listaGaleria {
    column-width: 300px;
    column-gap: 10px;
    list-style: none;
    margin: 1em auto;
    padding: 0;
    width: 100%;
}

.verMas2:hover, .flecha_more:hover{
  cursor:pointer;
}

.textoGaleria {
  visibility: hidden;
  background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(255,255,255,0)); 
  width:100%; 
  color:white; 
  padding:5px; 
  position: absolute;
  bottom:-10px; 
  left:0px;
  transition: bottom 0.2s;
}

.imgGaleria{
  overflow: hidden;
}

.imgGaleria:hover .textoGaleria {
  bottom:0px;
  visibility: visible;
}

.pics_in_a_row {
  display: flex;
}

.img1 { flex: 1.5012; }
.img2 { flex: 1.5000; }
.img3 { flex: 0.6666; }
.img4 { flex: 0.8479; }
.img5 { flex: 1.6609; }
.img6 { flex: 1; }
.img7 { flex: 1.5059; }
.img8 { flex: 1.5; }
.img9 { flex: 1.5; }

.pics_in_a_row {
  margin: 5px 0;
}

.pics_in_a_row > div:not(:last-child) {
  margin-right: 10px;
}

/*header*/

.navRed{
	padding: 5px !important;
}

.divRed{
	width: 100%; 
	text-align: right;
}

.logoRed{
	width:20px;
}

/*footer*/
.containerFooter{
  max-width:100% !important;
  margin-bottom: 0px;
}

.alineacionCentroFooter{
  width: 80% !important;
  margin-left: 10% !important;
}

.areaLogoFooter{
    float:right;
    text-align: right;
    width: 118px;
}

.logoRedFooter{
	width:25px;
}

.tamanoLetraFooter{
  font-size: 0.85em;
  color: #969696;
}

.tamanoLetraFooter:hover{
  text-decoration: none;
  font-size: 0.85em;
  color: #969696;
}

@media screen and (max-width: 992px) {

	.tamanoTituloFooter{
  		font-size: 0.80em !important;
	}

	.tamanoLetraFooter{
	  font-size: 0.65em !important;
	}

	.tamanoLetraFooter:hover{
	  font-size: 0.65em !important;
	}
}

/*home*/
.rowCompleto{
	width: 100%; 
	padding-right: 0px !important;
	padding-left: 0px !important;
	margin-right: 0px !important;
	margin-left: 0px !important;
}

.colCompleto{
  width: 100%; 
  padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
}

/*Contacto rapido*/

.sizeBando {
    height: 620px;
}

.propertyBando{
  position:relative; 
  display: block;
  background-position: 50% 50%;
  background-size: cover;
  background-color: #47515B;
}

.maxIndex{
  max-width: 80% !important; 
  margin-left:10% !important; 
}

.inicioIndex{
  height: 620px; 
  width: 300px !important; 
  border: 0px solid #25262a; 
  z-index: 10; 
  margin-left: calc(100% - 350px);
}

.fontEst{
  font-size: 1.4rem;
}

.btnEnviar{
  background-color: transparent !important; 
  border: 1px solid white !important; 
  color: white !important;
}

.btnEnviar:hover{
  background-color: grey !important; 
  border: 1px solid white !important; 
  color: white !important;
}

@media screen and (min-width: 1300px) {
  .maxIndex{
    max-width: 60% !important; 
    margin-left: 20% !important;
  }
}

@media screen and (max-width: 768px) {
  .inicioIndex{
    margin-left: calc(100% - 320px);
  }

  .backgroundInicio{
    background-image: url(/Estetica/public/img/barber.png);
    display: block;
  }
}

/*Página de contacto*/

#whats1, #barra{
    display: none;
}

#whats2{
    display: block;
}

@media only screen and (max-width:992px){
    #whats1, #barra{
    display: block;
    }

    #whats2{
    display: none;
    }
}

.backgroundDirectorio{
   /* The image used */
  background: url("/ContadorAbogado/public/img/textil.jpg") no-repeat center center fixed;
  background-size: cover;
  padding-bottom: 50px !important;
}

/*Tienda*/
.divFiltroTienda{
  max-width: 300px; 
  margin-right: auto; 
  margin-left: auto;
}

.tdImgCatalogo{
  text-align: center !important;
}

.inputBuscar{
  width:180px !important;
}

.widthCatalogo{
  width:80%; margin-left: 10%;
}

.tableImgCatalogo{
  height: 200px; width:100%;
}

@media only screen and (min-width:1401px)and (max-width:1700px){
  .inputBuscar{
      width:150px !important;
    }
}

@media only screen and (min-width:1200px)and (max-width:1400px){
  .inputBuscar{
      width:110px !important;
    }
}

@media only screen and (max-width:1199px){
    .divFiltroTienda{
      max-width: 100%; 
      margin-right: auto; 
      margin-left: auto;
    }

    #div1, #div2, #span1, #span2{
      display: none;
    }

    .tableImgCatalogo{
  height: auto; width:100%;
}

    .inputBuscar{
      width:200px !important;
    }

    .widthCatalogo{
      width:94%; margin-left: 3%;
    }

    .formBusqueda{
      justify-content: center !important;
    }
}
@media only screen and (max-width:768px){
  .prodDescription{
      display:none;
    }
}

/*Producto*/

.tile {
    position: relative;
    width: 400px;
    height: 400px;
    overflow: hidden;
  }

.zoomin {
  cursor: crosshair;
}

.photo {
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform .5s ease-out;
  }

@media screen and (max-width: 700px) {
  .tile {
    width: 200px;
    height: 200px;
  }
}

@media screen and (min-width: 993px) and (max-width: 1200px) {
  .tile {
    width: 300px;
    height: 300px;
  }
}

.rowProducto{
  width: 74% !important; 
  margin-left: 13% !important;
}

.divDescripcionProducto{
  margin-top: 3rem !important;
}

.divProductoGeneral{
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

@media screen and (max-width: 1200px) {
  .rowProducto{
  width: 90% !important; 
  margin-left: 5% !important;
}
}

@media screen and (max-width: 1199px) {
  .rowProducto{
    width: 100% !important; 
    margin-left: 0% !important;
  }
  #divFiltros, #span1, #tipo1, #span2, #tipo2{
    text-align: center !important;
  }
}

@media screen and (max-width: 992px) {
  .divDescripcionProducto{
  margin-top: 0rem !important;
}

.divProductoGeneral{
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
}