@media screen and (max-width: 960px){
  .hero-container{
    flex-direction: column;
  }
  .hero-img img{
    width: 300px;
  }
  .hero-title{
    font-size: 40px;
    text-align: center;
    width: 100%;
  }

  .h-address {
    font-size: 2.8rem;
    text-align: center;
    padding: 0 20px;
  }
}
@media screen and (max-width: 660px){
  .address-box{
    width: 80%;
  }
  .address-container {
    padding: 15px 0;
  }
  .p-address {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    padding: 0 5px;
    width: 100%;
  }
  .btn-address {
    font-size: 20px;
    padding: 15px;
  }
}
@media screen and (max-width: 375px){
  .hero-img img{
    width: 250px;
  }
  .hero-title{
    font-size: 30px;
  }
}