.cube-bots{
  display: inline-block;
}
.cube-bots a{
  background-color: #f36f11 !important;
  padding: 10px 15px;
  color: #ffffff !important;
  border-radius: 5px;
  box-shadow: 0px 0px 2px;
  margin: 10px;
}
.cube-bots a:hover{
  background-color: #ffffff !important;
  color: #f36f11 !important;
}

.hotel-icon img{
  background: #ddd;
  border-radius: 50%;
}

/* table css start */

table {
  width: 100%;
}
.hotel-data h4 {
  color: #ff6a26;
  font-weight: 600;
}
.hotel-data p {
  color: #003d5d;
}
.hotel {border: 1px solid #dddddd;transition: 1s ease-in-out;height: 330px;}
.hotel:hover {border: 1px solid #003d5d;border-radius: 10px;}

table th,
table td {
  padding: .625em;
  text-align: center;
  color: #003d5d;
  font-weight: 500;
}

table th {
  font-size: 16px;
}
table tr th,td {
  border: 1px solid #003d5c;
  text-align: center;
  color: #d7561c;
}

@media screen and (max-width: 768px) {
  .hotel{
    height: auto;
    margin: 10px 0px;
  }
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  table td::before {
    /* content: attr(data-label); */
    float: left;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
  }
  
}

