.box-img-3 h2{
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 10px;
  padding-right: 10px;
}

.box-img-3{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 300px;
}
.box-img-3 button{
  display: none;
}
.box-img-3:hover button{
  display: inline-block;


}
.box-img-3 * button{
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
}


.box-img-2 a , .box-img-1 a{
  text-decoration: none;
  color: #232323;
}
.box-img-2 p .box-img-1 p{
  color: #232323;
}

.tx2{
  display: grid;
  margin-left: auto;
  margin-right: auto;
}
.tx2 div{
  margin: auto;
}
.im-3-btn{
  width: 60px;
  height: 60px;
  position: absolute;
  bottom: 20;
  right: 20;
}

.img-home{
  min-height: 600px;
  object-fit: cover;
}
  .box-img-2 span{
    text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        white-space: nowrap;
  }
@media (max-width: 1024px){

    .box-img-1 img {
        height: 350px;
      }
      .box-img-2 img {
    height: 400px;
  }


  .img-home{
    min-height: 500px;
  }

}
@media (min-width: 768px) and (max-width: 992px){
  .content2 .container{
      max-width: 100%;
  }
}

@media (max-width: 768px){
  .box-img-2 img {
    height: 550px;
    width: 80%;
}

    .img-home{
      min-height: 400px;
    }
  .hrtilte{
    font-size: 25px;
  }

}

@media (max-width: 767px){
  .tx2 {
    height: auto;
  bottom: 70px;
  }
  .contact1 {
    font-size: 40px;
  }
}

@media (max-width: 500px){
  .box-img-2 img {
    height: 370px;
}
  .img-home{
    min-height: 300px;
  }
}

@media (max-width: 425px){
  .box-img-2 img {
    height: 350px;
}
  .img-home{
    min-height: 250px;
  }

.tilte:before, .tilte:after {
    width: 10%;
  }
  .hrtilte {
    font-size: 18px;

  }
}