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

.resBox{
  flex-direction: column;

}
.resBoxImage{
  border-radius: 20px 20px 0px 0px;
}
.resBoxDetail{
  background-color: rgb(230, 230, 230);
  border-radius: 20px;
  margin-top: -20px;
  margin-left: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-wrap: wrap;
}


  .aboutImage, .aboutImageBack{
    height: 180px;
  }
  .statBox{
    border-right: none;
    border-bottom: 1px solid green;
    padding: 20px 0px;
  }
  .experienceBox{
    flex-direction: column;
  }
  .experienceBoxAfter{
    margin-top: -100px;
    margin-left: 0px;
    width: 90%;
  }
  .abcb{ 
    margin-left: 0px;
    margin-right: 0px; 
  }
  footer{
    margin-top: 0px;
    padding-top: 0px;
  }

.gallery1-left{
  margin-bottom: 10px;
  height: 300px;
  border-radius: 30px 30px 0px 0px; 
}
.gallery1-top{
  height: 300px;
  margin-bottom: 10px; 
}
.gallery1-bottom{
  height: 300px;
}
.gallery1-right{
  margin-top: 10px;
  height: 300px; 
  border-radius: 0px 0px 30px 30px; 
}

.read-more-right{
  height: 100%;
  overflow-y: none;
}

.restaurantBox1{
  color:#fff;
}

.restaurantBox11{
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../img/restaurants/0.webp') !important;
}
.restaurantBox12{
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../img/restaurants/1.webp') !important;
}
.restaurantBox13{
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../img/restaurants/2.webp') !important;
}
.restaurantBox14{
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../img/restaurants/3.webp') !important;
}


.accor-box{
  position: static;
}
.accor-left{
  width: 100%;
  position: static;
}
.accor-right{
  width: 100%;
  position: static; 
  margin-top: 10px;
}

.search-card{
  border-radius: 30px;
}











}