.banners-home{

  padding-bottom:70px;

}

.banners-home h3{

  margin-bottom: 4.375rem;

}

.banners-home h3{

  margin-bottom:2rem;

}



.banner-v{

  width: 100%;

  /*height:488px;*/
  height:100%;

}

.banner-h1{

  width: 100%;

  height: 263px;

}

.banner-h2{

  width: 100%;

  /*height: 228px;*/
  height:270px;

  margin-top:2rem;

}

.banner-1{

  background-size: cover;

}
.banner-1:hover{
filter: opacity(.7);
}

.banner-2{

  background-size: cover;

}
.banner-2:hover{
filter: opacity(.7);
}

.banner-3{

  background-size: cover;

}
.banner-3:hover{
filter: opacity(.7);
}

.banner-4{

  background-size: cover;

}
.banner-4:hover{
filter: opacity(.7);
}

.banner-5{
  position:relative;

  width: 100%;

  height:100%;

  top:0;

  left:0;
  /*width:262px;

  height:488px;*/

  background-size: cover;
}

.banner-5:hover{
filter: opacity(.7);
}

.banner-bg{

  position:relative;

  width: 100%;

  height:100%;

  top:0;

  left:0;

}


.nom-cat{

  display: none;

  /*font-size: 20px;

  position: absolute;

  left: 50%;

  top: 50%;

  width: 165px;

  margin-left: -83.5px;

  font-weight: bold;

  font-stretch: normal;

  font-style: normal;

  line-height: 1.1;

  letter-spacing: 1.38px;

  text-align: center;

  color: #ffffff;*/

}

@media (max-width: 1200px) {

  .banners-home{ margin-top: 40px; }

}

@media (max-width: 1199px) {

   .banners-home h3 {display: none;}

}

@media (max-width: 1199px) {

  .banners-home{margin-bottom: 0px; padding-bottom: 0px;}

}

@media (max-width: 600px) {

  .banners-home{ margin-top: 10px; }

  .banner-h2{margin-top: 0.65rem;}

}



@media (max-width: 991px) {

  .pr-7-mob{padding-right: 7px;}

  .pl-7-mob{padding-left: 7px;}

}



@media (max-width: 580px) {

  .banner-h1 {

    width: 360px;

    height: 125px;

    margin: 0 auto;

  }

  .banner-h2{

    width: 173px;

    height: 125px;

    margin: 0.65rem auto 0 auto;
  }

  .page-home .container-fluid.sec-gris.top-content{

    padding-top: 15px;

  }

  .page-home .container.carousel-productos{

    margin-top: 0px;

  }

}



@media (max-width: 385px) {

  .banner-h1 {

    width: 100%;

  }

  .banner-h2{

    width: 100%;

  }

}