body {
  background: url(/slike/background-tesala-1920x1000-2.png) no-repeat center center fixed !important;
  width: 100vw;
  height: 100vh;
  background-size: cover !important;
}

.navigation.clearfix {
	width: 100%;
}
.main-header .header-upper .logo {
    position: relative;
    padding: 0 !important;
    margin-left: -55% !important;
}

.dropdown-btn:not(:nth-child(3)) {
    display: none;
}

#soba_101,
#soba_103,
#soba_104,
#soba_105,
#soba_113,
#soba_114,
#soba_204,
#soba_214,
#soba_215 {
  border: 4px solid red !important; 
}


.image-box {
    position: relative; 
}


.reserved {
    position: absolute;
    top: 60%;
    left: 50%; 
    transform: translate(-50%, -50%); 
    background-color: rgba(233, 189, 136, 0.8); 
    color: white;
    font-weight: bold;
    font-size: 20px;
    padding: 10px 20px;
    text-align: center; 
    z-index: 10;
    width: 100%;
    letter-spacing: 10px;
}



@media screen and (max-width: 1104px){
	.main-menu.navbar-expand-md.navbar-light::after,
	.logo-outer::before {
	display: none;
	}



.main-header .header-upper .logo img {
    position: relative;
    padding: 5px !important;
    margin-left: 45% !important;
    margin-top: 5px !important;
    width: 35%;
}
}

@media only screen and (max-width: 360px) {
    span.title::before,
    span.title::after {
    	display: none;
    }
}

.room-detail-tabs .tab-btns li {
	width: 33.33%;
}

@media screen and (max-width: 769px) {
  .room-detail-tabs .tab-btns li {
    width: 100%;
  }

  .tab-btn {
    font-size: 16px !important;
  }

  .room-section .content-column .room-size {
        position: relative;
        margin-bottom: 40px;
    } /* Dodata zagrada ovde */
}


@media screen and (max-width: 375px){
  .theme-btn {
    padding: 1.2rem !important;
  }
}