.hiddenItem {
  display:none;
}
.theme-img {
    width:auto;
    height:100px;
}
.main-logo {
    width:auto;
    height:100px;
}
.main-img {
    width:100%;
    height:auto;
}
.sub-mega-menu a {
    color:black;
}
.del-line {
    text-decoration:line-through;
}
.slide-img {
    width:100%;
    height:auto;
}

.sidebar-button {
  left:10px !important;
}

.container-fhd {
    width: 90%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-right: auto;
    margin-left: auto;
}

.process {
  font-size:8px;
}

.mobile-text-center {
  text-align: center !important;
}

.font-reservation {
  font-size: 1.25rem;
}
.btn-date {
  color: #000;
  border-radius: 0;
  background-color: rgb(165, 165, 165);
  border-color: rgb(120, 120, 120);
}
.btn-closed {
  color: #fff;
  border-radius: 0;
  background-color: #6D6D6D;
  border-color: #6D6D6D;
}
.btn-detail {
  color: #fff;
  border-radius: 0;
  background-color: #4996bd;
  border-color: #4996bd;
}
.btn-opened {
  color: #fff;
  border-radius: 0;
  background-color: #295F79;
  border-color: #295F79;
}
.btn-opened:hover {
  color: #FFFC9C;
  border-radius: 0;
  background-color: #295F79;
  border-color: #295F79;
}
.btn-dark {
  color: #fff;
  border-radius: 0;
  background-color: rgb(30, 30, 30);
  border-color: rgb(120, 120, 120);
}

.text-black {
  color: #000 !important;
}
.text-gray {
  color: #AAA !important;
}
.text-silver {
  color: #c0c0c0 !important;
}
.text-bronze {
  color: #CD7F32 !important;
}
.text-orange {
  color: #FF7F00 !important;
}
.text-purple {
  color: purple !important;
}
.text-violet {
  color: #ee82ee !important;
}

@media (min-width: 492px) {
  .container-fhd {
    max-width: 480px;
  }
  .process {
    font-size:10px;
  }
  .mobile-text-center {
    text-align: left;
  }
}

@media (min-width: 768px) {
  .container-fhd {
    max-width: 720px;
  }
  .process {
    font-size:14px;
  }
}

@media (min-width: 1080px) {
  .container-fhd {
    max-width: 1080px;
  }
  .process {
    font-size:18px;
  }
}

@media (min-width: 992px) {
  .modal-md {
    max-width: 600px;
  }
  .modal-lg,
  .modal-xl,
  .modal-xxl,
  .modal-xxxl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl,
  .modal-xxl,
  .modal-xxxl {
    max-width: 1140px;
  }
}

@media (min-width: 1920px) {
  .modal-xxl,
  .modal-xxxl {
    max-width: 1800px;
  }
}

@media (min-width: 2560px) {
  .modal-xxxl {
    max-width: 2400px;
  }
}