.topbar {
  background: #b6914c !important;
  color: #fff !important;
  padding: 8px 0 !important;
  font-size: 14px !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 2000 !important;
}

.topbar-left i {
  margin-right: 6px !important;
}

.topbar-right a {
  color: #fff !important;
  margin-left: 12px !important;
  text-decoration: none !important;
}

.topbar-right a:hover {
  color: #222 !important;
}

.navbar {
  margin-top: 36px !important; /* push navbar below topbar */
}

@media all and (min-width: 480px) {
#deskContent {display:block;}
#phoneContent {display:none;}
}

@media all and (max-width: 479px) {
    #deskContent {display:none;}
    #phoneContent {display:block;}
}

@media(max-width:767px){
    body {
  padding-top: 140px !important;
}
    .navbar-brand{
    margin-top: 0px !important;
}
}
@media(min-width:768px){
    body {
  padding-top: 116px !important;
}
.navbar-brand{
    margin-top: -21px !important;
}
}

.carousel-item img {
  width: 100%;
  height: 100vh; /* Full screen height */
  object-fit: cover; /* Crop & cover entire screen */
}

.swiper-slide img {
  width: 100%;
  height: 100vh; /* full screen height */
  object-fit: cover; /* keeps image ratio while covering */
}


.carousel-item img,
.swiper-slide img {
  width: 100%;
  height: auto; /* adjusts naturally */
}