@media (max-width: 768px){
    .elfsights-trangrestaurant{
      width: 100% !important;
    }
    .elfsight-app-9a60a7ae-a22f-4847-bb05-437b8fc11c59{
      width: 100% !important;
    }
  }
  .tinted-image1 {
  background: 
    /* top, transparent red, faked with gradient */ 
    linear-gradient(
      rgba(0, 0, 51, 0.70), 
      rgba(0, 0, 51, 0.70)
    ),
    /* bottom, image */
    url(https://trangrestaurant.com.au/css/img/customer-review.jpg);
} 
  .elementor-199 .elementor-element.elementor-element-490158e {
    background-color: #010080;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 100px 0px 70px 0px;
}
  .dummy-container{
    width: 1050px;
    height: 50px;
    background: #010080;
    margin-top: -65px;
    z-index: 9999;
    position: absolute;
  }
  @media (max-width: 767px){
    .success_section{
      margin-left: 12px;
    }
  }
    .statistic-box i {
padding-top: 15px;
}

.flip-card {
  background-color: transparent;
  width: 300px;
  height: 300px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.dine_in .flip-card-front {
      background: linear-gradient( rgba(0,0,255, 0.40), rgba(158, 0, 1,0.40) ), url(../new_img/dine_in.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
}
.reservations_flip .flip-card-front {
      background: linear-gradient( rgba(0,0,255, 0.40), rgba(158, 0, 1,0.40) ), url(../new_img/reservation.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
}
.hour_flip .flip-card-front {
      background: linear-gradient( rgba(0,0,255, 0.40), rgba(158, 0, 1,0.40) ), url(../new_img/happy_hour.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    align-items: center;
}
.flip-card-back {
  background-color: #000a80;
  color: white;
  transform: rotateY(180deg);
}
.flip-box-overlay {
    background-color: rgba(0, 0, 51, 0.35);
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    text-align: center;
    padding: 35px;
}